-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·293 lines (284 loc) · 13 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
<!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" />
<title>Himanchal Chandra Portfolio</title>
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script
src="https://kit.fontawesome.com/216e46477a.js"
crossorigin="anonymous"
></script>
<link rel="icon" type="image/png" href="images/logo.png" />
</head>
<body>
<header>
<div class="container">
<nav>
<div class="nav-brand">
<a href="index.html">
<img src="images/logo.png" alt="Logo" />
</a>
</div>
<div class="burger-icon">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<ul class="nav-list">
<li class="nav-item">
<a href="#landing-page">
<img
src="images/profile.jpg"
alt="Himanchal_Profile_Pic"
class="profile-pic nav-link"
/>
<span class="caption nav-link"> Himanchal chandra </span>
</a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link"> About </a>
</li>
<li class="nav-item">
<a href="#services" class="nav-link"> Experience </a>
</li>
<li class="nav-item">
<a href="#projects" class="nav-link"> Projects </a>
</li>
<li class="nav-item">
<a href="#techstack" class="nav-link"> Tech Stack </a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link"> Contact </a>
</li>
<li class="nav-item social-icons">
<a href="https://www.linkedin.com/in/himanchalchandra/"
target="_blank"
class="nav-link">
<i class="fab fa-linkedin"></i></a>
<a href="https://github.com/HimanchalChandra"
target="_blank"
class="nav-link">
<i class="fab fa-github"></i></a>
<a href="https://www.facebook.com/himanchalchandra007/"
target="_blank"
class="nav-link">
<i class="fab fa-facebook-square"></i></a>
<a href="mailto:himanchal.chandra@gmail.com?subject=Regarding Portfolio"
target="_blank"
class="nav-link">
<i class="fa fa-envelope-o"></i></a>
</li>
<div class="resume">
<a href="https://drive.google.com/file/d/1YZwObw6O3WpVVLQIz3hmoiv8BOAJoIrA/view?usp=sharing" target="_blank" class="btn nav-link"> Resume</a>
</div>
</ul>
</nav>
</div>
</header>
<main>
<section id="landing-page" class="landing-page">
<div class="container">
<div class="main-message">
<h2>Himanchal Chandra</h2>
<h3>{Software Developer}</h3>
<p>Html/CSS . JavaScript . C/C++ . Python . Kotlin</p>
<div class="intro-btn">
<div class="cta">
<a href="#contact" class="btn">Get In Touch</a>
</div>
<div class="cta">
<a href="#projects" class="btn">My Projects</a>
</div>
</div>
<div>
<a href="#about" class="scroll-down">
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="about-img">
<img
src="images/profile.jpg"
alt="Himanchal Chandra"
class="about-pic"
/>
</div>
<div class="about-text-box">
<h2>Hello 👋🏽</h2>
<p>
I am Himanchal Chandra, a final year Electronics and Communication Engineering student 🙇♂️, a 21-something-year-old who is passionate about technology and loves to learn new things every day and keep up with the new technologies.
</p>
<p>
I started my coding journey 💻 in 2017 when I got my hands dirty doing Data Science in Python 🐍, lately, I have been doing Android Development in Kotlin.
</p>
<p>
Currently, I am a Machine Learning Engineering Intern at AtAI Labs, Hyderabad. I had also done a previous summer internship at IIIT Allahabad where I worked on Algorithms ⌛.
</p>
</div>
</div>
<hr />
</section>
<section id="services" class="services">
<div class="container">
<div class="title-heading">
<h2>EXPERIENCE</h2>
<p>
Some of my experiences...
</p>
</div>
<div class="service-tiers">
<div class="tier-item">
<img src="images/atai.png" alt="ATAI">
<h2>Machine Learning Intern - AtAI Labs</h2>
<p>
• Worked with the machine learning team in developing a SOTA (State Of The Art) model for seal detection using OpenCV
and deep learning in python.
<br> <br>
• Developed an android application in Kotlin which utilizes the barcode scanner and text detection of MLkit SDK for seal
detection.
<br> <br>
• Worked on the conversion of TensorFlow Models into TensorRT Models for high-performance deep learning inference
without much loss in accuracy
</p>
</div>
<div class="tier-item">
<img src="images/bit.jpg" alt="BIT">
<h2>Student Researcher - BIT Mesra</h2>
<p>
• Worked on FaceNet, developed a biometric attendance Mobile Application using Kivy framework for its frontend and SQLite for its backend database in python.
<br> <br>
• The biometric attendance application gave an accuracy of 97% and was able to capture faces in low-light condition.
</p>
</p>
</div>
<div class="tier-item">
<img src="images/iiit.jpg" alt="IIIT">
<h2>Summer Intern - IIIT Allahabad</h2>
<p>
• Implemented different Deep Reinforcement Learning Algorithms for object manipulation with the Baxter robot.
<br> <br>
• Implemented single-point and multi-point crossover variants of Genetic Algorithm from scratch in python.
<br> <br>
• Trained a deep reinforcement learning model using keras on VOC Pascal Dataset for the object detection task.
</p>
</div>
</div>
</div>
<hr />
</section>
<section id="projects" class="projects">
<div class="title-heading">
<h2>PROJECTS</h2>
<p>These are some of my recent projects</p>
</div>
<div class="project-item">
<div class="project-img has-margin-right">
<img src="images/sppms.jpg" />
</div>
<div class="project-description">
<h2>LinkedIn Scraper | Python, Selenium, BeautifulSoup, Pandas, Matplotlib</h2>
<p>
• Developed a web-scraper using selenium and beautiful soup to web-scrape Uber’s LinkedIn profile information such as employees name, job title, location, and the profile link.
<br> <br>
• Ran a second scraper and extracted information such as employee’s experience, education, and skills for analysis using the profile link scraped in the previous section.
<br> <br>
• I ran my analysis on about 1,000 employee profiles to get different insights on the data scientist role at Uber like what degree or level of education do you need, what skills are employers looking for, etc
</p>
<a href="https://github.com/HimanchalChandra/LinkedIn-Scraper" class="project-link" target="_blank">
<i class="fa fa-github" aria-hidden="true"> View Code</i></a>
</div>
</div>
<div class="project-item project-column-reverse">
<div class="project-description has-margin-right">
<h2>Focus | Python, Keras, Opencv, NodeMCU, Mqtt</h2>
<p>
• Developed a smart glass inspired by Google glass for people suffering from Amyotrophic Lateral Sclerosis (ALS)
<br> <br>
• The glasses can be controlled by eye gestures using a Deep Learning real-time gaze region estimation model which I
trained using Keras library
</p>
<a href="https://himanchal-ai.webflow.io/work/focus" class="project-link" target="_blank"
>View Article</a>
</div>
<div class="project-img">
<img src="images/to-do.png" />
</div>
</div>
<div class="project-item">
<div class="project-img has-margin-right">
<img src="images/calculator.png" />
</div>
<div class="project-description">
<h2>Attendance Management Application | Kivy, Matplotlib, Pytorch, Sqlite, Python</h2>
<p>
• Developed a biometric verification and management application using Kivy framework in python
<br> <br>
• This application makes use of SQL based database for the backend, and the frontend is made using the Kivy framework in python
<br> <br>
• There are many features available like registration of the new user, deletion of the user from the database, attendance marking, and visualization of day-to-day attendance of users
</p>
<a href="https://github.com/HimanchalChandra/RBVMS-FE" class="project-link" target="_blank"
><i class="fa fa-github" aria-hidden="true"> View Code</i></a>
</div>
</div>
<hr/>
</section>
<section id="techstack" class="techstack">
<h2>TECH STACK</h2>
<p>Some of the technologies...</p>
<div class="techstack-img">
<img src="images/tech.jpg"/>
</div>
<hr/>
</section>
<section id="contact" class="contact">
<h1>GET IN TOUCH</h1>
<p>I'd love if you reached out to me. Even if it's just to say "Hey!". Don't hesitate! Drop me a line and I’ll get back to you ASAP!
</p>
<p><i>Let's have a cup of coffee
</i>☕️ :)</p>
<div class="container">
<p>
<a href="mailto:himanchal.chandra@gmail.com?subject=Regarding Portfolio" target="_blank"><i class="fa fa-envelope-o" ></i> himanchal.chandra@gmail.com</a>
</p>
<p>
<a href="https://www.linkedin.com/in/himanchalchandra/" target="_blank"><i class="fab fa-linkedin"> Linkedin</i></a>
</p>
<p>
<a href="https://github.com/HimanchalChandra" target="_blank"><i class="fab fa-github"> Github</i></a>
</p>
<p>
<a href="https://drive.google.com/file/d/1YZwObw6O3WpVVLQIz3hmoiv8BOAJoIrA/view?usp=sharing" target="_blank"><i class="far fa-file"> Resume</i></a>
</p>
</div>
<hr/>
</section>
<footer>
<div class="footer-nav">
<a href="#landing-page" class="footer-nav-link">Home</a>
<a href="#about" class="footer-nav-link">About</a>
<a href="#services" class="footer-nav-link">Experience</a>
<a href="#projects" class="footer-nav-link">Projects</a>
<a href="#contact" class="footer-nav-link">Contact</a>
</div>
<div class="footer-coded-by">
<p><i class="fas fa-code"></i> with 💙 by Himanchal Chandra © 2021</p>
<p>Built with pure HTML, CSS and JavaScript</p>
</div>
<div class="social">
<a href="https://www.linkedin.com/in/himanchalchandra/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/HimanchalChandra" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.facebook.com/himanchalchandra007/" target="_blank"><i class="fab fa-facebook-square"></i></a>
<a href="mailto:himanchal.chandra@gmail.com?subject=Regarding Portfolio" target="_blank"><i class="fa fa-envelope-o"></i></a>
</div>
</footer>
</main>
<script src="main.js"></script>
</body>
</html>