This repository has been archived by the owner on Jul 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
337 lines (316 loc) · 21 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags-->
<!-- SEO -->
<meta name="keywords" content="aps120797, Abhijeet Singh, IIIT Trichy, Web Developer">
<meta name="description" content="Abhijeet's Portfolio. A CSE undergrad of IIIT Trichy. Developer. Dreamer. Achiever.">
<meta name='subject' content='Abhijeet Singh, Portfolio, Skills'>
<meta name='copyright' content='Abhijeet Singh'>
<meta name="author" content="Abhijeet Singh">
<meta name='language' content='English'/>
<meta name='robots' content='index,follow'>
<meta name='Classification' content='Portfolio'>
<meta charset="UTF-8">
<!-- Meta tags for different devices-->
<meta name="theme-color" content="#212121">
<meta name="msapplication-navbutton-color" content="#212121">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<!--
Title of the Page
-->
<title>Abhijeet Singh</title>
<!--
Links
==============
-->
<link rel="manifest" href="manifest.json"></link>
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<link rel="stylesheet" href="css/style.css"/>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Abhijeet Singh</span>
<div class="mdl-layout-spacer"></div>
<!-- Navigation -->
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="https://www.linkedin.com/in/aps120797/"><i class="fa fa-linkedin fa-2x"></i></a>
<a class="mdl-navigation__link" href="https://github.com/aps120797"><i class="fa fa-github fa-2x"></i></a>
</nav>
</div>
<!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a href="#home" class="mdl-layout__tab is-active">Home</a>
<a href="#about" class="mdl-layout__tab">About</a>
<a href="#skills" class="mdl-layout__tab">Skills</a>
<a href="#portfolio" class="mdl-layout__tab">Portfolio</a>
<a href="#contact" class="mdl-layout__tab">Contact</a>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Explore</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="https://www.linkedin.com/in/aps120797/"><i class="fa fa-linkedin" style="margin-right: 20px;"></i>LinkedIn</a>
<a class="mdl-navigation__link" href="https://github.com/aps120797"><i class="fa fa-github" style="margin-right: 20px;"></i> Github</a>
<a class="mdl-navigation__link" href="assets/resume.pdf"><i class="fa fa-address-card-o" style="margin-right: 20px;"></i>My Resume</a>
</nav>
</div>
<main class="mdl-layout__content">
<section class="mdl-layout__tab-panel is-active" id="home">
<div class="page-content" id="home-content">
<img id="propic" src="img/propic.jpg" alt="Abhijeet Singh's profile picture.">
<h1 id="main-line">Hi, I'm Abhijeet!</h1>
<h3>
<span id="tag-line"></span>
</h3>
</div>
</section>
<section class="mdl-layout__tab-panel" id="about">
<div class="page-content">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-tablet"></div>
<div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-tablet">
<div class="about-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">About Me</h2>
</div>
<div class="mdl-card__supporting-text">
<p>My name is Abhijeet Singh and I'm currently pursuing my Undergraduate program in Computer Science and Engineering at IIIT Trichy.</p>
<p>I joined IIIT Trichy in 2015. Joining IIIT Trichy was a great success for me in my life. I am now a step closer to my greatest goal in life, becoming a software developer.</p>
<p>I am currently the Training and Placement representative of IIIT Trichy. Also, I am the member of CSE Club of IIIT Trichy. The club is responsible for developing and designing softwares for the Institute.</p>
<p>I like exploring new tech articles on the internet, to keep myself updated with the recent technology. My interest lies in knowing more about Cloud Computing, Web Technology, and Artificial Intelligence.</p>
<p>In my free time, I like to share my knowledge on Quora and do competitive coding on Websites like Hackerrank. I also play Table Tennis.</p>
<p>I have previously worked as a Software Engineering Intern at EnrichAI, an AI-based startup in Gurugram , Haryana. There, I developed an enterprise level chatbot application based on MEAN Stack Architecture and worked on RESTful services to develop and design the application.</p>
<p><b>Presently, to improve my knowledge and experience, I am seeking to be get hired as a Software Engineering Intern this summer. </b></p>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="assets/resume.pdf">
Click here to view my resume
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
</div>
</section>
<section class="mdl-layout__tab-panel" id="skills">
<div class="page-content">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-tablet"></div>
<div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-tablet">
<div class="skill-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">My Skills</h2>
</div>
<div class="mdl-card__supporting-text">
As I am a Quick Learner and a Neophile. With my affinity for learning and continual investigation into the unknown, I am always searching for ways to gain and master new skills.
<h6>LANGUAGES</h6><hr/>
<p>JavaScript, C++, C, Python, C#, TypeScript, SQL</p>
<h6>FRAMEWORKS, LIBRARIES AND OTHER TECHNOLOGIES</h6><hr/>
<p>Node.js, Angular, Firebase</p>
<h6>DATABASES</h6><hr/>
<p>MySQL, MongoDB</p>
<h6>VERSION CONTROL</h6><hr/>
<p>Git</p>
<h6>PLATFORMS</h6><hr/>
<p>Windows, Linux (Ubuntu)</p>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
</div>
</section>
<section class="mdl-layout__tab-panel" id="portfolio">
<div class="page-content">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-tablet"></div>
<div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-tablet">
<div class="iiitt-website-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">IIIT Trichy Website</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>Developed and Designed <b>Full Stack Website</b> of IIIT Trichy</li>
<li><b>Full Responsive Website</b>, with admins having ability to update content on server</li>
<li>Working on CMS of the website</li>
<li>Technologies Used: <b>NodeJS</b>, <b>Express</b>, <b>jQuery</b></li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="http://www.iiitt.ac.in/">
Visit website of IIIT Trichy
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-tablet"></div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--10-col-tablet">
<div class="image-editor-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Image Editor App</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>Built a <b>Cross Platform Application</b></li>
<li>Provides options to update <b>Brightness</b>, <b>Saturate</b>, <b>Blur</b>, etc.</li>
<li>Option to save the image after editing, in jpeg or png format</li>
<li>Technologies Used: Electron, AngularJS, NodeJS</li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/aps120797/Image-Editor">
Explore project on Github
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--10-col-tablet">
<div class="shopping-app-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Shopping App</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>Inbrowser Shopping App, offers <b>Cloud Database Storage</b></li>
<li>Worked on <b>mLab API</b> and MongoDB for Database</li>
<li>Features separate Window for Admin and Users</li>
<li>Technologies Used: <b>MongoDB</b>, <b>NodeJS</b>, <b>mLab</b></li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/aps120797/Shopping-App">
Explore project on Github
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-tablet"></div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--10-col-tablet">
<div class="calculator-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Calculator App</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>Calculator App built using JavaScript</li>
<li>Displays error if catches exception</li>
<li>Technologies used: JavaScript, JQuery</li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://codepen.io/aps120797/full/LWEVwO">
View Project on CodePen
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--10-col-tablet">
<div class="quote-machine-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Quote Machine</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>Generate Quotes, uses QuoteOnDesign and Twitter API</li>
<li>Technologies used: JavaScript, JQuery, AJAX</li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://codepen.io/aps120797/full/NbZZvP">
View Project on CodePen
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-tablet"></div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--10-col-tablet">
<div class="wikipedia-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Wikipedia App</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>Display top 10 Wikipedia Entries of the query entered</li>
<li>Worked on Wikipedia API to build this</li>
<li>Technologies used: JavaScript, JQuery</li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://codepen.io/aps120797/full/ZLdzbK">
View Project on CodePen
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--10-col-tablet">
<div class="atrang-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Atrang'17, IIIT Trichy</h2>
</div>
<div class="mdl-card__supporting-text">
<ul>
<li>The first website that I built, received 500+ hits</li>
<li>Responsive background video using HTML5 Video Tag</li>
<li>Technologies used: JavaScript, JQuery, HTML, CSS</li>
</ul>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="http://atrang.org">
Visit atrang.org
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
</div>
</section>
<section class="mdl-layout__tab-panel" id="contact">
<div class="page-content">
<h1 id="thank-you">Thanks for visiting!</h1><br/>
<h4>I would love to hear more from you.</h4>
<h6 id="contact-me-line">Want to know more about my projects? My work? Or want to provide me an opportunity of working with you?</h6><br/>
<div class="contact-details">
<h4 ><i class="material-icons" style="margin-right: 20px;"></i> <a href="mailto:[email protected]" style="text-decoration: none; color: #fafafa">[email protected]</a></h4>
<h4><i class="material-icons" style="margin-right: 20px;"></i> <a href="http://m.me/aps120797" style="text-decoration: none; color: #fafafa">m.me/aps120797</a></h4>
</div>
</div>
</section>
</main>
</div>
<!--
Scripts
==============
-->
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/typed.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="manup.min.js"></script>
<script src="pwa.js"></script>
</body>
</html>