-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
361 lines (333 loc) · 50.1 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
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Nunito Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap" rel="stylesheet">
<!-- Slabo Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/index.css">
<link rel="stylesheet" href="./styles/smallScreen.css">
<link rel="stylesheet" href="./styles/mediumScreen.css">
<!-- PT Sans Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">
<!-- Acme Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">
<!-- Carousel Slider -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script> -->
<title>Mugilarasan | Full-Stack Web Developer</title>
<link class="pro-icon" rel="icon" href="./Images/pro.jpg" style="border-radius: 50%;">
</head>
<body>
<div id="container">
<div id="navbar">
<div class="navbar-logo"><img class="logo" src="./Images/logo.png"/></div>
<div id="nav-about" onclick="about()" class="navbar-head"><a href="#"><h4 class="nav-head">Home</h4></a></div>
<div class="navbar-head"><a href="#experience"><h4 class="nav-head">Education</h4></a></div>
<div class="navbar-head"><a href="#skills"><h4 class="nav-head">Skills</h4></a></div>
<div class="navbar-head"><a href="#projects"><h4 class="nav-head">Projects</h4></a></div>
<div id="nav-contact" class="navbar-head"><a href="#contact"><h4 class="nav-head">Contact</h4></a></div>
</div>
<div id="profile">
<div id="profile-right">
<img class="profile-pic" src="./Images/mugil_cube1.png" alt="">
</div>
<div id="profile-left">
<p class="hi">HI, I AM</p>
<h1 class="name">MUGILARASAN</h1>
<p class="full-stack">Full-Stack Web Developer</p>
<p class="about">Every time I look into websites or any social networking sites on the internet, I was curious how the webpage is working, what are all the operations work on the backend. This curiosity engaged me to be effective and productive in the process of learning web development. Thus my web development journey has been started.</p>
<button id="resume" onclick="showResume()">Resume</button>
<div id="social">
<img onclick="github()" class="github" src="./Images/github.svg"/>
<img onclick="linkedin()" class="linkedin" src="./Images/contact/linkedin.svg"/>
<img onclick="twitter()" class="twitter" src="./Images/twitter.png" alt="">
<img id="popup-gmail" onclick="gmail()" src="./Images/contact/email.png" alt="">
<img id="popup-location" onclick="socialLocation()" src="./Images/contact/location.png" alt="">
<img id="popup-phone" onclick="contact()" src="./Images/contact/phone.png" alt="">
</div>
</div>
</div>
<div id="experience">
<h2>Education</h2>
<div id="exp">
<div class="exp-left">
<h3>UG</h3>
<h5>Park College of Engineering and Technology, Coimbatore</h5>
<p>Information Technology</p>
</div>
<div class="exp-right">
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"/></svg>
</div>
<h4>August 2013 - May 2017</h4>
</div>
</div>
<div id="edu">
<div class="edu-left">
<h4>June 2012 - April 2013</h4>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"/></svg>
</div>
</div>
<div class="edu-right">
<h3>HSC</h3>
<h5>Government Boys Higher Secondary School, Bommidi</h5>
<p>Maths-Biology</p>
</div>
</div>
</div>
<div id="skills">
<h2>Skills</h2>
<div id="skills-first-row">
<div>
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 45.273438 2.324219 C 45.085938 2.117188 44.816406 2 44.535156 2 L 5.464844 2 C 5.183594 2 4.914063 2.117188 4.726563 2.324219 C 4.535156 2.53125 4.441406 2.808594 4.46875 3.089844 L 7.988281 42.515625 C 8.023438 42.929688 8.3125 43.273438 8.710938 43.390625 L 24.722656 47.960938 C 24.808594 47.988281 24.902344 48 24.996094 48 C 25.089844 48 25.179688 47.988281 25.269531 47.960938 L 41.292969 43.390625 C 41.691406 43.273438 41.976563 42.929688 42.015625 42.515625 L 45.53125 3.089844 C 45.558594 2.808594 45.464844 2.53125 45.273438 2.324219 Z M 36.847656 15.917969 L 18.035156 15.917969 L 18.484375 21.007813 L 36.394531 21.007813 L 35.050781 36.050781 L 24.992188 39.089844 L 24.894531 39.058594 L 14.953125 36.046875 L 14.410156 29.917969 L 19.28125 29.917969 L 19.492188 32.296875 L 25.050781 33.460938 L 30.507813 32.296875 L 31.089844 25.859375 L 14.046875 25.859375 L 12.722656 11.054688 L 37.28125 11.054688 Z"/></svg>
<p>HTML</p>
</div>
<div>
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50px" height="50px"><path d="M 3 2 L 5 20 L 11.992188 22 L 19 20 L 21 2 Z M 16.726563 10.347656 L 16.34375 16.589844 L 12.027344 18 L 7.710938 16.589844 L 7.546875 13.605469 L 9.734375 13.605469 L 9.789063 14.960938 L 12.027344 15.722656 L 14.269531 14.960938 L 14.433594 12.519531 L 9.625 12.519531 L 9.515625 10.347656 L 14.539063 10.347656 L 14.703125 8.175781 L 7.164063 8.175781 L 7 6.007813 L 17 6.007813 Z"/></svg>
<p>CSS</p>
</div>
<div>
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"> <path d="M45.274,2.325C45.084,2.118,44.817,2,44.536,2H5.464C5.183,2,4.916,2.118,4.726,2.325S4.443,2.81,4.468,3.089l3.52,39.427 c0.037,0.412,0.324,0.759,0.722,0.873l16.01,4.573C24.809,47.987,24.902,48,24.994,48s0.185-0.013,0.274-0.038l16.024-4.573 c0.398-0.114,0.685-0.461,0.722-0.873l3.518-39.427C45.557,2.81,45.463,2.532,45.274,2.325z M12,29.004l7,1.942V11h4v26l-11-3.051 V29.004z M38.054,22L37,34.25L27,37v-4.601l6.75-1.855l0.25-3.75L27,28V11h12l-0.345,4H31v8L38.054,22z"/></svg>
<p>Java Script</p>
</div>
<div>
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="50px" height="50px"> <path d="M 54.410156 9 C 53.860156 8.97 53.389141 9.3992188 53.369141 9.9492188 C 53.339141 10.499219 53.770313 10.97 54.320312 11 L 54.369141 11 C 54.899141 11 55.339375 10.579063 55.359375 10.039062 C 55.389375 9.4890625 54.960156 9.02 54.410156 9 z M 26.880859 9.0996094 C 26.330859 9.0396094 25.829531 9.4304687 25.769531 9.9804688 C 25.699531 10.530469 26.100391 11.019844 26.650391 11.089844 L 26.759766 11.089844 C 27.259766 11.089844 27.69 10.720937 27.75 10.210938 C 27.82 9.6609375 27.420859 9.1596094 26.880859 9.0996094 z M 50.494141 9.7421875 C 50.363516 9.7378125 50.229609 9.7605469 50.099609 9.8105469 C 49.589609 10.010547 49.329297 10.589375 49.529297 11.109375 C 49.689297 11.499375 50.070703 11.75 50.470703 11.75 C 50.590703 11.75 50.710078 11.729688 50.830078 11.679688 C 51.340078 11.479687 51.600391 10.900625 51.400391 10.390625 C 51.250391 10.000625 50.886016 9.7553125 50.494141 9.7421875 z M 22.753906 9.8574219 C 22.625156 9.8783594 22.498359 9.925 22.380859 10 C 21.910859 10.29 21.770312 10.910859 22.070312 11.380859 C 22.250312 11.680859 22.580156 11.849609 22.910156 11.849609 C 23.090156 11.849609 23.279453 11.799453 23.439453 11.689453 C 23.909453 11.399453 24.049766 10.780547 23.759766 10.310547 C 23.542266 9.9655469 23.140156 9.7946094 22.753906 9.8574219 z M 30.605469 10.273438 C 30.217344 10.257031 29.840156 10.472344 29.660156 10.839844 C 29.420156 11.339844 29.640625 11.939687 30.140625 12.179688 C 30.270625 12.239688 30.420547 12.269531 30.560547 12.269531 C 30.940547 12.269531 31.300703 12.059219 31.470703 11.699219 C 31.700703 11.199219 31.490234 10.609141 30.990234 10.369141 C 30.865234 10.309141 30.734844 10.278906 30.605469 10.273438 z M 57.955078 10.542969 C 57.700078 10.540469 57.445 10.635078 57.25 10.830078 C 56.85 11.220078 56.850234 11.850234 57.240234 12.240234 C 57.430234 12.440234 57.689219 12.539062 57.949219 12.539062 C 58.199219 12.539062 58.460391 12.45 58.650391 12.25 C 59.040391 11.87 59.050156 11.229844 58.660156 10.839844 C 58.465156 10.644844 58.210078 10.545469 57.955078 10.542969 z M 46.753906 11.605469 C 46.625 11.627344 46.498359 11.675 46.380859 11.75 C 45.920859 12.05 45.780078 12.670625 46.080078 13.140625 C 46.270078 13.430625 46.599688 13.589844 46.929688 13.589844 C 47.109688 13.589844 47.300703 13.539687 47.470703 13.429688 C 47.930703 13.139688 48.059531 12.520781 47.769531 12.050781 C 47.544531 11.705781 47.140625 11.539844 46.753906 11.605469 z M 34.015625 12.306641 A 1.0001 1.0001 0 0 0 33.419922 14.130859 C 33.419922 14.130859 33.421875 14.130859 33.421875 14.130859 C 33.421875 14.130859 33.423828 14.132812 33.423828 14.132812 C 35.067777 15.289459 36.792095 16.786261 38.537109 18.517578 C 36.525408 20.661085 34.523735 23.118301 32.582031 25.830078 C 28.746866 26.168525 25.175484 26.77535 21.947266 27.587891 C 21.33635 25.186239 20.924986 22.929714 20.779297 20.927734 A 1.0001 1.0001 0 0 0 19.792969 19.986328 A 1.0001 1.0001 0 0 0 18.783203 21.072266 C 18.939669 23.222341 19.370101 25.598162 20.005859 28.103516 C 18.033141 28.679991 16.211543 29.336875 14.587891 30.072266 A 1.0001 1.0001 0 0 0 14.341797 30.224609 C 14.28109 30.240397 14.218866 30.241351 14.160156 30.269531 C 13.660156 30.499531 13.449687 31.099609 13.679688 31.599609 C 13.849687 31.959609 14.209844 32.169922 14.589844 32.169922 C 14.729844 32.169922 14.879766 32.140078 15.009766 32.080078 C 15.064804 32.05366 15.102378 32.008923 15.150391 31.974609 A 1.0001 1.0001 0 0 0 15.412109 31.894531 C 16.923854 31.209827 18.641354 30.591238 20.517578 30.042969 C 21.443671 33.203906 22.714521 36.56143 24.314453 40.005859 C 22.905883 43.040095 21.738224 46.011882 20.849609 48.835938 C 18.847283 48.2655 17.011609 47.616033 15.414062 46.892578 C 15.414062 46.892578 15.412109 46.892578 15.412109 46.892578 A 1.0001 1.0001 0 0 0 15.410156 46.890625 C 15.408211 46.88973 15.406245 46.889553 15.404297 46.888672 A 1.0001 1.0001 0 0 0 15.027344 46.798828 A 1.0001 1.0001 0 0 0 14.263672 48.484375 C 14.263672 48.484375 14.263672 48.486328 14.263672 48.486328 A 1.0001 1.0001 0 0 0 14.570312 48.707031 C 14.577752 48.710605 14.582276 48.71729 14.589844 48.720703 C 14.606813 48.728535 14.62529 48.729815 14.642578 48.736328 C 16.327976 49.496181 18.229337 50.170781 20.287109 50.759766 C 20.000683 51.790989 19.739233 52.807577 19.529297 53.789062 A 1.0001 1.0001 0 1 0 21.484375 54.208984 C 21.686783 53.262697 21.941751 52.277073 22.220703 51.275391 C 25.108337 51.986825 28.280266 52.518708 31.652344 52.857422 C 33.880638 56.100531 36.208658 58.992311 38.544922 61.480469 C 37.538945 62.479911 36.539442 63.416142 35.558594 64.230469 A 1.0001 1.0001 0 1 0 36.835938 65.769531 C 37.860156 64.919199 38.897105 63.95149 39.935547 62.921875 C 41.40782 64.384203 42.874444 65.68416 44.3125 66.78125 C 44.319527 66.786984 44.322857 66.795201 44.330078 66.800781 L 44.330078 66.794922 A 1.0001 1.0001 0 1 0 45.542969 65.205078 C 44.174686 64.162491 42.761622 62.907795 41.333984 61.486328 C 43.670927 59.000601 46.001737 56.111465 48.232422 52.869141 C 51.619575 52.533538 54.797999 51.994041 57.699219 51.283203 C 58.175831 52.990188 58.547183 54.625951 58.800781 56.162109 A 1.0005251 1.0005251 0 0 0 60.775391 55.837891 C 60.510431 54.232917 60.128986 52.538363 59.640625 50.78125 C 61.33811 50.298333 62.933265 49.76006 64.382812 49.160156 A 1.0001 1.0001 0 1 0 63.617188 47.3125 C 62.237889 47.883331 60.703406 48.400043 59.058594 48.865234 C 58.165314 46.024272 57.003568 43.043464 55.583984 39.990234 C 57.187235 36.541532 58.453699 33.188416 59.382812 30.023438 C 60.525776 30.355592 61.630652 30.704587 62.644531 31.089844 A 1.0001 1.0001 0 1 0 63.367188 29.224609 C 63.364406 29.22349 63.362172 29.2218 63.359375 29.220703 C 63.358125 29.220223 63.356719 29.221178 63.355469 29.220703 C 62.280758 28.812331 61.118725 28.444298 59.919922 28.095703 C 60.360331 26.370074 60.704158 24.706303 60.919922 23.140625 C 60.919922 23.140625 60.919922 23.138672 60.919922 23.138672 C 60.919922 23.138672 60.919922 23.136719 60.919922 23.136719 A 1.0001 1.0001 0 0 0 59.953125 21.986328 A 1.0001 1.0001 0 0 0 58.941406 22.855469 C 58.941207 22.856955 58.939646 22.857887 58.939453 22.859375 C 58.939453 22.859375 58.939453 22.861328 58.939453 22.861328 A 1.0001 1.0001 0 0 0 58.939453 22.863281 C 58.736717 24.335512 58.411012 25.917761 57.990234 27.566406 C 54.754871 26.75651 51.158065 26.165374 47.316406 25.830078 C 45.368791 23.113403 43.361375 20.642239 41.34375 18.498047 C 42.789432 17.059152 44.21925 15.78983 45.603516 14.740234 A 1.0001 1.0001 0 0 0 45.017578 12.935547 A 1.0001 1.0001 0 0 0 44.396484 13.146484 C 42.930835 14.257789 41.43351 15.584046 39.931641 17.076172 C 38.124016 15.287191 36.324372 13.726089 34.576172 12.496094 A 1.0001 1.0001 0 0 0 34.015625 12.306641 z M 20.480469 12.957031 C 20.092813 12.971563 19.730078 13.209609 19.580078 13.599609 C 19.380078 14.109609 19.640156 14.690625 20.160156 14.890625 C 20.280156 14.940625 20.399766 14.960937 20.509766 14.960938 C 20.919766 14.960938 21.299219 14.710547 21.449219 14.310547 C 21.649219 13.800547 21.389141 13.219531 20.869141 13.019531 C 20.741641 12.972031 20.609687 12.952187 20.480469 12.957031 z M 59.923828 14.058594 C 59.796484 14.039062 59.661797 14.045078 59.529297 14.080078 C 58.989297 14.220078 58.670781 14.759063 58.800781 15.289062 C 58.920781 15.749063 59.329531 16.050781 59.769531 16.050781 C 59.849531 16.050781 59.939531 16.039531 60.019531 16.019531 C 60.549531 15.879531 60.880234 15.340781 60.740234 14.800781 C 60.635234 14.403281 60.305859 14.117188 59.923828 14.058594 z M 19.810547 16.869141 C 19.260547 16.839141 18.78 17.250547 18.75 17.810547 C 18.71 18.360547 19.129453 18.829375 19.689453 18.859375 C 19.709453 18.869375 19.73 18.869141 19.75 18.869141 C 20.27 18.869141 20.71 18.459688 20.75 17.929688 C 20.78 17.379687 20.360547 16.899141 19.810547 16.869141 z M 60.210938 18.009766 C 59.660937 18.009766 59.220703 18.459531 59.220703 19.019531 C 59.220703 19.569531 59.670703 20.009766 60.220703 20.009766 C 60.770703 20.009766 61.220703 19.559766 61.220703 19.009766 C 61.220703 18.459766 60.770938 18.009766 60.210938 18.009766 z M 39.943359 19.945312 C 41.533539 21.641888 43.127281 23.561414 44.695312 25.648438 C 43.156857 25.563894 41.597425 25.505859 40 25.505859 C 38.36077 25.505859 36.762314 25.567567 35.185547 25.65625 C 36.755086 23.561084 38.350548 21.649197 39.943359 19.945312 z M 40 27.505859 C 42.133731 27.505859 44.215894 27.590745 46.234375 27.744141 C 47.62469 29.727478 48.980116 31.846857 50.271484 34.083984 C 51.41194 36.05987 52.449595 38.033977 53.380859 39.980469 C 52.442461 41.944488 51.403314 43.934122 50.251953 45.927734 A 1.0001 1.0001 0 0 0 50.238281 45.953125 A 1.0001 1.0001 0 0 0 50.222656 45.980469 C 49.215348 47.723069 48.166246 49.383271 47.095703 50.974609 C 44.810622 51.173966 42.439397 51.283203 40 51.283203 C 37.526992 51.283203 35.118965 51.173788 32.804688 50.96875 C 31.730907 49.371625 30.675628 47.713914 29.666016 45.964844 C 28.507633 43.957725 27.477227 41.957427 26.535156 39.980469 C 27.473281 38.018381 28.507543 36.031258 29.658203 34.039062 A 1.0001 1.0001 0 0 0 29.664062 34.029297 A 1.0001 1.0001 0 0 0 29.673828 34.013672 C 30.947529 31.808524 32.284739 29.722577 33.654297 27.763672 C 35.710207 27.603894 37.824098 27.505859 40 27.505859 z M 48.806641 27.990234 C 51.905304 28.330427 54.81151 28.840228 57.449219 29.496094 C 56.68678 32.082229 55.683249 34.817136 54.443359 37.640625 C 53.683432 36.129131 52.883696 34.610208 52.003906 33.085938 C 50.975543 31.304432 49.899604 29.61987 48.806641 27.990234 z M 31.072266 28.011719 C 30.001344 29.611779 28.949821 31.267823 27.941406 33.013672 C 27.936806 33.021472 27.932004 33.029519 27.927734 33.037109 C 27.926634 33.039009 27.926902 33.041069 27.925781 33.042969 C 27.039725 34.577291 26.227498 36.107321 25.462891 37.628906 C 24.235748 34.824888 23.219169 32.093622 22.462891 29.525391 C 25.088999 28.86773 27.984822 28.356739 31.072266 28.011719 z M 66.738281 30.794922 C 66.347813 30.758828 65.954766 30.952813 65.759766 31.320312 C 65.499766 31.810313 65.689688 32.409922 66.179688 32.669922 C 66.329687 32.749922 66.490391 32.789062 66.650391 32.789062 C 67.000391 32.789062 67.349297 32.599766 67.529297 32.259766 C 67.789297 31.779766 67.599141 31.170156 67.119141 30.910156 C 66.996641 30.845156 66.868437 30.806953 66.738281 30.794922 z M 11.292969 32.171875 C 11.040469 32.128125 10.769063 32.179844 10.539062 32.339844 C 10.089062 32.659844 9.9807812 33.280469 10.300781 33.730469 C 10.500781 34.010469 10.809141 34.160156 11.119141 34.160156 C 11.319141 34.160156 11.519453 34.100703 11.689453 33.970703 L 11.699219 33.980469 C 12.149219 33.660469 12.259453 33.030078 11.939453 32.580078 C 11.779453 32.355078 11.545469 32.215625 11.292969 32.171875 z M 69.892578 33.001953 C 69.637578 33.021953 69.390938 33.139609 69.210938 33.349609 C 68.850937 33.769609 68.910078 34.399766 69.330078 34.759766 C 69.520078 34.919766 69.750703 35 69.970703 35 C 70.260703 35 70.540234 34.880625 70.740234 34.640625 C 71.090234 34.220625 71.039141 33.590234 70.619141 33.240234 C 70.409141 33.060234 70.147578 32.981953 69.892578 33.001953 z M 40 34.003906 C 36.686 34.003906 34 36.689906 34 40.003906 C 34 43.317906 36.686 46.003906 40 46.003906 C 43.314 46.003906 46 43.317906 46 40.003906 C 46 36.689906 43.314 34.003906 40 34.003906 z M 8.0703125 34.908203 C 7.8165625 34.948203 7.5799219 35.085547 7.4199219 35.310547 C 7.0999219 35.760547 7.2003906 36.390937 7.6503906 36.710938 C 7.8203906 36.830938 8.0304687 36.900391 8.2304688 36.900391 C 8.5404687 36.900391 8.8490625 36.750469 9.0390625 36.480469 C 9.3690625 36.030469 9.2603125 35.409844 8.8203125 35.089844 C 8.5953125 34.924844 8.3240625 34.868203 8.0703125 34.908203 z M 72.435547 36.083984 C 72.306172 36.089297 72.175781 36.119687 72.050781 36.179688 C 71.550781 36.409687 71.330547 37 71.560547 37.5 C 71.730547 37.87 72.090703 38.080078 72.470703 38.080078 C 72.610703 38.080078 72.750625 38.050234 72.890625 37.990234 C 73.390625 37.760234 73.610859 37.160156 73.380859 36.660156 C 73.200859 36.285156 72.823672 36.068047 72.435547 36.083984 z M 6.9609375 38.619141 C 6.4129261 38.649032 5.983184 39.106812 6.0097656 39.664062 C 6.0317688 40.20215 6.4710894 40.619141 7.0097656 40.619141 L 7.0507812 40.619141 C 7.6007813 40.599141 8.03 40.130078 8 39.580078 C 7.98 39.020078 7.5109375 38.599141 6.9609375 38.619141 z M 72.658203 39.976562 C 72.271016 40.013594 71.920781 40.279922 71.800781 40.669922 L 71.800781 40.679688 C 71.640781 41.199688 71.930937 41.759687 72.460938 41.929688 C 72.550937 41.959688 72.66 41.970703 72.75 41.970703 C 73.18 41.970703 73.570937 41.699531 73.710938 41.269531 C 73.870937 40.749531 73.580781 40.189531 73.050781 40.019531 C 72.920781 39.977031 72.787266 39.964219 72.658203 39.976562 z M 8.6152344 42.257812 C 8.3602344 42.230313 8.0958594 42.300703 7.8808594 42.470703 C 7.4508594 42.820703 7.3804688 43.450859 7.7304688 43.880859 C 7.9204688 44.120859 8.2097656 44.25 8.5097656 44.25 C 8.7297656 44.25 8.9508594 44.179297 9.1308594 44.029297 C 9.5608594 43.689297 9.6290625 43.060859 9.2890625 42.630859 C 9.1140625 42.410859 8.8702344 42.285313 8.6152344 42.257812 z M 25.455078 42.324219 C 26.227157 43.86319 27.03735 45.409977 27.933594 46.962891 A 1.0001 1.0001 0 0 0 27.933594 46.964844 C 28.672926 48.245676 29.436294 49.477916 30.210938 50.681641 C 27.571387 50.355404 25.078404 49.908583 22.787109 49.349609 C 23.499918 47.097875 24.392942 44.741072 25.455078 42.324219 z M 54.447266 42.324219 C 55.513063 44.748161 56.400203 47.107591 57.115234 49.365234 C 54.809413 49.923898 52.319475 50.380143 49.664062 50.703125 C 50.441486 49.497174 51.209187 48.26594 51.951172 46.982422 C 51.976022 46.942662 51.992809 46.912812 52.011719 46.875 C 52.890115 45.351708 53.688449 43.834619 54.447266 42.324219 z M 70.582031 43.265625 C 70.327031 43.259375 70.069141 43.349063 69.869141 43.539062 C 69.469141 43.919062 69.460078 44.560938 69.830078 44.960938 C 70.030078 45.160938 70.290547 45.259766 70.560547 45.259766 C 70.810547 45.259766 71.06 45.170234 71.25 44.990234 C 71.65 44.610234 71.659297 43.970312 71.279297 43.570312 C 71.089297 43.375312 70.837031 43.271875 70.582031 43.265625 z M 11.298828 44.90625 C 11.047578 44.955 10.815156 45.100078 10.660156 45.330078 C 10.350156 45.790078 10.479453 46.410703 10.939453 46.720703 C 11.109453 46.830703 11.300234 46.890625 11.490234 46.890625 C 11.820234 46.890625 12.130313 46.729453 12.320312 46.439453 C 12.630313 45.979453 12.510781 45.360547 12.050781 45.060547 C 11.820781 44.905547 11.550078 44.8575 11.298828 44.90625 z M 67.208984 45.623047 C 67.079141 45.638984 66.950078 45.68 66.830078 45.75 C 66.360078 46.02 66.190703 46.639375 66.470703 47.109375 C 66.650703 47.439375 66.990078 47.609375 67.330078 47.609375 C 67.500078 47.609375 67.680078 47.570469 67.830078 47.480469 C 68.310078 47.200469 68.479219 46.589141 68.199219 46.119141 C 67.996719 45.759141 67.598516 45.575234 67.208984 45.623047 z M 34.265625 53.072266 C 36.134453 53.198435 38.039729 53.283203 40 53.283203 C 41.920649 53.283203 43.789821 53.203441 45.623047 53.082031 C 43.761093 55.670169 41.849629 58.005025 39.943359 60.041016 C 38.038362 58.003247 36.125999 55.660556 34.265625 53.072266 z M 19.970703 56.949219 C 19.420703 56.889219 18.919375 57.289844 18.859375 57.839844 C 18.809375 58.389844 19.2 58.879453 19.75 58.939453 C 19.79 58.939453 19.819375 58.949219 19.859375 58.949219 C 20.359375 58.949219 20.799609 58.570781 20.849609 58.050781 C 20.909609 57.500781 20.520703 57.009219 19.970703 56.949219 z M 60.119141 58.429688 C 59.569141 58.459688 59.149687 58.930469 59.179688 59.480469 C 59.209688 60.010469 59.649687 60.419922 60.179688 60.419922 L 60.240234 60.419922 C 60.790234 60.389922 61.209688 59.919375 61.179688 59.359375 C 61.149687 58.809375 60.669141 58.389688 60.119141 58.429688 z M 19.669922 60.939453 C 19.109922 60.969453 18.690703 61.440234 18.720703 61.990234 C 18.740703 62.520234 19.190703 62.939453 19.720703 62.939453 L 19.769531 62.939453 C 20.319531 62.909453 20.740938 62.440625 20.710938 61.890625 C 20.690938 61.340625 20.219922 60.909453 19.669922 60.939453 z M 60.210938 62.419922 C 59.660937 62.349922 59.150078 62.739297 59.080078 63.279297 C 59.010078 63.829297 59.389453 64.330156 59.939453 64.410156 C 59.979453 64.410156 60.030313 64.419922 60.070312 64.419922 C 60.560313 64.419922 61.000547 64.050781 61.060547 63.550781 C 61.140547 63.000781 60.750937 62.499922 60.210938 62.419922 z M 20.482422 64.861328 C 20.353047 64.854453 20.219844 64.872422 20.089844 64.919922 C 19.569844 65.099922 19.300469 65.679219 19.480469 66.199219 C 19.630469 66.609219 20.009922 66.859375 20.419922 66.859375 C 20.529922 66.859375 20.649766 66.840781 20.759766 66.800781 C 21.279766 66.620781 21.549375 66.039297 21.359375 65.529297 C 21.224375 65.131797 20.870547 64.881953 20.482422 64.861328 z M 33.982422 65.839844 C 33.729922 65.794844 33.460469 65.845 33.230469 66 C 32.780469 66.32 32.670469 66.940625 32.980469 67.390625 C 33.180469 67.670625 33.490781 67.820312 33.800781 67.820312 C 34.000781 67.820312 34.200859 67.770391 34.380859 67.650391 C 34.830859 67.330391 34.940859 66.71 34.630859 66.25 C 34.470859 66.025 34.234922 65.884844 33.982422 65.839844 z M 59.013672 66.220703 C 58.626484 66.170078 58.229531 66.350938 58.019531 66.710938 C 57.749531 67.190938 57.910625 67.800078 58.390625 68.080078 C 58.550625 68.170078 58.720625 68.210938 58.890625 68.210938 C 59.240625 68.210938 59.569766 68.030937 59.759766 67.710938 C 60.029766 67.230937 59.870625 66.619609 59.390625 66.349609 C 59.270625 66.279609 59.142734 66.237578 59.013672 66.220703 z M 48.373047 67.208984 C 47.986328 67.168203 47.593125 67.360703 47.390625 67.720703 C 47.130625 68.200703 47.299297 68.810078 47.779297 69.080078 C 47.939297 69.160078 48.099531 69.199219 48.269531 69.199219 C 48.619531 69.199219 48.960625 69.019453 49.140625 68.689453 C 49.410625 68.209453 49.24 67.600078 48.75 67.330078 C 48.63 67.262578 48.501953 67.222578 48.373047 67.208984 z M 30.316406 67.830078 C 30.18625 67.833984 30.054688 67.862422 29.929688 67.919922 C 29.429688 68.149922 29.209453 68.75 29.439453 69.25 C 29.609453 69.62 29.969609 69.830078 30.349609 69.830078 C 30.489609 69.830078 30.629531 69.800234 30.769531 69.740234 C 31.269531 69.510234 31.489766 68.910156 31.259766 68.410156 C 31.087266 68.035156 30.706875 67.818359 30.316406 67.830078 z M 22.533203 68.074219 C 22.280703 68.121719 22.045625 68.265234 21.890625 68.490234 C 21.580625 68.940234 21.690391 69.570859 22.150391 69.880859 C 22.320391 70.000859 22.520937 70.060547 22.710938 70.060547 C 23.030938 70.060547 23.339063 69.909141 23.539062 69.619141 C 23.849062 69.169141 23.729297 68.550469 23.279297 68.230469 C 23.054297 68.075469 22.785703 68.026719 22.533203 68.074219 z M 55.986328 68.730469 C 55.856641 68.720313 55.722344 68.734297 55.589844 68.779297 C 55.069844 68.949297 54.779219 69.509062 54.949219 70.039062 C 55.089219 70.459062 55.480391 70.730469 55.900391 70.730469 C 56.000391 70.730469 56.110937 70.709688 56.210938 70.679688 C 56.740938 70.509687 57.019609 69.939922 56.849609 69.419922 C 56.722109 69.022422 56.375391 68.760937 55.986328 68.730469 z M 51.800781 68.734375 C 51.415 68.797187 51.087734 69.082969 50.990234 69.480469 C 50.850234 70.020469 51.180937 70.559219 51.710938 70.699219 L 51.710938 70.689453 C 51.790937 70.719453 51.880938 70.730469 51.960938 70.730469 C 52.400938 70.730469 52.809688 70.420703 52.929688 69.970703 C 53.059688 69.430703 52.739219 68.89 52.199219 68.75 C 52.064219 68.7175 51.929375 68.713437 51.800781 68.734375 z M 26.439453 68.949219 C 25.889453 68.999219 25.479297 69.479297 25.529297 70.029297 C 25.579297 70.549297 26.019297 70.939453 26.529297 70.939453 L 26.619141 70.939453 C 27.169141 70.889453 27.579531 70.399609 27.519531 69.849609 C 27.479531 69.299609 26.989453 68.899219 26.439453 68.949219 z"/></svg>
<p>React Js</p>
</div>
<div>
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="50px" height="50px"><path d="M 21.300781 6 C 21.143781 6 21 6.1257812 21 6.3007812 L 21 11.796875 L 19.753906 11.070312 C 19.675906 11.024313 19.588 11.001953 19.5 11.001953 C 19.412 11.001953 19.324094 11.024312 19.246094 11.070312 L 16.251953 12.816406 C 16.095953 12.906406 16 13.072953 16 13.251953 L 16 16.748047 C 16 16.928047 16.095953 17.093594 16.251953 17.183594 L 19.246094 18.929688 C 19.324094 18.975687 19.412 18.998047 19.5 18.998047 C 19.588 18.998047 19.675906 18.975688 19.753906 18.929688 L 22.748047 17.183594 C 22.904047 17.093594 23 16.927047 23 16.748047 L 23 15 L 23 13.251953 L 23 7.2304688 C 23 7.0524688 22.904953 6.8888281 22.751953 6.7988281 L 21.449219 6.0410156 C 21.400219 6.0130156 21.350781 6 21.300781 6 z M 11.5 11.001953 C 11.41225 11.001953 11.324594 11.024813 11.246094 11.070312 L 8.2519531 12.816406 C 8.0959531 12.906406 8 13.072953 8 13.251953 L 8 16.748047 C 8 16.928047 8.0959531 17.093594 8.2519531 17.183594 L 11.246094 18.929688 C 11.403094 19.020688 11.596906 19.020688 11.753906 18.929688 L 14.748047 17.183594 C 14.904047 17.093594 15 16.927047 15 16.748047 L 15 13.251953 C 15 13.071953 14.904047 12.906406 14.748047 12.816406 L 11.753906 11.070312 C 11.675406 11.024812 11.58775 11.001953 11.5 11.001953 z M 27.5 11.001953 C 27.412 11.001953 27.324094 11.024312 27.246094 11.070312 L 24.251953 12.816406 C 24.095953 12.906406 24 13.072953 24 13.251953 L 24 16.748047 C 24 16.928047 24.095953 17.093594 24.251953 17.183594 L 27.15625 18.939453 C 27.31225 19.034453 27.508016 19.035359 27.666016 18.943359 L 29.09375 18.113281 C 29.24175 18.028281 29.24275 17.813562 29.09375 17.726562 L 26 15.904297 L 26 14.109375 L 27.5 13.236328 L 29 14.109375 L 29 15.359375 C 29 15.526375 29.140375 15.552094 29.234375 15.496094 C 29.612375 15.274094 30.751953 14.613281 30.751953 14.613281 C 30.904953 14.524281 31 14.359641 31 14.181641 L 31 13.251953 C 31 13.071953 30.904047 12.906406 30.748047 12.816406 L 27.753906 11.070312 C 27.674906 11.024313 27.588 11.001953 27.5 11.001953 z M 3.5 11.003906 C 3.412 11.003906 3.3240937 11.026266 3.2460938 11.072266 L 0.25195312 12.816406 C 0.095953125 12.907406 0 13.073906 0 13.253906 L 0 17.716797 C 0 17.934797 0.23582812 18.069938 0.42382812 17.960938 L 1.7519531 17.1875 C 1.9049531 17.0975 2 16.933859 2 16.755859 L 2 14.113281 L 3.5 13.238281 L 5 14.113281 L 5 16.755859 C 5 16.933859 5.0950469 17.0975 5.2480469 17.1875 L 6.5761719 17.960938 C 6.7641719 18.070938 7 17.934797 7 17.716797 L 7 13.253906 C 7 13.073906 6.9040469 12.907406 6.7480469 12.816406 L 3.7539062 11.072266 C 3.6759063 11.026266 3.588 11.003906 3.5 11.003906 z M 19.5 13.236328 L 21 14.111328 L 21 15 L 21 15.888672 L 19.5 16.763672 L 18 15.888672 L 18 14.111328 L 19.5 13.236328 z M 27.5 14.003906 L 26.642578 14.503906 L 26.642578 15.501953 L 27.5 16 L 28.357422 15.501953 L 28.357422 14.503906 L 27.5 14.003906 z M 15.40625 17.998047 C 15.303375 17.998047 15.199375 18.023219 15.109375 18.074219 L 12.296875 19.699219 C 12.111875 19.801219 12 20.001938 12 20.210938 L 12 23.457031 C 12 23.666031 12.116875 23.86275 12.296875 23.96875 L 13.037109 24.390625 C 13.392109 24.565625 13.522594 24.566406 13.683594 24.566406 C 14.213594 24.566406 14.515625 24.249453 14.515625 23.689453 L 14.515625 20.482422 C 14.515625 20.433422 14.477594 20.398438 14.433594 20.398438 L 14.078125 20.398438 C 14.029125 20.398438 13.994141 20.438422 13.994141 20.482422 L 13.994141 23.689453 C 13.994141 23.932453 13.737359 24.181656 13.318359 23.972656 L 12.548828 23.529297 C 12.523828 23.514297 12.505859 23.484078 12.505859 23.455078 L 12.505859 20.208984 C 12.505859 20.179984 12.519828 20.145859 12.548828 20.130859 L 15.361328 18.509766 C 15.391328 18.494766 15.425219 18.494766 15.449219 18.509766 L 18.263672 20.130859 C 18.292672 20.145859 18.306641 20.174984 18.306641 20.208984 L 18.306641 23.455078 C 18.306641 23.489078 18.287672 23.518203 18.263672 23.533203 L 15.449219 25.160156 C 15.424219 25.175156 15.385328 25.175156 15.361328 25.160156 L 14.642578 24.732422 C 14.623578 24.722422 14.593219 24.716562 14.574219 24.726562 C 14.375219 24.843563 14.335391 24.858875 14.150391 24.921875 C 14.101391 24.936875 14.034781 24.966922 14.175781 25.044922 L 15.109375 25.599609 C 15.202375 25.648609 15.30425 25.677734 15.40625 25.677734 C 15.51325 25.677734 15.617219 25.648703 15.699219 25.595703 L 18.511719 23.96875 C 18.696719 23.86675 18.808594 23.666031 18.808594 23.457031 L 18.808594 20.210938 C 18.808594 20.001938 18.691719 19.806219 18.511719 19.699219 L 15.699219 18.074219 C 15.611719 18.023219 15.509125 17.998047 15.40625 17.998047 z M 19.792969 19.496094 C 19.505969 19.496094 19.253906 19.728156 19.253906 20.035156 C 19.253906 20.332156 19.495969 20.576172 19.792969 20.576172 C 20.089969 20.576172 20.332031 20.332156 20.332031 20.035156 C 20.332031 19.728156 20.084969 19.491094 19.792969 19.496094 z M 19.787109 19.582031 C 20.041109 19.582031 20.246094 19.782156 20.246094 20.035156 C 20.246094 20.283156 20.040109 20.488141 19.787109 20.494141 C 19.538109 20.494141 19.335938 20.288156 19.335938 20.035156 C 19.335938 19.782156 19.539109 19.582031 19.787109 19.582031 z M 19.589844 19.728516 L 19.589844 20.335938 L 19.705078 20.335938 L 19.705078 20.09375 L 19.8125 20.09375 C 19.8565 20.09375 19.866953 20.112484 19.876953 20.146484 C 19.876953 20.151484 19.895391 20.308891 19.900391 20.337891 L 20.025391 20.337891 C 20.011391 20.308891 20.001094 20.225781 19.996094 20.175781 C 19.982094 20.097781 19.977531 20.044062 19.894531 20.039062 C 19.938531 20.024063 20.011719 20.000672 20.011719 19.888672 C 20.011719 19.727672 19.871828 19.728516 19.798828 19.728516 L 19.589844 19.728516 z M 19.705078 19.826172 L 19.802734 19.826172 C 19.832734 19.826172 19.890625 19.825203 19.890625 19.908203 C 19.890625 19.942203 19.875875 19.997094 19.796875 19.996094 L 19.705078 19.996094 L 19.705078 19.826172 z M 16.160156 20.322266 C 15.357156 20.322266 14.880859 20.664516 14.880859 21.228516 C 14.880859 21.846516 15.357953 22.011844 16.126953 22.089844 C 17.046953 22.181844 17.119141 22.314141 17.119141 22.494141 C 17.119141 22.810141 16.865484 22.941406 16.271484 22.941406 C 15.526484 22.941406 15.362594 22.756719 15.308594 22.386719 C 15.303594 22.347719 15.268609 22.318359 15.224609 22.318359 L 14.859375 22.318359 C 14.815375 22.318359 14.777344 22.353344 14.777344 22.402344 C 14.777344 22.874344 15.034625 23.439453 16.265625 23.439453 C 17.168625 23.438453 17.679688 23.088609 17.679688 22.474609 C 17.679688 21.866609 17.270297 21.704891 16.404297 21.587891 C 15.528297 21.470891 15.441406 21.412031 15.441406 21.207031 C 15.441406 21.037031 15.513156 20.814453 16.160156 20.814453 C 16.739156 20.814453 16.954969 20.941078 17.042969 21.330078 C 17.052969 21.369078 17.080141 21.392578 17.119141 21.392578 L 17.484375 21.392578 C 17.508375 21.392578 17.528969 21.383141 17.542969 21.369141 C 17.557969 21.350141 17.5675 21.330641 17.5625 21.306641 C 17.5045 20.634641 17.061156 20.322266 16.160156 20.322266 z"/></svg>
<p>Node Js</p>
</div>
</div>
<div id="skills-second-row">
<div>
<img src="./Images/mongodb.png" alt="">
<p>MongoDB</p>
</div>
<div>
<img src="./Images/exp.svg" alt="">
<p>Express Js</p>
</div>
<div>
<img src="./Images/cli bash.png" alt="">
<p>CLI Bash</p>
</div>
<div>
<img src="./Images/redux.svg" alt="">
<p>Redux</p>
</div>
</div>
</div>
<div id="projects">
<h2>Projects</h2>
<div id="projects-div" style="margin-top: 50px;">
<div class="first-project">
<div id="top-project">
<h4 class="derm">Dermstore Clone</h4>
<video width="100%" height="200" autoplay loop >
<source src="./Videos/Dermstore.mp4" type="video/mp4">
</video>
<p style="font-size: small; padding-bottom: 20px; text-align: center; padding-left: 5px; padding-right: 5px;">Webpage to buy Cosmetic items. Account authentication page added for signup and sign-in. Sorting functionalities helps to sort out to buy products. Add to Cart page has coupon code functionalities.</p>
<div id="project-icon">
<div><p>Tech Stack:</p></div>
<div>
<img src="./Images/projects/html.png" alt="">
<img src="./Images/projects/css.png" alt="">
<img src="./Images/projects/js.png" alt="">
<img src="./Images/projects/git.png" alt="">
</div>
</div>
</div>
<div id="video-social">
<div onclick="githubDerm()" id="git">
<!-- <img src="./Images/Github.png" alt=""> -->
<p >GitHub</p>
</div>
<div onclick="liveDerm()" id="live">
<!-- <img src="./Images/live link.png" alt="" > -->
<p style="font-size: small;">Live Code</p>
</div>
</div>
</div>
<div class="second-project">
<div id="top-project">
<h4 class="derm">Dunzo Clone</h4>
<video width="100%" height="200" autoplay loop>
<source src="./Videos/Dunzo.mp4" type="video/mp4">
</video>
<p style="font-size: small; padding-bottom: 10px; text-align: center; padding-left: 5px; padding-right: 5px;">Webpage to buy groceries and foods like nearby shops and stores. The functional landing page has search options and location options. Google authentication was added for sign-in. Add items to add to the cart by clicking images on a landing page. Pick up and drop location functionality added.</p>
<div id="project-icon1">
<div><p>Tech Stack:</p></div>
<div>
<img src="./Images/projects/html.png" alt="">
<img src="./Images/projects/css.png" alt="">
<img src="./Images/projects/js.png" alt="">
<img src="./Images/projects/git.png" alt="">
<img src="./Images/projects/mongodb.png" alt="">
<img src="./Images/projects/api.png" alt="">
<img src="./Images/projects/heroku.png" alt="">
</div>
</div>
</div>
<div id="video-social">
<div onclick="githubDunzo()" id="git">
<!-- <img src="./Images/Github.png" alt=""> -->
<p>GitHub</p>
</div>
<div onclick="liveDunzo()" id="live">
<!-- <img src="./Images/live link.png" alt=""> -->
<p>Live Code</p>
</div>
</div>
</div>
<div class="third-project">
<div id="top-project">
<h4 class="derm">My Mart</h4>
<video width="100%" height="200" autoplay loop >
<source src="./Videos/mymart.mp4" type="video/mp4">
</video>
<p style="font-size: small; padding-bottom: 20px; text-align: center; padding-left: 5px; padding-right: 5px;">Webpage to buy e-commerce items like Groceries, Mobile Phones, Electronics, Fashion, Home and Appliances, Travel, and Beauty Products.</p>
<div id="project-icon2">
<div><p>Tech Stack:</p></div>
<div>
<img src="./Images/react.svg" alt="">
<img src="./Images/redux.svg" alt="">
<img src="./Images/express.svg" alt="">
<img src="./Images/nodejs.svg" alt="">
<img src="./Images/projects/git.png" alt="">
<img src="./Images/projects/mongodb.png" alt="">
<img src="./Images/projects/heroku.png" alt="">
</div>
</div>
</div>
<div id="video-social">
<div onclick="githubmart()" id="git">
<!-- <img src="./Images/Github.png" alt=""> -->
<p >GitHub</p>
</div>
<div onclick="livemart()" id="live">
<!-- <img src="./Images/live link.png" alt="" > -->
<p style="font-size: small;">Live Code</p>
</div>
</div>
<div id="solo">SOLO PROJECT</div>
</div>
<div class="fourth-project">
<div id="top-project">
<h4 class="derm">Fun Mall</h4>
<video width="100%" height="200" autoplay loop >
<source src="./Videos/funmall.mp4" type="video/mp4">
</video>
<p style="font-size: small; padding-bottom: 20px; text-align: center; padding-left: 5px; padding-right: 5px;">A webpage is like a virtual mall. Buy Movie Tickets, Order food, and Buy E-Commerce Products in one place. Add money to your wallet to buy movie tickets or order food and buy e-commerce products.</p>
<div id="project-icon3">
<div><p>Tech Stack:</p></div>
<div>
<img src="./Images/projects/html.png" alt="">
<img src="./Images/projects/css.png" alt="">
<img src="./Images/projects/js.png" alt="">
<img src="./Images/projects/git.png" alt="">
<img src="./Images/projects/mongodb.png" alt="">
<img src="./Images/projects/api.png" alt="">
<img src="./Images/projects/heroku.png" alt="">
</div>
</div>
</div>
<div id="video-social">
<div onclick="githubfunmall()" id="git">
<!-- <img src="./Images/Github.png" alt=""> -->
<p >GitHub</p>
</div>
<div onclick="livefunmall()" id="live">
<!-- <img src="./Images/live link.png" alt="" > -->
<p style="font-size: small;">Live Code</p>
</div>
</div>
<div id="solo">SOLO PROJECT</div>
</div>
<div class="fifth-project">
<div id="top-project">
<h4 class="derm">Mi Globe Clone</h4>
<video width="100%" height="200" autoplay loop >
<source src="./Videos/mi.mp4" type="video/mp4">
</video>
<p style="font-size: small; padding-bottom: 20px; text-align: center; padding-left: 5px; padding-right: 5px;">Web application MI clone is for viewing the overall features of the products like Mobile phones, Life Accessories, Audio devices, etc. We were four members in a team to build this project in 5 days.</p>
<div id="project-icon4">
<div><p>Tech Stack:</p></div>
<div>
<img src="./Images/react.svg" alt="">
<img src="./Images/express.svg" alt="">
<img src="./Images/nodejs.svg" alt="">
<img src="./Images/projects/git.png" alt="">
<img src="./Images/projects/mongodb.png" alt="">
<img src="./Images/projects/heroku.png" alt="">
</div>
</div>
</div>
<div id="video-social">
<div onclick="githubmi()" id="git">
<!-- <img src="./Images/Github.png" alt=""> -->
<p >GitHub</p>
</div>
<div onclick="livemi()" id="live">
<!-- <img src="./Images/live link.png" alt="" > -->
<p style="font-size: small;">Live Code</p>
</div>
</div>
<!-- <div id="solo">SOLO PROJECT</div> -->
</div>
</div>
</div>
<div id="contact">
<h2>Get in touch</h2>
<h2>Mugilarasan</h2>
<div id="social-icons">
<div><svg onclick="contactLinkedIn()" fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"> <path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/></svg></div>
<div><svg onclick="contactTwitter()" fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/></svg></div>
<img onclick="github()" class="github" src="./Images/github.svg"/>
<div><img id="popup-gmail-below" src="./Images/contact/email.png" alt=""></div>
<div><svg id="popup-phone-below" fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 14 3.9902344 C 8.4886661 3.9902344 4 8.4789008 4 13.990234 L 4 35.990234 C 4 41.501568 8.4886661 45.990234 14 45.990234 L 36 45.990234 C 41.511334 45.990234 46 41.501568 46 35.990234 L 46 13.990234 C 46 8.4789008 41.511334 3.9902344 36 3.9902344 L 14 3.9902344 z M 18.005859 12.033203 C 18.633859 12.060203 19.210594 12.414031 19.558594 12.957031 C 19.954594 13.575031 20.569141 14.534156 21.369141 15.785156 C 22.099141 16.926156 22.150047 18.399844 21.498047 19.589844 L 20.033203 21.673828 C 19.637203 22.237828 19.558219 22.959703 19.824219 23.595703 C 20.238219 24.585703 21.040797 26.107203 22.466797 27.533203 C 23.892797 28.959203 25.414297 29.761781 26.404297 30.175781 C 27.040297 30.441781 27.762172 30.362797 28.326172 29.966797 L 30.410156 28.501953 C 31.600156 27.849953 33.073844 27.901859 34.214844 28.630859 C 35.465844 29.430859 36.424969 30.045406 37.042969 30.441406 C 37.585969 30.789406 37.939797 31.366141 37.966797 31.994141 C 38.120797 35.558141 35.359641 37.001953 34.556641 37.001953 C 34.000641 37.001953 27.316344 37.761656 19.777344 30.222656 C 12.238344 22.683656 12.998047 15.999359 12.998047 15.443359 C 12.998047 14.640359 14.441859 11.879203 18.005859 12.033203 z"/></svg></div>
</div>
<p id="show-social" style="text-align: center;"></p>
</div>
<div id="credits">
<p>2022©Designed and built by MUGILARASAN</p>
<!-- <a href=""><div></div></a> -->
</div>
</div>
<div id="popup-wrapper1" class="popup-container1">
<div class="popup-content1">
<span id="close1">×</span>
<p style="text-align: center; font-weight: 800;">Feel free to Connect with me.! <p style="color: #607d8b; text-align: center;">mugilarasan.malathi @gmail.com</p></p>
</div>
</div>
<div id="popup-wrapper2" class="popup-container2">
<div class="popup-content2">
<span id="close2">×</span>
<p style="text-align: center; font-weight: 800;">Checkout my Location Here.! <p style="color: #607d8b; text-align: center;">Dharmapuri, Tamilnadu</p></p>
</div>
</div>
<div id="popup-wrapper3" class="popup-container3">
<div class="popup-content3">
<span id="close3">×</span>
<p style="text-align: center; font-weight: 800;">Call me to.! <p style="color: #607d8b; text-align: center;">+91 6374488232</p></p>
</div>
</div>
</body>
</html>
<script src="./components/index.js">
</script>