-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (134 loc) · 6.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#"><span>Portfolio.</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#services" class="menu-btn">Education</a></li>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
</div>
</nav>
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, my name is</div>
<div class="name-title">Aswath C M</div>
<a href="https://drive.google.com/file/d/1Z1kbf6p5-KsA52Feh6Qx5-_trIDaqJcC/view?usp=sharing" target="_blank" rel="noopener noreferrer">Download CV</a>
</div>
</div>
</section>
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About me</h2>
<div class="about-content">
<p>As a determined student, I am deeply passionate about learning and growth. With a relentless drive for excellence, I approach challenges with enthusiasm and perseverance.My academic journey has been marked by a commitment to mastering various programming languages. I continuously expand my knowledge in machine learning and data science. My eagerness to excel is evidenced by my participation in numerous college hackathons, where I have consistently emerged victorious, showcasing my ability to innovate and thrive in dynamic environments.
</p>
</div>
</div>
</section>
<section class="services" id="services">
<div class="max-width">
<h2 class="title">Education</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<div class="text">10th</div>
<p>Studied in ELGI Matriculation Higher Secondary School</p>
<p>Grade : 93.8%</p>
</div>
</div>
<div class="card">
<div class="box">
<div class="text">12th</div>
<p>Studied in ELGI Matriculation Higher Secondary School</p>
<p>Grade : 95%</p>
</div>
</div>
<div class="card">
<div class="box">
<div class="text">UG</div>
<p>Studying at Sri Eshwar College of Engineering</p>
<p>CGPA : 8.8</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My skills</h2>
<div class="skills-content">
<div class="column left">
<div class="text">My skills & experiences.</div>
<p>
With a strong foundation in Full Stack ,C, C++, Java, Python, R, HTML, CSS, and JavaScript, coupled with proficiency in React.js and data visualization using Power BI, I have garnered substantial experience in web development and data analysis. Additionally, my expertise spans essential libraries such as NumPy, Pandas, and Matplotlib, while I actively pursue advancements in machine learning and data science. I have demonstrated my capabilities through winning various hackathons during my college tenure, showcasing my ability to innovate and deliver solutions effectively.</p>
<a href="#">Read more</a>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>MERN</span>
<span>90%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>Python</span>
<span>60%</span>
</div>
<div class="line css"></div>
</div>
<div class="bars">
<div class="info">
<span>C++</span>
<span>80%</span>
</div>
<div class="line js"></div>
</div>
<div class="bars">
<div class="info">
<span>Java</span>
<span>50%</span>
</div>
<div class="line php"></div>
</div>
<div class="bars">
<div class="info">
<span>JavaScript</span>
<span>70%</span>
</div>
<div class="line mysql"></div>
</div>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<p>Connect with me</p>
<div class="socials">
<a href="https://github.com/aswathcm29" target="_blank" rel="noopener noreferrer">
Github
</a>
<a href="https://www.linkedin.com/in/aswath-cm-593278257/" target="_blank" rel="noopener noreferrer">
Linkedin
</a>
<a href="https://twitter.com/aswath_cm0316" target="_blank" rel="noopener noreferrer">
Twitter
</a>
</div>
</section>
</body>
</html>