-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
379 lines (342 loc) · 18.8 KB
/
index.html
File metadata and controls
379 lines (342 loc) · 18.8 KB
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
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="hacker, system administrator, cybersecurity, developer" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"">
<meta name=" description" content="Portfolio website to know more about Muteeullah Shaikh">
<script src="https://unpkg.com/scrollreveal"></script>
<!-- Bootstrap CSS -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom CSS -->
<link type="text/css" rel="stylesheet" href="css/styles.css">
<link type="text/css" rel="stylesheet" href="css/loader.css">
<link href="https://use.fontawesome.com/releases/v5.9.0/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<title>Muteeullah | Portfolio</title>
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png">
</head>
<body>
<div class="loading" id="loader">
<div class="finger finger-1">
<div class="finger-item">
<span></span><i></i>
</div>
</div>
<div class="finger finger-2">
<div class="finger-item">
<span></span><i></i>
</div>
</div>
<div class="finger finger-3">
<div class="finger-item">
<span></span><i></i>
</div>
</div>
<div class="finger finger-4">
<div class="finger-item">
<span></span><i></i>
</div>
</div>
<div class="last-finger">
<div class="last-finger-item"><i></i></div>
</div>
<!-- <div>
<h6 class="color-light">Hello There</h6>
</div> -->
</div>
<section class="container-fluid" id="body">
<header class="header">
<nav class="navbar container navbar-expand-lg p-0 navbar-custom">
<button type="button" class="navbar-toggle navbar-toggler collapsed bg-transparent border-0"
data-toggle="collapse" data-target="#navbar_links" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars color-light"></i>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbar_links">
<ul class="nav navbar-nav">
<li>
<a data-scroll class="navlinks btn btn-block color-light links" href="#about">
About
</a>
</li>
<li>
<a data-scroll class="navlinks btn btn-block color-light links" href="#skills">
Skills
</a>
</li>
<li>
<a data-scroll class="navlinks btn btn-block color-light links" href="#projects">
Projects
</a>
</li>
<li>
<a href="Muteeullah.pdf" target="_blank" id="resume_link"
class="navlinks btn btn-block color-light btn-outline-light">
Resume
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="landing">
<div class="container-fluid row mx-auto">
<div id="landing_content"
class="col-lg-4 col-md-12 col-sm-12 mt-3 mb-1 text-center container align-content-center align-self-center">
<img id="hi_img" class="mb-2" src="assets/hi.png" width="64" height="64" alt="Emoji">
<h1 class="font-weight-bold color-light" id="name">Muteeullah Shaikh</h1>
<span class="font-weight-bold color-light" id="developer">Pentester | Security Professional</span>
</div>
<div class="col-lg-8 col-md-12 col-sm-12">
<div class="card rounded shadow p-2 pl-3" id="terminal_top">
<div id="console" class="console">
<div>
<svg width="45px" viewBox="0 0 109 26" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g transform="matrix(1,0,0,1,-263,-590)">
<g transform="matrix(1,0,0,2.5,0,-134)">
<g transform="matrix(0.816387,0,0,0.816387,49.1066,52.5212)">
<g transform="matrix(1,0,0,0.4,102,105.6)">
<circle cx="277.5" cy="477.5" r="15.5"
style="fill:rgb(106,204,68);" />
</g>
<g transform="matrix(1,0,0,0.4,51,105.6)">
<circle cx="277.5" cy="477.5" r="15.5"
style="fill:rgb(247,188,51);" />
</g>
<g transform="matrix(1,0,0,0.4,0,105.6)">
<circle cx="277.5" cy="477.5" r="15.5"
style="fill:rgb(235,94,86);" />
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</div>
<div class="card rounded shadow pt-3 pl-3 pb-5" id="terminal">
<div id="terminal_operations">
<p>Are you a terminal person? Know more about me, using this terminal!</p>
<p>Type <strong class="link">help</strong> to list commands</p>
</div>
<span>
<label class="mr-2 mb-3" for="input_command">
<p class="zsh">-> </p>
</label>
<input type="text" maxlength="20" id="input_command">
</span>
</div>
</div>
</div>
</div>
<div class="skills justify-content-center" id="skills">
<h1 class="font-weight-bold text-center color-light text-uppercase mt-5 pt-5">Skills</h1>
<div class="container mx-auto row color-light text-center justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card text-center skills_card">
<div class="card-header">
Web Development
</div>
<div class="card-body">
<span>
<p class="rounded tag web">Flask</p>
<p class="rounded tag web">J2EE</p>
<p class="rounded tag web">Django</p>
<p class="rounded tag web">Bootstrap</p>
<p class="rounded tag web">Firebase</p>
</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card text-center skills_card">
<div class="card-header">
Server Administration
</div>
<div class="card-body">
<span>
<p class="rounded tag server">Jenkins</p>
<p class="rounded tag server">Ansible</p>
<p class="rounded tag server">NagiOS</p>
<p class="rounded tag server">Docker</p>
</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card text-center skills_card">
<div class="card-header">
Languages
</div>
<div class="card-body">
<span>
<p class="rounded tag dbs">Python</p>
<p class="rounded tag dbs">Java</p>
<p class="rounded tag dbs">C </p>
<p class="rounded tag dbs">Node</p>
<p class="rounded tag dbs">SQL</p>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="projects" id="projects">
<h1 class="font-weight-bold text-center color-light text-uppercase mt-5 pt-5">Projects</h1>
<div class="container text-center mx-auto my-auto row justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-12 d-flex">
<div class="card project_card skills_card">
<div class="card-body d-flex flex-column">
<h5 class="card-title color-light">Plant Monitor</h5>
<p class="card-text color-light">A deep learning based system for disorder detection in
tomato plants. Also using IoT to get sensor data from the plants.
</p>
<span class="mt-auto">
<p class="rounded tag web">Flask</p>
<p class="rounded tag server">Image Processing</p>
<p class="rounded tag dbs">Bootstrap</p>
</span>
<a href="https://github.com/Muteeullah/Plant_Monitor">
<button type="button" class="mt-3 btn btn-info github">Github</button>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 d-flex">
<div class="card project_card skills_card">
<div class="card-body d-flex flex-column">
<h5 class="card-title color-light">Voices of Mumbai</h5>
<p class="card-text color-light">A service for people to report the potholes in their area.
It is a telegram service bot wherein you can report the image and location of the
pothole.
</p>
<span class="mt-auto">
<p class="rounded tag web">Flask</p>
<p class="rounded tag fw">Telegram</p>
<p class="rounded tag dbs">Bootstrap</p>
</span>
<a href="https://github.com/Muteeullah/Voices_of_Mumbai">
<button type="button" class="mt-3 btn btn-info github">Github</button>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 d-flex">
<div class="card project_card skills_card">
<div class="card-body d-flex flex-column">
<h5 class="card-title color-light">Docify</h5>
<p class="card-text color-light">A service for extracting text from ID cards in India, like
Aadhar Card, PAN Card and Driving Licence. You just need to click and send a picture of
the card to the API and get a json with your details.
</p>
<span class="mt-auto">
<p class="rounded tag web">Flask</p>
<p class="rounded tag fw">Deep Learning</p>
<p class="rounded tag dbs">Bootstrap</p>
</span>
<a href="https://github.com/Muteeullah/Docify">
<button type="button" class="mt-3 btn btn-info github">Github</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="about" id="about">
<div class="container">
<h1 class="font-weight-bold text-center color-light text-uppercase mt-5 pt-5 mb-5">About</h1>
<div class="row d-flex align-items-center mx-auto">
<div class="col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center">
<img class="about_img" src="assets/personal_data_2.svg" alt="">
</div>
<div class="col-lg-8 col-md-6 col-sm-12 text-center">
<h3 class="mb-3 color-light">About Me</h3>
<p class="muted-white">I am a Computer Science graduate, started learning as a Java Web
Application Developer
got interested in Managing and Deploying Application on Servers and finally paving the way
to
develop the interest towards the field of CyberSecurity.</p>
</div>
</div>
<div class="row d-flex flex-wrap-reverse align-items-center mx-auto">
<div class="col-lg-8 col-md-6 col-sm-12 text-center">
<h3 class="mb-3 color-light">Experience</h3>
<p class="muted-white">System Administration Intern for a year at <a class="link"
href="https://digiklug.com/">Digiklug Solutions LLP.</a><br>
Assisting Mrs. Saiqa Khan (Asst. Professor) in PhD Research Project for Plant Disease
Detection using IoT and Machine Learning.<br>
Dev Ops Intern at <a class="link" href="http://www.mobicule.com/">Mobicule Technologies Pvt.
Ltd.</a></p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center">
<img class="about_img" src="assets/startup_1.svg" alt="">
</div>
</div>
<div class="row d-flex align-items-center mx-auto">
<div class="col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center">
<img class="about_img" src="assets/presentation_team.svg" alt="">
</div>
<div class="col-lg-8 col-md-6 col-sm-12 text-center">
<h3 class="mb-3 color-light">Activities</h3>
<p class="muted-white">Head of <a class="link" href="https://theprogrammersclub.github.io/">The
Programmer's Club</a> currently in college.
<br>Was a speaker at a workshop on Object Oriented Programming (JAVA) organized by the club.
<br>Part of the Core & Technical committee that organized <a class="link"
href="http://csimhssce.in/err_404/">ERR_404</a>
State Level Hackathon.</p>
</div>
</div>
<div class="row d-flex flex-wrap-reverse align-items-center mx-auto">
<div class="col-lg-8 col-md-6 col-sm-12 text-center">
<h3 class="mb-3 color-light pt-4">Hire Me</h3>
<p class="muted-white">
Interested in Hiring Me? Reach me on <a class="link" target="_blank"
href="https://www.linkedin.com/in/muteeullah/">LinkedIn</a>
</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 d-flex pt-4 justify-content-center">
<img class="about_img" src="assets/business_man.svg" alt="">
</div>
</div>
</div>
</div>
</section>
<footer id="footer_section" class="container-fluid mt-5 color-light">
<div class="row mx-auto mt-3 d-flex align-items-center justify-content-center text-center">
<div class="col-lg-4 col-md-12 col-sm-12 pt-3 pb-3">
<span id="social_links">
<a target="_blank" href="https://github.com/Muteeullah">
<i class="p-1 fab fa-github color-light"></i>
</a>
<a target="_blank" href="https://www.linkedin.com/in/muteeullah/">
<i class="p-1 fab fa-linkedin color-light"></i>
</a>
</span>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 pt-3 pb-3">
<h3 class="font-weight-bold">Muteeullah Shaikh</h3>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 pt-4 pb-4">
<h6 class="font-weight-bold">
<a href="https://praneet.me" style="text-decoration: none; color: inherit;">
Designed and Developed by Praneet
</a>
<i class="fa fa-heart" style="color: red;"></i>
</h6>
</div>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Custom JS -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>