-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (200 loc) · 10.2 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="stylesheet.css">
<title>Personal Website</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/d8ee8fbd1a.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="navbar">
<ul class="navbar_elements">
<div class="myname">
<li><a href="#home" class="logo" >Harsh Sharma</a></li>
</div>
<li class="nav_items"><a href="#home" class="nav_items_links">HOME</a></li>
<li class="nav_items"><a href="#aboutme" class="nav_items_links">ABOUT ME</a></li>
<li class="nav_items"><a href="https://www.google.com/" class="nav_items_links">PROJECTS</a></li>
<li class="nav_items"><a href="#footer" class="nav_items_links">CONTACT</a></li>
</ul>
</div>
<div class="main" id="home">
<ul class="container">
<li class="text_container">
<div class="main_text">
<h4 class="hello">Hello!</h4>
<h1 class="main_name">I'm Harsh Sharma</h1>
<h4 class="main_desp">AI and ML Student | Tech Enthusiast | Video Editor</h4>
<p class="main_part">Passionate Third - Year Engineering student specializing in Artificial Intelligence and Machine Learning at SIES GST College.</p>
<a href="#" class="contact">Contact me </a>
<ul class="social">
<li>
<div class="insta">
<a href="https://www.instagram.com/15.harsh/" class="iglink">
<i class="fa-brands fa-instagram"></i>
</a>
</div>
</li>
<li>
<div class="linkedin">
<a href="https://www.linkedin.com/in/harsh-sharma-9ba138219/" class="lnlink">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</div>
</li>
</ul>
</div>
</li>
<li>
<img src="Pic.jpg" alt="profile pic" class="photo">
</li>
</ul>
</div>
<div class="aboutme" id="aboutme">
<h1 class="aboutme_heading">About Me</h1>
<div class="line"></div>
<p class="aboutme_des">Hello, Myself Harsh Sharma. I am currently a dedicated student at SIES Graduate School of Technology (SIES GST) in Maharashtra, where I am actively pursuing my engineering degree with a specialization in
<strong>Artificial Intelligence and Machine Learning (AIML). </strong>
While I am deeply immersed in the world of AIML, I am also enthusiastically exploring the vast landscape of computer engineering to discover the various domains it encompasses. My keen interest in this field is fueled by a strong desire to excel and make a significant impact. <br><br>
What sets me apart is my innate creativity, which I believe is an asset that allows me to approach challenges with fresh perspectives and innovative solutions. Beyond academics, I also hold the esteemed position of Head of the Media Team within our college. This role not only showcases my leadership and organizational skills but also underscores my ability to effectively combine my technological acumen with creativity. As I tread this academic and extracurricular path, I am confident that my multidimensional experiences will shape a promising future in the realm of computer engineering.</p>
</div>
<div class="technical_skills">
<h1 class="techincal_heading">Technical Skills</h1>
<div class="line_tech"></div>
<ul class="tech_skill_list">
<div>
<ul class="skill_box">
<div class="skill_box_div">
<li>
<img src="python.png" alt="python logo" class="python_logo">
</li>
<li>
<div class="skill_desc">
<h2 class="skill_heading">Python </h2>
<p class="skill_line">
Python proficiency, expertise in efficient coding for apps, automation, and data analysis.
</p>
</div>
</li>
</div>
<div class="skill_box_div">
<li>
<img src="HTML.png" alt="python logo" class="python_logo">
</li>
<li>
<div class="skill_desc">
<h2 class="skill_heading">Web Designing</h2>
<p class="skill_line">
Proficient in HTML and CSS for creating engaging, responsive web interfaces.
</p>
</div>
</li>
</div>
<div class="skill_box_div">
<li>
<img src="C.png" alt="python logo" class="python_logo">
</li>
<li>
<div class="skill_desc">
<h2 class="skill_heading">C Programming</h2>
<p class="skill_line">
Proficient in C programming, skilled in efficient application development.
</p>
</div>
</li>
</div>
</ul>
</div>
</ul>
</div>
<div class="technical_skills">
<h1 class="techincal_heading">Non - Technical Skills</h1>
<div class="line_non_tech"></div>
<ul class="tech_skill_list">
<div>
<ul class="skill_box">
<div class="skill_box_div">
<li>
<img src="Team.png" alt="python logo" class="python_logo">
</li>
<li>
<div class="skill_desc">
<h2 class="skill_heading">Team Work</h2>
<p class="skill_line">
I work well in teams, communicating and contributing effectively.
</p>
</div>
</li>
</div>
<div class="skill_box_div">
<li>
<img src="Leader.png" alt="python logo" class="python_logo">
</li>
<li>
<div class="skill_desc">
<h2 class="skill_heading">Leadership</h2>
<p class="skill_line">
I Lead by taking charge and supporting the team to achieve our goals together.
</p>
</div>
</li>
</div>
<div class="skill_box_div">
<li>
<img src="Creative.png" alt="python logo" class="python_logo">
</li>
<li>
<div class="skill_desc">
<h2 class="skill_heading">Creativity</h2>
<p class="skill_line">
I bring creativity to the table, offering fresh solutions.
</p>
</div>
</li>
</div>
</ul>
</div>
</ul>
</div>
<div class="footer" id="footer">
<div class="line_footer"></div>
<div class="footer_main">
<h1 class="footer_heading">Contact me</h1>
<div class="line"></div>
<div class="contact_info">
<ul class="contact_list">
<div class="contact_elements">
<li class="contact_email">
<i class="fa-regular fa-envelope"></i>
<a href="#" class="email">[email protected]</a>
</li>
</div >
<div class="contact_elements">
<ul class="contact_links">
<li>
<a href="https://www.instagram.com/15.harsh/" class="contact_insta">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/harsh-sharma-9ba138219/" class="contact_linkedin">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
<div class="contact_elements">
<li class="contact_phone">
<i class="fa-solid fa-phone" style="color: #ffffff;"> 9326561574</i>
</li>
</div>
</ul>
</div>
</div>
</div>
</body>
</html>