forked from IOTA-GGV/draft_gaurav
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gaurav.html
328 lines (257 loc) · 14.1 KB
/
gaurav.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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>IOTA </title>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.jpg" alt="logo"></div>
<div class="topnav" id="myTopnav">
<a href="index.html">Home</a>
<a href="studentlead.html">Student Lead</a>
<a href="team.html">Team</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a>
</div>
</header>
<section class="facultylead">
<h1 class="heading">Team Member</h1>
<div class="profile">
<div class="coverimagegaurav">
</div>
<div class="profileimage">
<img src="img/gks.jpeg" alt="">
</div>
<div class="name">
<h3>Gaurav Kumar</h3>
</div>
<div class="profiletabs">
<div class="tab-label active" id="about-label" onclick="openTab('about')">About</div>
<div class="tab-label" id="skill-label" onclick="openTab('skill')">Skills
</div>
<div class="tab-label" id="experience-label" onclick="openTab('experience')">Experience</div>
<div class="tab-label" id="projects-label" onclick="openTab('projects')">Projects</div>
<div class="tab-label" id="overview-label" onclick="openTab('overview')">Overview</div>
</div>
<div class="tab active" id="about">
<h2>About</h2>
<p>Purusing Btech in ECE (first year) from Guru Ghasidas University.</p>
<p>EDUGLE, dedicated to support students preparing for the toughest undergraduate level examinations
like IIT JEE (Mains + Advance) and NEET, happy to be the founder of it.
<br> I am passionate about technology and seek every possible opportunity to explore it. I love
staying updated with the latest advancements, discoveries and inventions. My strong determination
and unwavering commitment towards empowering others through education and technology makes me stand
out of the crowd.
<br> I am enthusiastic towards learning new things and love making connections with people I meet.
<br> I would be happy if we could work together and contribute in building the future of India.
</p>
</div>
<div class="tab" id="skill">
<h2>Skills</h2>
<section class="skill" id="skill">
<div class="skills-section">
<div class="skills-header">
</div>
<div class="skills-container">
<div class="skills-box">
<div class="skills-title">
<div class="skills-img">
<img src="img/html.png" alt="" class="skills-icons">
</div>
<h3>HTML </h3>
</div>
</div>
<div class="skills-box">
<div class="skills-title">
<div class="skills-img">
<img src="img/css.png" alt="" class="skills-icons">
</div>
<h3>CSS</h3>
</div>
</div>
<div class="skills-box">
<div class="skills-title">
<div class="skills-img">
<img src="img/msword.png" alt="" class="skills-icons">
</div>
<h3>MS Word</h3>
</div>
</div>
<div class="skills-box">
<div class="skills-title">
<div class="skills-img">
<img src="img/powerpoint.png" alt="" class="skills-icons">
</div>
<h3>MS Powerpoint</h3>
</div>
</div>
<div class="skills-box">
<div class="skills-title">
<div class="skills-img">
<img src="img/content creation.jpg" alt="" class="skills-icons">
</div>
<h3>Content Creation</h3>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="tab" id="experience">
<h2>Experience</h2>
<div class="rows">
<div class="leftcolumn">
<div class="experiencecard">
<h2>EDUGLE</h2>
<h3>Founder</h3>
<h4>April 2020 - Present</h4>
<div class="description">EDUGLE is a unregistered company founded by
me. EDUGLE helps students preparing for JEE, NEET in solving their doubts, providing
them
study resources, helping them during counselling by the team of students who are there
in IITs, NITs, IIITs, GFTIs. Also we solve all
academic and non-academic doubts of the students, provide them mentorship and guidance
</div>
</div>
<div class="experiencecard">
<h2>Growupp</h2>
<h3>HR Intern</h3>
<h4>Dec 2022 - Jan 2023</h4>
<div class="description">Growupp is an educational platform.
I worked as HR intern at growupp. Doing this internship gave me idea of how hr think
before hiring, helped me in increasing my
communication skills, connecting with peoples.
</div>
</div>
<div class="experiencecard">
<h2>Career Capsule</h2>
<h3>Content Creator </h3>
<h4>Jan 2023 - Jun 2023</h4>
<div class="description">Career capsule is an educational platform which focus on students
preparing for JEE, NEET, BITSAT, COMEDK, WBJEE.
I worked as content creator intern.
</div>
</div>
<div class="experiencecard">
<h2>Equilibrio Techfest GGV</h2>
<h3>Content Manager Lead</h3>
<h4>Mar 2023 - Apr 2023</h4>
<div class="description">Equilibrio is a Socio-Cultural techfest in ITGGV. I was the content
manager lead in media team.
</div>
</div>
<div class="experiencecard">
<h2>Silicon GGV</h2>
<h3>Marketing Excutive</h3>
<h4>Apr 2023 - Jun 2023</h4>
<div class="description">Silicon is a technical society of Electronics and Communication
Department.
</div>
</div>
<div class="experiencecard">
<h2>Fact</h2>
<h3>Mentor</h3>
<h4>Jun 2023 - Present</h4>
<div class="description">FACT is a visionary platform conceived from the seed sown by our
honourable Prime Minister, Shri Narendra Modi ji, during the unveiling of
YUVA. A transformative platform dedicated to counselling and fostering networks among
students, faculties, and parents. As the first of its
kind, this platform enables community mentoring. FACT aims to ensure that no student is
left behind due to a dearth of knowledge or
proper guidance
</div>
</div>
</div>
</div>
</div>
<div class="tab projectcontainer" id="projects">
<h2>Projects</h2>
<div class="project">
<div class="projectbox">
<h3>EDUGLE FrontEnd Webpage</h3>
<a href="https://sharmag02.github.io/edugleofficial02/" class="btnsmm">View</a>
</div>
<div class="projectbox">
<h3>National Youth Day</h3>
<a href="https://www.linkedin.com/posts/sharmag02_nationalyouthday-nationalyouthday2023-nss-activity-7019936514620989440-ueIr?utm_source=share&utm_medium=member_desktop"
class="btnsmm">View</a>
</div>
<div class="projectbox">
<h3>Republic Day </h3>
<a href="https://sharmag02.github.io/republicday/" class="btnsmm">View</a>
</div>
<div class="projectbox">
<h3>Women's Day Day </h3>
<a href="https://sharmag02.github.io/womensday/" class="btnsmm">View</a>
</div>
<div class="projectbox">
<h3>Personal Portfolio </h3>
<a href="https://sharmag02.netlify.app" class="btnsmm">View</a>
</div>
<div class="projectbox">
<h3>All Project </h3>
<a href="https://www.linkedin.com/in/sharmag02/details/projects/" class="btnsmm">View</a>
</div>
</div>
</div>
<div class="tab" id="overview">
<h2>Overview</h2>
<div class="overviewprofile">
<div class="box4">
<h3>Gaurav Kumar</h3>
<span>Web Developer</span> <br>
<span>ECE 1st Year</span>
<p> Email- [email protected]</p>
<div class="resume">
<a href="https://drive.google.com/file/d/1xjzIaatTYiziLojNtJB_h-gUbaWGV8db/view">Resume</a>
</div>
<div class="share">
<a href="https://facebook.com/sharmag02" class="icons" target="_blank">
<span class="socialmedianame">Facebook</span>
</a>
<a href="https://linkedin.com/in/sharmag02" class="icons" target="_blank">
<span class="socialmedianame">Linkedin</span>
</a>
<a href="https://instagram.com/sharmag_02" class="icons" target="_blank">
<span class="socialmedianame">Instagram</span>
</a>
<a href="https://github.com/sharmag02" class="icons" target="_blank">
<span class="socialmedianame">Github</span>
</a>
<a href="https://linktr.ee/sharmag02" class="icons" target="_blank">
<span class="socialmedianame">Linktree</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function openTab(tabName) {
// Hide all tab content and remove the "active" class from tab labels
var tabs = document.getElementsByClassName('tab');
for (var i = 0; i < tabs.length; i++) {
tabs[i].style.display = 'none';
}
var tabLabels = document.getElementsByClassName('tab-label');
for (var i = 0; i < tabLabels.length; i++) {
tabLabels[i].classList.remove('active');
}
// Show the selected tab content and add the "active" class to the tab label
document.getElementById(tabName).style.display = 'block';
document.getElementById(tabName + '-label').classList.add('active');
}
</script>
<script>
// Open the "About" tab by default
openTab('about');
</script>
</body>
</html>