-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
274 lines (263 loc) · 14 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Shubham Pratap Singh — Developer & Designer</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description"
content="Developer and Designer, Shubham Pratap Singh is from Gurgaon, India. He keeps a keen interest in making things move by code." />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta name="theme-color" content="#212121">
<link rel="canonical" href="https://sps619.github.io/AskShubham/" />
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@sps619">
<meta name="twitter:title" content="Shubham Pratap Singh">
<meta name="twitter:description" content="Developer & Designer creating interactive experiences.">
<meta name="twitter:creator" content="@sps619">
<meta name="twitter:image" content="https://sps619.github.io/AskShubham/images/shubham.jpg">
<meta property="og:url" content="https://sps619.github.io/AskShubham/" />
<meta property="fb:admins" content="100002351193620" />
<meta property="fb:app_id" content="1405641266379503" />
<meta property="og:type" content="profile" />
<meta property="profile:first_name" content="Shubham" />
<meta property="profile:last_name" content="Pratap Singh" />
<meta property="profile:gender" content="male" />
<meta property="profile:username" content="sps619" />
<meta property="og:site_name" content="sps619.github.io/AskShubham" />
<meta property="og:title" content="Shubham Pratap Singh" />
<meta property="og:description" content="Developer & Designer creating interactive experiences." />
<meta property="og:image" content="https://sps619.github.io/AskShubham/images/shubham.jpg" />
<link rel='stylesheet'
href='https://fonts.googleapis.com/css?family=Titillium+Web:600,300|Expletus+Sans:300,700|Domine:400,700'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link rel="icon" href="favicon.png" type="image/x-icon">
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "Person",
"name": "Shubham Pratap Singh",
"jobTitle": "Developer & Designer",
"url": "https://sps619.github.io/AskShubham/",
"address": {
"@type": "PostalAddress",
"addressLocality": "Gurgaon",
"addressCountry": "India"
},
"email": "[email protected]",
"birthDate": "1996-02-21",
"sameAs": [
"https://www.facebook.com/sps619",
"https://www.linkedin.com/in/sps619",
"https://twitter.com/sps619",
"https://github.com/sps619",
"https://instagram.com/shubhamthakur619",
"https://steamcommunity.com/id/shubham619/"
]
}
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N8N7QXQ');</script>
<!-- End Google Tag Manager -->
</head>
<body id="top">
<section id="home" class="s-home target-section">
<div class="shadow-overlay" id="wave"></div>
<div class="home-content">
<div class="row home-content__main">
<h1>Shubham Pratap</h1>
<p>Developer & Designer</p>
</div>
</div>
<a href="#about" class="home-scroll smoothscroll">
<span class="home-scroll__text">Scroll Down</span>
<span class="home-scroll__icon"></span>
</a>
</section>
<section id="about" class="s-about">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Hi, I'm Shubham</h3>
<h1 class="display-1">I craft digital experiences with focus on simple and natural interfaces.</h1>
</div>
</div>
</section>
<section id="services" class="s-services">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">I do stuff</h3>
<h1 class="display-1 display-1--light">I design & create experiences.</h1>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-full">
<p class="lead">
I am an Android Developer from Lucknow, India. I focus on keeping the design and development process
closer together, creating experiences designed for users first, while also taking care of business
and brand needs.
</p>
<p class="lead">
When I'm not writing code, I enjoy playing video games, reading and writing tech articles and diving
into fields like physics, psychology and history.
</p>
<div>
<!--TODO-->
<div class="job">
<a>Tata Consultancy Services</a>
<p>Java Developer <span class="grey">Feb 2020 - Present</span></p>
</div>
<div class="job">
<a>Kriger Campus</a>
<p>Android App Tester <span class="grey">Apr 2019 - May 2019</span></p>
</div>
</div>
</div>
</div>
</section>
<section id="works" class="s-works">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">I make stuff</h3>
<h1 class="display-1">Here are some of my projects.</h1>
</div>
</div>
<div class="row page-projects" data-aos="fade-up">
<ul class="list-projects">
<li class="project-item" style="background-color: #1d89e4">
<a href="https://play.google.com/store/apps/details?id=dev.shuh.www.scanbar"
rel="noopener sponsored" target="_blank">
<div class="inner">
<span class="project-type">Mobile App</span>
<h3 class="project-name" style="color:#ffffff">Scanbar - QR Code Kit</h3>
</div>
<div class="project-color" style="background-color:#178ff6"></div>
<div class="project-visual" style="background-image: url('/images/scanbar-android-app.jpg');">
</div>
</a>
</li>
<li class="project-item" style="background-color: #000000">
<a href="#">
<div class="inner">
<span class="project-type">Mobile Game</span>
<h3 class="project-name" style="color:#ffffff">Cross Tap</h3>
</div>
<div class="project-color" style="background-color:#222222"></div>
<div class="project-visual" style="background-image: url('/images/cross-tap-game.jpg');"></div>
</a>
</li>
<li class="project-item" style="background-color: #448aff">
<a href="https://www.instagram.com/ar/936255453568328/" rel="noopener sponsored" target="_blank">
<div class="inner">
<span class="project-type">Instagram Filters</span>
<h3 class="project-name" style="color:#ffffff">AR Filters</h3>
</div>
<div class="project-color" style="background-color:#1d74ba"></div>
<div class="project-visual" style="background-image: url('/images/diwali-lights-insta.jpg');">
</div>
</a>
</li>
<li class="project-item" style="background-color: #000000">
<a href="https://askshubham.com/cats" target="_blank">
<div class="inner">
<span class="project-type">Web</span>
<h3 class="project-name" style="color:#ffffff">Cat Pics Generator</h3>
</div>
<div class="project-color" style="background-color:#d34141"></div>
<div class="project-visual" style="background-image: url('/images/cat-pics-generator.jpg');">
</div>
</a>
</li>
<li class="project-item" style="background-color: #262626">
<a href="https://askshubham.com/screenshot-generator" target="_blank">
<div class="inner">
<span class="project-type">Web</span>
<h3 class="project-name" style="color:#ffffff">Screenshot Generator</h3>
</div>
<div class="project-color" style="background-color:#515151"></div>
<div class="project-visual"
style="background-image: url('/images/web-screenshot-generator.jpg');"></div>
</a>
</li>
<li class="project-item" style="background-color: #67cc66">
<a href="https://askshubham.com/dogs" target="_blank">
<div class="inner">
<span class="project-type">Web</span>
<h3 class="project-name" style="color:#ffffff">Dog Pics Generator</h3>
</div>
<div class="project-color" style="background-color:#4ec34d"></div>
<div class="project-visual" style="background-image: url('/images/dog-pics-generator.jpg');">
</div>
</a>
</li>
</ul>
</div>
</section>
<section id="contact" class="s-contact">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead subhead--light">Say hi!</h3>
<h1 class="display-1 display-1--light">I'd love to talk.</h1>
<p class="lead">I'm always looking for opportunities to work on exciting projects. I'm currently open to
part-time positions as well as contract work. Let's make something great, together.</p>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-full contact-main">
<p>
<a href="mailto:[email protected]" class="contact-email" title="Email" target="_blank"
rel="noopener">[email protected]</a>
</p>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-full tab-full contact-secondary">
<h3 class="subhead subhead--light">Find me elsewhere</h3>
<ul class="contact-social">
<li><a target="_blank" rel="noopener nofollow" href="https://github.com/sps619" title="GitHub"><i
class="fab fa-github"></i></a></li>
<li><a target="_blank" rel="noopener nofollow" href="https://instagram.com/shubhamthakur619"
title="Instagram"><i class="fab fa-instagram"></i></a></li>
<li><a target="_blank" rel="noopener" href="https://www.linkedin.com/in/sps619" title="LinkedIn"><i
class="fab fa-linkedin"></i></a></li>
<li><a target="_blank" rel="noopener" href="https://facebook.com/sps619" title="Facebook"><i
class="fab fa-facebook"></i></a></li>
<li><a target="_blank" rel="noopener" href="https://twitter.com/sps619" title="Twitter"><i
class="fab fa-twitter"></i></a></li>
<li><a target="_blank" rel="noopener nofollow"
href="https://steamcommunity.com/id/shubhamthakur619/" title="Steam"><i
class="fab fa-steam"></i></a></li>
<li><a target="_blank" rel="noopener sponsored" href="https://paypal.me/shubham619"
title="PayPal"><i class="fab fa-paypal"></i></a></li>
</ul>
</div>
</div>
<div class="go-top">
<a class="smoothscroll" title="Back to Top" href="#top"><i class="fa fa-angle-up"
aria-hidden="true"></i></a>
</div>
</section>
<div id="preloader">
<div id="loader"></div>
</div>
<!--//TODO-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/renderers/CanvasRenderer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/renderers/Projector.js"></script>
<script src="js/main.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8N7QXQ" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>