-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (169 loc) · 11.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
<!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="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="Harsh.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Pangolin&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
<title>Harsh Sharma</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #e3f2fd;">
<a class="navbar-brand" href="#About-me">About me</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#qualifications">My Qualifications <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experiences">My Experiences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#me">Contact Me</a>
</li>
</ul>
</div>
</nav>
<div class="first">
<img class="profile-pic" src="circle-cropped.png" alt="Harsh Sharma">
<!-- <h1 class="me">Hey there, I am Harsh...</h1> -->
<h1 class="me"><q>Faith may take us to places, we might not be built for....</q></h1>
</div>
<div class="second">
<h1 class="welcome two">Welcome to my webpage!</h1><br>
<h3 class="welcome-h3 two">Let's get to know me.😅</h3>
</div>
<div id="About-me" class="second-sub">
<img class="code" src="code.png" alt="code">
<p class="about-me">Hello there! I am Harsh Sharma. I am an undergraduate student at the Delhi Technological University.
My major is Software Engineering. I am a full time programmer and a part-time web designer. I am familiar with
various IDEs like Visual Studio Code and text editors like Atom and Sublime Text. I am well versed with various programming languages like C, C++, Javascript
and Python, which have been certified at various platforms like Hackerrank, linkedin, coursera, udemy and edX. I have keen
interests in the fields of machine learning, data science and Internet of Things.
I also have good knowledge of HTML, CSS and various frameworks like Bootstrap and jQuery. Besides coding, I am a very big cricket fan and
love to read books. So that's me at a glance, feel free to look at my other qualifications. ✌️
</p><br>
<p class="follow">Please follow along for more details about me.</p>
</div>
<div id="qualifications" class="third">
<h1 class="edu">My Educational Qualifications</h1>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="dtu" src="DTU logo.png" class="d-block w-100" alt="Delhi Technological University">
<h4 class="univ"><a class="sch-logo" href="http://www.dtu.ac.in/" target="_blank">Delhi Technological University (formerly DCE)</a></h4>
<h4 class="edu-details">Bachelor of Technology (B.Tech)</h4>
<h4 class="edu-details">Software Engineering</h4>
<h4 class="edu-details-last">(2020 - Present)</h4>
</div>
<div class="carousel-item">
<img class="bvn" src="Birla-Vidya-Niketan-Pushp-Vihar-Delhi.png" class="d-block w-100" alt="Birla Vidya Niketan">
<h4 class="plus-two"><a class="sch-logo" href="http://www.birla.ac.in/" target="_blank">Birla Vidya Niketan</a></h4>
<h4 class="edu-details">Higher Secondary School</h4>
<h4 class="edu-details">English, Physics, Chemistry, Mathematics and Engineering Graphics</h4>
<h4 class="edu-details-last">(2018 - 2020)</h4>
</div>
<div class="carousel-item">
<img class="smps" src="sona-modern-public-school.webp" class="d-block w-100" alt="Sona Modern Public School">
<h4 class="tenth"><a class="sch-logo" href="https://sonaschool.com/" target="_blank">Sona Modern Public School</a></h4>
<h4 class="edu-details">High School (till 10th grade)</h4>
<h4 class="edu-details-last">(2006 - 2018)</h4>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div id="experiences" class="fourth">
<h1 class="exp">Professional Experiences</h1>
<div class="exp-1 exp-divs">
<img class="internshala" src="internshala.png" class="d-block w-100" alt="Internshala">
<h4 class="company"><a href="https://internshala.com/" target="_blank">Internshala</a></h4>
<h5>Student Partner</h5>
<h5>(February 2021 - April 2021)</h5>
<p class="para-cmp">This was an amazing experience for me as I worked directly with the Internshala marketing team.
We, as a student partner, were required to promote the activities, seminars and trainings conducted by Internshala.
This enriching experience enabled me to network efficiently with people from different domains inside DTU.</p>
</div>
<div class="exp-2 exp-divs">
<img class="dcoder" src="dcoder.png" class="d-block w-100" alt="D_CODER DTU">
<h4 class="company"><a href="https://www.linkedin.com/company/dcoder/mycompany/" target="_blank">D_CODER DTU</a></h4>
<h5>Member</h5>
<h5>(December 2020 - Present)</h5>
<p class="para-cmp">D_CODER DTU is a coding/ tech society of the Delhi Technological University. As a part of this society, I have
collaborated with different people form different branches of Engineering to build exciting and innovative projects.
Moreover, the competitive environment inside the society enabled me to bring out the best in me.</p>
</div>
<div class="exp-3 exp-divs">
<img class="iosd" src="iosd.png" class="d-block w-100" alt="IOSD DTU">
<h4 class="company"><a href="https://iosd.tech/" target="_blank">IOSD DTU</a></h4>
<h5>Member</h5>
<h5>(December 2020 - Present)</h5>
<p class="para-cmp">International Organisation of Software Developers is one of the largest open source development based Organisation in India.
IOSD DTU is the student branch of IOSD inside the DTU. As a part of IOSD, I have successfully
participated in various coding competitions like Algofeed, etc. I was also part of the organising team for
Synergy'21, the official tech-fest of IOSD DTU.
</p>
</div>
<div class="exp-4 exp-divs">
<img class="assets" src="assets.png" class="d-block w-100" alt="ASSETS DTU">
<h4 class="company"><a href="https://in.linkedin.com/company/assets-dtu" target="_blank">ASSETS DTU</a></h4>
<h5>Member</h5>
<h5>(February 2021 - Present)</h5>
<p class="para-cmp">A.S.S.E.T.S is the Finance and Investment Society of Delhi Technological University.
A.S.S.E.T.S. stands for, Accounting Skills and Stock Exchange Training Society. As a part of ASSETS, I was
in the quantitative department. I participated in various finance quizzes hosted by ASSETS on platforms like Dare2Compete
and was also in the organising team of Fortune'21, the annual finance fest of DTU. </p>
</div>
<div class="exp-5 exp-divs">
<img class="curie" src="curie.png" class="d-block w-100" alt="CURIE DTU">
<h4 class="company"><a href="https://in.linkedin.com/company/curie-dtu" target="_blank">Curie DTU</a></h4>
<h5>Member</h5>
<h5>(February 2021 - Present)</h5>
<p class="para-cmp">CURIE is the research promotion society of DTU. All the students who are a part of this society, work
towards promoting research in the university by organising webinars and conducting workshops. This society
has helped me realise my potential as a researcher and to explore various domains of software engineering like
machine learning, internet of things, etc.</p>
</div>
</div>
<div id="me" class="fifth">
<h1 class="int">Contact me</h1>
<div class="last">
<div class="social social-first">
<a href="https://www.instagram.com/theharsharma/" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
</div>
<div class="social">
<a href="https://twitter.com/harsharma0902" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
</div>
<div class="social">
<a href="https://www.linkedin.com/in/harsh-sharma-935324202/" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
</div>
<div class="social">
<a href="mailto:harsharma0902@gmail.com" target="_blank"><i class="fas fa-envelope fa-2x"></i></a>
</div>
<div class="social social-last">
<a href="https://www.hackerrank.com/harsharma0902" target="_blank"><i class="fab fa-hackerrank fa-2x"></i></a>
</div>
<h6 style="padding-bottom: 0;">Copyright 2021. Harsh Sharma</h6>
</div>
</div>
</body>
</html>