-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
419 lines (351 loc) · 19.9 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
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
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Hey, I'm Arjun.</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="https://img.icons8.com/ios-filled/30/000000/briefcase.png" rel="icon">
<link href="https://img.icons8.com/ios-filled/30/000000/briefcase.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
<header id="header">
<div class="d-flex flex-column">
<div class="profile">
<img src="assets/img/fffff.webp" alt="" class="img-fluid rounded-circle">
<h1 class="text-light"><a href="#">Arjun Gaud</a></h1>
<div class="social-links mt-3 text-center">
<a href="https://twitter.com/arjunnn_gaud" target="_blank" rel="noopener"><i class="bx bxl-twitter"></i></a>
<a href="https://www.facebook.com/profile.php?id=100008111469704" target="_blank" rel="noopener"><i class="bx bxl-facebook"></i></a>
<a href="https://github.com/itsarjun12" target="_blank" rel="noopener"><i class="bx bxl-github"></i></a>
<a href="https://www.linkedin.com/in/arjun-gaud-771bb4167/" target="_blank" rel="noopener"><i class="bx bxl-linkedin"></i></a>
<a href="https://mylazyblog12.blogspot.com/" target="_blank" rel="noopener"><i class="bx bxl-blogger"></i></a>
</div>
</div>
<nav class="nav-menu">
<ul>
<li class="active"><a href="#hero"><i class="bx bx-home"></i> <span>Home</span></a></li>
<li><a href="#about"><i class="bx bx-user"></i> <span>About</span></a></li>
<li><a href="#resume"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
<li><a href="#portfolio"><i class="bx bx-book-content"></i>Work</a></li>
<li><a href="#contact"><i class="bx bx-envelope"></i> Contact</a></li>
</ul>
</nav>
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
</div>
</header>
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
<div class="hero-container" data-aos="fade-in">
<h1>Arjun Gaud</h1>
<p>I'm <span class="typed" data-typed-items=" an enthusiastic developer., a coder., an open source contributor."></span></p>
</div>
</section>
<main id="main">
<!-- About Section -->
<section id="about" class="about">
<div class="container">
<div class="section-title">
<h2>About</h2>
<p>I am a fresher graduate of b.tech as specialisation in Computer Science & Engineering. Being a technology-enthusiast, I love to explore new technologies and leverage it to solve real-life problems. Currently, I am actively looking for an <b>SDE</b> role in a good firm.</p>
</div>
<div class="row">
<div class="col-lg-4" data-aos="fade-right">
<img src="assets/img/jsss.webp" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
<h3>Enthusiastic Learner & Student of Computer Science.</h3>
<p class="font-Sans-serif">
Being a technology-enthusiast, I have a lot of interest in various technologies like Django, Python, C++ DS & algo, git, Web developement and curious to know new stuffs.
</p>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Specialization:</strong> Computer Science & Engg.</li>
<li><i class="icofont-rounded-right"></i> <strong>Co-curricular:</strong> Content writing, Sports , Cultural, Social work, Management & Volunteership in many socities.</li>
<li><i class="icofont-rounded-right"></i> <strong>Articles contribute at:</strong> Geeksforgeeks, wrytin, Blogger.com, Medium.</li>
<li><i class="icofont-rounded-right"></i> <strong>City & Country:</strong> Agra, India.</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Graduation year:</strong> 2020</li>
<li><i class="icofont-rounded-right"></i> <strong>Degree:</strong> B.Tech</li>
<li><i class="icofont-rounded-right"></i> <strong>Interests:</strong> Writing, Reading books, Sports, Coding, Watching anime, Gaming, listening to podcast.</li>
<li><i class="icofont-rounded-right"></i> <strong>Freelance contribution at:</strong> Google local guide, Google Crowdsource, shutterstock, Github and Open source.</li>
<li><i class="icofont-rounded-right"></i> <strong>Job status:</strong> Actively looking for an <b>SDE</b> role of good firm.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- = Skills Section = -->
<section id="skills" class="skills section-bg">
<div class="container">
<div class="section-title">
<h2>Skills</h2>
<p>A personality" word is itself a superficial thing. An actual thing that makes your personality, internally is skills. Let's focus on that.</p>
</div>
<div class="row skills-content">
<div class="col-lg-6" data-aos="fade-up">
<div class="progress">
<span class="skill">Operating system<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">network<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Public Speaking<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Content writing<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Web technology<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="progress">
<span class="skill">Python<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Data strcutures<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Git<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Django<i class="val">Naive</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">C++<i class="val"></i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- == Resume Section == -->
<section id="resume" class="resume">
<div class="container">
<div class="section-title">
<h2>Resume</h2>
<p>Computer Science Student</br>
B.Tech from BIET, Jhansi.</br>
Actively looking for an <b>SDE</b> role</br>
<b>Hometown</b>- Agra, Uttar Pradesh.
</p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-up">
<h3 class="resume-title">Sumary</h3>
<div class="resume-item pb-0">
<h4>Arjun Gaud</h4>
<p><em>An enthusiastic programmer |A developer, I am A person with a strong urge to learn something new every day.Recently, I have completed my B Tech. from Bundelkhand institute of technology and engineering, Jhansi in computer science & engg. I am actively looking for the software developer post of the good firm.</em></p>
</div>
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>Bachelor of Technology- B.Tech(CSE)</h4>
<h5>2016 - 2020</h5>
<p><em>Bundelkhand Institute of Technology & Engg., Jhansi.</em></p>
<h4>College societies & volunteership</h4>
<ul>
<li>Executive Member of Techzion'18 (Techfest of college).</li>
<li>Management lead Coordinator of Cultural Sub-Council UTSAV'18.</li>
<li>Runner up of 100 hours Internship at institute level.</li>
<li>Management lead of Computer Science Club, R-cubed.</li>
<li>Recently, an active member of many NGO's.</li>
<li>Student volunteer in Non-profit organization(VCM) from my college.</li>
</ul>
</div>
<div class="resume-item">
<h4>intermediate (Science)</h4>
<h5>2013 - 2015</h5>
<p><em>Brajraj Singh Inter School,Firozabad</em></p>
<ul>
<li>
<b>Academics-</b> Appreciation certificate for maintaining good academic performance.</li>
<li><b>Sports-</b> First runner up in inter-school sports competition</li>
<li><b>Cultural-</b> Awarded for Debate & Speaking</li>
</ul>
</div>
<div class="resume-item">
<h4>Highschool (Science)</h4>
<h5>2011 - 2013</h5>
<p><em>Kids Corner Senior Secondary School, Firozabad</em></p>
<li><b>Art-</b> Art competition winner</li>
<li><b>Public speaker-</b> First Runner up</li>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<h3 class="resume-title">Internship Experience</h3>
<div class="resume-item">
<h4>CRIO.Do Winter of doing'21</h4>
<h5>January, 2021 </h5>
<p><em>Open source intern</em></p>
<ul>
<li>India's largest tech externship program for the developer, those provide a project-based learning plateform and resources of learning to developers to create by own something innovative known as CWOD'21. I learnt and got micro experience of backend technologies like HTTP, API, AWS, Heroku, Netlify can say the micro experience of full-stack and also won the "share your learning" challenge.</li>
</ul>
</div>
<div class="resume-item">
<h4>Open source contribution</h4>
<h5>2020 - present</h5>
<p><em>Participant at open source contributor's Hack2020 in HakinCodes</em></p>
<ul>
<li>It is an open-source contribution, where we can select our project according to relevant skillset and can contribute and solve issues regarding the correspondence project.</li>
</ul>
</div>
<div class="resume-item">
<h4>Summer Intern</h4>
<h5>june, 2018</h5>
<p><em>The Government Of india</em></p>
<ul>
<li>I had done 100 hours internship for rural development and encouraged people to maintain hygiene and hygiene. I went out of the city and door to door to make this campaign successful. As a reward, hard work paid me off. I got 2nd rank at my institute level. Finally, I got to certify. That was pretty encouraging for me to do this kind of social work. I am glad I was part of this great initiative.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- = Work Section = -->
<section id="portfolio" class="portfolio section-bg">
<div class="container">
<div class="section-title">
<h2>Work</h2>
<p><em><b>Alexander Graham Bell-</b> “Concentrate all your thoughts upon the work in hand. The sun's rays do not burn until brought to a focus.“</em>
</p>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<h5><li data-filter="*" class="filter-active" ><strong>Hey buddy!! Let's put a light on meaningful thing.</strong></li></h5>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="#hero" class="Project"><i class="fa fa-github-alt fa-5x" ></i></a>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up">
<div class="icon"><i class="icofont-computer"></i></div>
<h4 class="title"><a href="https://github.com/itsarjun12/Speech-recognition-" target="_blank" rel="noopener">Speech recognition</a></h4>
<p class="description">It's a simple text to speech recognition system that I made for my personal computer as a first project. It has two voices that can be used for own convenience.</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="icofont-computer"></i></div>
<h4 class="title"><a href="https://github.com/itsarjun12/MyPollAdministrationApp" target="_blank" rel="noopener">Polling app</a></h4>
<p class="description">Polling App is a Web-based poll that runs on the localhost server. In the backend, database SQL server handles through the framework. Visitors can choose between a fixed number of answers and create polls by running the server on localhost</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="icofont-computer"></i></div>
<h4 class="title"><a href="">Porfolio site</a></h4>
<p class="description">By Using HTML, CSS, Javascript and Bootsrap. I made this responsive and attractive portfolio for my personal and as well as a web project.</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="icofont-computer"></i></div>
<h4 class="title"><a href="https://github.com/itsarjun12/Floppy-bird-by-arjun-gaud">floppy bird game</a></h4>
<p class="description">A game
Language used - Python</br>
Tool-Visual studio </br>
Flappy Bird game by using pygame module and libraries.</p>
</div>
</div>
</div>
</section>
<!-- = Contact Section = -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p>Check out my contact details below.</p>
</div>
<div class="row" data-aos="fade-in">
<div class="col-lg-5 d-flex align-items-stretch">
<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Location:</h4>
<p>Agra, INDIA</p>
</div>
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>[email protected]</p>
</div>
<div class="Linkedin">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/in/arjun-gaud-771bb4167/" class="linkedin" target="_blank" rel="noopener"><i class="fa fa-linkedin"></i></a>
<h4>Linkedin:</h4>
<p>Arjun Gaud</p>
</div>
<div style="width: 100%"><iframe width="100%" height="290px" frameborder="0" style="border:0" allowfullscreen src="https://maps.google.com/maps?width=100%25&height=600&hl=en&q=agra,%20india+(My%20address)&t=&z=14&ie=UTF8&iwloc=B&output=embed"></iframe><a href="https://www.maps.ie/route-planner.htm"></a></div>
</div>
</div>
</main>
<!-- footer -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Designed by <strong><span>Arjun Gaud</span></strong>
</div>
</div>
</footer>
<a href="#" class="back-to-top"><i class="">uP</i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>