-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
305 lines (280 loc) · 14.4 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
<!DOCTYPE html>
<!-- Created By CodingNepal -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nijaguna Darshan | ML and NLP</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><img src="images/image.png" alt=""></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#services" class="menu-btn">Skills</a></li>
<li><a href="#skills" class="menu-btn">Projects</a></li>
<li><a href="#teams" class="menu-btn">Pictures</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<!-- home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, my name is</div>
<div class="text-2">Nijaguna Darshan</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
</div>
</div>
</a>
</section>
<!-- about section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About Me</h2>
<div class="about-content">
<div class="column left">
<img src="images/profile-1.png" alt="">
</div>
<div class="column right">
<div class="text">I'm Nijaguna and I'm a <span class="typing-2"></span></div>
<p>I have developed a newfound love for Machine Learning, and I am currently a Junior MLE at Omdena, working on a recommender system for language learning for immigrant kids. I am associated with Bhumi, an NGO that strives to educate kids from shelter homes. I coordinate the LES project for the Bangalore chapter & also initiated the English for Kids program. I'm looking for opportunities that challenge and opportunities to learn and excel while carving out the niche for personal, professional, and organizational goals.
</p>
<a id="services" href="https://drive.google.com/file/d/1mY9fWGK5ux0zYujbTntYPqVX-vIZKHsO/view?usp=sharing" target="_blank">Download CV</a>
</div>
</div>
</div>
</section>
<!-- services section start -->
<section class="services" id="services">
<div class="max-width">
<h2 class="title">My Skills</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<i class="fas fa-laptop"></i>
<div class="text">Machine Learning</div>
<br>
<p>I love to develop Machine Learning models to make our world a better place; hence I have learned (and keep improving) my ML skills day in, day out.</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-edit"></i>
<div class="text">Researching & Blogging</div>
<br>
<p>I research & blog on various domains starting from Artificial Intelligence, Machine Learning, Kubernetes, and on mantra for Ronaldo's fitness.</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-code"></i>
<div class="text">Python</div>
<br>
<p>I enjoy coding & it all started after my graduation where I started learning Java. Now I find myself inseparable from coding or the fascinating Python <a id="skills">libraries.</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- skills section start -->
<section class="skills">
<div class="max-width2">
<h2 class="title">My Projects</h2>
<div class="bodycards">
<div class="cards">
<div class="card card1">
<div class="container">
<img class="imgcards" src="images/omdena.jpg" alt="Nijaguna Darshana Omdena">
</div>
<div class="details">
<h3>Recommender System</h3>
<h5 style="color: white;">Junior Machine Learning Engineer</h5>
<br>
<p>Contributing with 50 collaborators from 18 countries to build a machine learning model that adapts to that data and the children’s progress in the applications, ensuring a personalized learning experience for each child.</p>
</div>
</div>
<div class="card card2">
<div class="container">
<img class="imgcards" src="images/nijaguna_darshan.jpg" alt="Nijaguna Darshan">
</div>
<div class="details">
<h3>Cloud Database Administration</h3>
<h4 style="color: white;">Intern at Dbali IT Solutions</h4>
<br>
<p>Worked as an intern in developing a real-time CRUD data database from an 'Insulin administration kit' to Doctors and Patients using Azure SQL Database & Azure Notification Hub. The Dbali team developed the IoT device, and we were responsible for the data monitoring.</p>
</div>
</div>
<div class="card card3">
<div class="container">
<img class="imgcards" src="images/ashana.jpeg" alt="Nijaguna Darshana">
</div>
<div class="details">
<h3>Wordpress Developer</h3>
<h4 style="color: white;">Tech4Change at Bhumi</h4>
<br>
<p>I Curated content and developed website from scratch as a part of the Tech for Change initiative from Bhumi foundation. Ashana is an NGO that works for Social, Economic, Educational, Legal & Political Empowerment of Women and children.</p>
</div>
</div>
<div class="card card3">
<div class="container">
<img class="imgcards" src="images/MESCO_LOGO.png" alt="Nijaguna Darshana">
</div>
<div class="details">
<h3>Wordpress Developer</h3>
<h4 style="color: white;">Tech4Change at Bhumi</h4>
<br>
<p>I Revamped a website for Mesco, an NGO that strives to improve the quality of life of the financially disadvantaged and vulnerable sections of society by promoting meaningful and needs-based interventions on education, health, and poverty <a id="teams"></a> mitigation.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- teams section start -->
<section class="teams">
<div class="max-width">
<h2 class="title">My Photographs</h2>
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 8</div>
<img src="images/img1.jpg" style="width:100%">
<div class="captiontext">A Delight to the Eyes</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 8</div>
<img src="images/img2.jpg" style="width:100%">
<div class="captiontext">Colors of Flowers</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 8</div>
<img src="images/img3.jpg" style="width:100%">
<div class="captiontext">The sky speaks in a thousand colors</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 8</div>
<img src="images/img4.jpg" style="width:100%">
<div class="captiontext">Parrot's Fiesta</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 8</div>
<img src="images/img5.jpg" style="width:100%">
<div class="captiontext">Colored Moon</div>
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 8</div>
<img src="images/img6.jpg" style="width:100%">
<div class="captiontext">A Toy Bird?</div>
</div>
<div class="mySlides fade">
<div class="numbertext">7 / 8</div>
<img src="images/img7.jpg" style="width:100%">
<div class="captiontext">Rainy Mornings</div>
</div>
<div class="mySlides fade">
<div class="numbertext">8 / 8</div>
<img src="images/img8.jpg" style="width:100%">
<div class="captiontext" style="color:black;">Bird Watch</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</div>
</section>
<!-- contact section start -->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact Me</h2>
<div class="contact-content">
<div class="column left">
<div class="text">Get in Touch</div>
<p>Feel free to mail me if you love to talk about Natural Language Processing, Computer Vision, Machine Learning, Dogs, and Sports! Also, do share your ideas as I love to do pro bono and collaborative work.</p>
<div class="icons">
<a href="https://www.linkedin.com/in/nijaguna-darshan/" target="_blank">
<div class="row">
<i class="fa fa-user"></i>
<div class="info">
<div class="head" style="color:#039dc9">Name</div>
<div class="sub-title">Nijaguna Darshan</div>
</div>
</div>
<a href="tel:[email protected]" target="_blank">
<div class="row">
<i class="fas fa-mobile-alt"></i>
<div class="info">
<div class="head" style="color:#039dc9">Mobile</div>
<div class="sub-title">+91 07259990680</div>
</div>
</div>
</a>
<a href="mailto:[email protected]" target="_blank">
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head" style="color:#039dc9">Email</div>
<div class="sub-title">[email protected]</div>
</div>
</div>
</a>
</div>
</div>
<div class="column right">
<div class="text">Message me</div>
<form action="https://formsubmit.co/[email protected]" method="POST">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Name*" required>
</div>
<div class="field email">
<input type="email" placeholder="Email*" required>
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject*" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" placeholder="Message.." required></textarea>
</div>
<div class="button-area">
<button type="submit">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- footer section start -->
<footer>
<span>Created with 💙 by Nij Darshan | <span class="far fa-copyright"></span> 2021 All rights reserved.</span>
</footer>
<script src="script.js"></script>
</body>
</html>