-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
334 lines (290 loc) · 13.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Custom Title Bar -->
<title>Muneer Ashraf</title>
<!-- 2/20/2021: Updated to the latest Start Bootstrap code, so now pulling these in like they do
One exception: using my font awesome, was missing font awesome icons with the Start Bootstrap one...
--->
<script src="https://use.fontawesome.com/4dfd1d7bab.js"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- Third party plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- Theme CSS -->
<link href="css/creative.css" rel="stylesheet">
<!-- Index CSS -->
<link href="css/index.css" rel="stylesheet">
<!-- Custom favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<!-- Updated with latest Creative -->
<a class="navbar-brand js-scroll-trigger" href="#page-top">Muneer Ashraf</a>
<button class="navbar-toggler navbar-toggler-right" type="button"
data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#page-top">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">Education</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#work">Work</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#funstuff">Fun</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="img/resume.pdf">Resume</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead text-center text-black d-flex">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="text-uppercase">
<strong>Muneer Ashraf</strong>
</h1>
<hr class="divider my-4" />
</div>
<div class="col-lg-8 mx-auto">
<p class="text-faded text-black mb-5">CSE Graduate.</p>
<p class="text-italic font-weight-bold mb-5">
Software Engineer II</a>
</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More!</a>
</div>
</div>
</div>
</header>
<!-- Education Section -->
<section class="page-section bg-primary">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-8 mx-auto text-center mb-4">
<h2 class="section-heading text-white" id="about">Education</h2>
<hr class="divider light my-4" />
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 text-center mb-4">
<i class="fa fa-4x fa-id-card text-faded sr-icons"></i>
<h3 class="text-white">Degree</h3>
<p class="text-faded">Bachelor of Science in Computer Science & Engineering from<br/>
<a class="text-white-link" href="https://www.iust.ac.in/Index/Default.aspx" target="_blank" class="text-blue">IUST</a></p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 text-center div-padding-fix mb-4">
<i class="fa fa-4x fa-graduation-cap text-faded sr-icons"></i>
<h3 class="text-white">Graduation</h3>
<p class="text-faded">Graduated with a 7.3 GPA</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 text-center mb-4">
<i class="fa fa-4x fa-code text-faded sr-icons"></i>
<h3 class="text-white">Languages</h3>
<p class="text-faded no-margin">Python, R Language, <del> C </del></p>
<p class="text-faded"></p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 text-center mb-4">
<i class="fa fa-4x fa-file-code-o text-faded sr-icons"></i>
<h3 class="text-white">Skills</h3>
<p class="text-faded">Web Crawling, Scraping, Docker, MySql, AWS</p>
<p class="text-faded no-margin">Django, Postgres, IaaC, </p>
<p class="text-faded"><del>HTML, css, Digital Ocean, GCP</del></p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<a class="btn btn-light btn-xl js-scroll-trigger" href="#work">Wait There's More!</a>
</div>
</div>
</div>
</section>
<!-- Work Experience Section. -->
<section class="page-section">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-12 text-center">
<h2 class="section-heading" id="work">Work</h2>
<hr class="divider my-4" />
</div>
<div class="col-sm-12 text-center mt-3 mb-3">
<!-- <i class="fa fa-4x fa-rocket text-primary sr-icons"></i> -->
<i class="fa fa-4x fa-spider fa-spin text-primary sr-icons"></i>
<h3 class="mt-4 mb-4">Senior Software Engineer</h3>
<p class="text-muted"><b>Syndigo </b> September 2023 to Present</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<i class="fa fa-4x fa-space-shuttle text-primary sr-icons"></i>
<h3 class="mt-4 mb-4">Software Engineer II</h3>
<p class="text-muted"><b>Zyte (formerly Scrapinghub):</b> November 2021 to May 2023</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<i class="fa fa-4x fa-space-shuttle text-primary sr-icons"></i>
<h3 class="mt-4 mb-4">Data Engineer</h3>
<p class="text-muted"><b>Applied Informatics Inc:</b> March 2018 to November 2021</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<i class="fa fa-4x fa-server text-primary sr-icons ml-4"></i>
<h3 class="mt-4 mb-4">Software Engineering Intern</h3>
<p class="text-muted mb-4"> <b>Applied Informatics Inc:</b> September 2017 - March 2018</p>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<i class="fa fa-4x fa-school text-primary sr-icons"></i>
<h3 class="mt-4 mb-4">Summer Intern</h3>
<p class="text-muted"><b>HCL CDC</b> 2016 Cloud Computing <br/> Research Lab</p>
</div>
</div>
<div class="text-center">
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#funstuff">
Boring, show me some fun stuff!</a>
</div>
</div>
</section>
<section class="page-section bg-green">
<div class="container-fluid">
<div class="row images-vcenter">
<div class="col-lg-12 pb-3 text-center">
<h2 class="section-heading" id="funstuff">Fun Stuff</h2>
<hr class="divider black my-4" />
</div>
<div class="col-lg-4 col-sm-6 text-center">
<a class="href-black" href="">
<img src="img/portfolio/thumbnails/mountain-main.jpg" title="Sonamarg - Kashmir - Oct-2021"
class="img-fluid images-border images-size-mtb"
alt="Mountains">
</a>
<h3 class="mt-4 mb-4">Mountains</h3>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<a class="href-black" href="">
<img src="img/portfolio/thumbnails/city-main.jpg" title="Dal Lake - Kashmir - July-2021"
class="img-fluid images-border images-size-city"
alt="City">
</a>
<h3 class="mt-4 mb-4">City</h3>
</div>
<div class="col-lg-4 col-sm-6 text-center">
<a class="href-black" href="">
<img src="img/portfolio/thumbnails/places-main.jpg" title="Goa - India - March-2019"
class="img-fluid images-border images-size-city"
alt="Places">
</a>
<h3 class="mt-4 mb-4">Places</h3>
</div>
</div>
<div class="text-center">
<a class="btn btn-black btn-xl js-scroll-trigger" href="#contact">
Cool, Contact me !</a>
</div>
</div>
</section>
<!-- Contact section -->
<section class="min-padding" id="contact">
<div class="container">
<!-- Contact Muneer Row -->
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading">
<!-- Attempting to avoid spam by removing @ and the dot in my domain -->
Contact Muneer</h2>
<hr class="divider black my-4" />
<p>If you have an interesting opportunity only <strong>Remote</strong> (I'm <strong>not</strong> interested in relocating), you
can send (no spam plz 🙁) me a message using the form below.</p>
<p>Please be sure to provide the company name and JD if you expect to hear back from me. 🙃</p>
<form action="https://formspree.io/f/xqkwvvve" method="POST" class="form-horizontal" role="form">
<!-- Need a name, reply to email, and a message -->
<div class="form-group">
<input type="text" name="name" placeholder="Your Name" class="form-control" required>
</div>
<div class="form-group">
<input type="email" name="email" placeholder="Your Email" class="form-control" required>
</div>
<div class="form-group">
<textarea name="message" placeholder="Your message" class="form-control" required></textarea>
</div>
<!-- Hidden elements here -->
<input type="hidden" name="_subject" value="New email from Contact Me Form!" class="form-control">
<input type="hidden" name="_next" value="thanks.html" />
<!-- Submit button -->
<div class="form-group">
<input type="submit" value="Email Muneer" class="btn btn-primary btn-xl">
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<p>You can also find my Resume, LinkedIn and GitHub below too.</p>
</div>
</div>
<!-- Email, LinkedIn, and GitHub links -->
<div class="row">
<div class="col-4 col-sm-4 col-lg-2 offset-lg-3 text-center">
<a href="img/resume.pdf">
<i class="fas fa-file-pdf fa-4x sr-icons"></i>
</a>
<a href="img/resume.pdf">
<p>Resume<span class="text-blue text-italic font-weight-bold"><br>see resume</br></span></p>
</a>
</div>
<div class="col-4 col-sm-4 col-lg-2 text-center">
<a href="https://www.linkedin.com/in/muneer-ashraf-950138154/" target="_blank">
<i class="fab fa-linkedin fa-4x sr-icons"></i>
</a>
<p><a href="https://www.linkedin.com/in/muneer-ashraf-950138154/" target="_blank" class="text-blue">LinkedIn</a></p>
</div>
<div class="col-4 col-sm-4 col-lg-2 text-center">
<a href="https://github.com/muneer22" target="_blank">
<i class="fab fa-github-square fa-4x sr-icons"></i>
</a>
<p><a href="https://github.com/muneer22/" class="text-blue">GitHub</a></p>
</div>
</div>
</div>
</section>
<div class="container">
<p class="text-center text-muted text-small mb-1">
Muneer Ashraf © 2020 - <span id="copyright-year"></span>
</p>
<p class="text-center text-muted text-small">
<b>Theme based on the</b>
<a href="http://startbootstrap.com/template-overviews/creative/" target="_blank" class="text-blue">Creative Bootstrap Theme</a>
by <a href="http://startbootstrap.com/" target="_blank" class="text-blue">Start Bootstrap</a>.
</p>
<br/>
</div>
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<!-- Core theme JS-->
<script src="js/creative.js"></script>
<!-- Automagically update the copyright year - why did I ever hardcode that? RIP lazy 2015 - 2020 me. -->
<script>
document.getElementById("copyright-year").innerHTML = new Date().getFullYear();
</script>
</body>
</html>