-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (198 loc) · 9.55 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Snigdha Singh</title>
<!-- Link to Bootstrap 4 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Font Awesome Link -->
<script src="https://kit.fontawesome.com/2e0bad29ea.js" crossorigin="anonymous"></script>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Rochester&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Josefin+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Link to stylesheet -->
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Introduction -->
<section id="introduction">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#contact-me"><i class="fas fa-link"></i></a>
<button onclick="navBtnClick(this);" class="navbar-toggler navBtn" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fas fa-align-justify"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#contact-me">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-me">About</a>
</li>
</ul>
</div>
</nav>
<div class="introduction-div">
<div class="my-image">
<img src="images/snigdha.jpeg" alt="Snigdha Singh img" class="snigdha-image">
</div>
<div>
<h1>I'm Snigdha</h1>
<h3 style="color: #092532;">a programmer</h3>
</div>
</div>
</section>
<!-- About Me -->
<section id="about-me">
<div class="about-me-div">
<h2>Hello 🤝</h2>
<p>I am a Computer Engineering student at Pune Institute of Computer Technology, India.</p>
<p>I am passionate about Data Science & Artificial Intellingence - and its applications in Finance, Automobile and Health industries.</p>
<p>I love building web applications and participating in competitive coding.</p>
</div>
</section>
<hr>
<!-- My Skills -->
<section id="skills">
<div class="skills-header">
<h2>What I Can Do 💡</h2>
</div>
<div class="skills-body">
<div class="skill-sec">
<img src="images/c++img.png" class="skill-icon">
<h3>C++ Programming.</h3>
<p>I enjoy competitive coding and problem solving. Here's my HackerRank profile: </p>
</div>
<div class="skill-sec-2">
<img src="images/nlp-final.png" class="skill-icon-2">
<h3>Natural Language Processing.</h3>
<p>I am passionate about using Natural Language Processing to build solutions for tommorrow's problems.</p>
</div>
<div class="skill-sec">
<img src="images/ml-algo.png" class="skill-icon">
<h3>Machine Learning Algorithms.</h3>
<p>I am proficient in the traditional and advanced machine learning algorithms.</p>
</div>
<div class="skill-sec-2">
<img src="images/dev.png" class="skill-icon-2">
<h3>Full Stack Web Development.</h3>
<p>I'm a developer and I know how to create your website to run across devices using the latest technologies available.</p>
</div>
</div>
</section>
<hr>
<!-- Projects -->
<!-- <section id="projects">
<div class="col-sm-12 projects-title">
<h2 style="font-size: 50px;"><i class="fas fa-laptop-code work-icon"></i>Projects</h2>
</div>
<div class="row projects-div">
<div class="col-md-6 project-card">
<div class="card">
<div class="card-header">
<h3>CLASP</h3>
</div>
<div class="card-body">
<p class="card-title">COVID-19 Literature Analysis And Summarisation Platform</p>
<p style="color: #555555;">Built an extractive text summarisation model which makes use of unsupervised learning to summarise the text
in a research paper. Made use of Biobert embeddings to generate appropriate context in a medical research paper.
The product also includes it's own search engine which performed information retrieval using a
language model which ranked the relevant documents based on a cosine similarity score generated
between the search keywords and the indexed documents amongst other parameters. Implemented yet another feature, an unsupervised
Q&A model which answers questions on a research paper's contents using paper as context.</p>
</div>
<div class="card-footer">
<a href="#">Here it is.</a>
</div>
</div>
</div>
<div class="col-md-6 project-card">
<div class="card">
<div class="card-header">
<h3>Business Market Analysis</h3>
</div>
<div class="card-body">
<p class="card-title">Segmentation Of Customers</p>
<p style="color: #555555;">Used Hierarchical Clustering algorithm and Dendrogram analysis to decide the various segments of customers
of a mall. This unsupervised learning model categorises the customers into various categories on the basis
of their credit score amongst other parameters for deployment of appropriate business strategies for
the different groups of customers.</p>
</div>
<div class="card-footer">
<a href="#">Here it is.</a>
</div>
</div>
</div>
<div class="col-md-4 project-small-card">
<div class="card">
<div class="card-header">
<h3>TinDog</h3>
</div>
<div class="card-body">
<p class="card-title">Tinder For Dogs</p>
<p style="color: #555555;">Created a highly responsive website for Tinder for dogs to understand the process of wed-design in great detail. Understood
Bootstrap and CSS in greater detail by implementing concepts like CSS z-indexing, image rotation, divs, caraousel,
cards and much more.</p>
</div>
<div class="card-footer">
<a href="#">Have a look. 🐶</a>
</div>
</div>
</div>
<div class="col-md-4 project-small-card">
<div class="card">
<div class="card-header">
<h3>Personal Website</h3>
</div>
<div class="card-body">
<p class="card-title">Personal Professional Website</p>
<p style="color: #555555;">Coded up my personal website as a fun past-time while also sharpening my frontend skills!
Made using HTML, CSS3 and Bootstrap 4. Understood intriguing UI for web design, importance of typography and relevant color
schemes.</p>
</div>
<div class="card-footer">
<a href="#">Check it out, again!</a>
</div>
</div>
</div>
<div class="col-md-4 project-small-card">
<div class="card">
<div class="card-header">
<h3>Cat Image Classifier</h3>
</div>
<div class="card-body">
<p class="card-title">Deep Neural Network Model</p>
<p style="color: #555555;">Built a model from scratch that can input an image and classify it as cat or non-cat. Implementing
it from scratch enabled understanding of complex concepts like backpropagation, hyperparameter tuning
amongst other concepts like forward propagation and more. The final model has an accuracy of 80%!</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- Contact Me -->
<section id="contact-me">
<h2>Contact Me 💬</h2>
<div class="contact-body">
<h3>Lets get started.</h3>
<p class="contact-top">I can help.</p>
<a href="mailto:[email protected]" method="post" enctype="text/plain" class="btn btn-outline-dark btn-lg contact-btn" role="button" aria-pressed="true">Message Me</a>
</div>
</section>
<div class="social-icons">
<a class = "s-i" href="https://www.instagram.com/sniiggyy/">Instagram</a>
<a class = "s-i" href="https://www.linkedin.com/in/snigdha-singh-166838184/">LinkedIn</a>
<a class = "s-i" href="https://github.com/snigdha920">GitHub</a>
<a class = "s-i" href="https://twitter.com/sniiggyy">Twitter</a>
</div>
</body>
<script src="index.js"></script>
</html>