-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathleadx.html
648 lines (641 loc) · 36.5 KB
/
leadx.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
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sahil Pinagle: Lead Management</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/carousel.css" />
<link rel="stylesheet" href="css/general.css" />
<link rel="stylesheet" href="css/portfolioItemQuery.css" />
<link rel="stylesheet" href="css/nav.css" />
<!-- Font montserrat -->
<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=Montserrat:wght@500&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<a class="logo-link" href="index.html"
><p class="temp-logo">Sahil Pingale</p></a
>
<button class="btn-mobile">
<ion-icon class="icon-mobile-nav" name="menu-outline"></ion-icon>
</button>
<nav class="main-nav">
<button class="btn-mobile-nav">
<!-- <ion-icon class="icon-mobile-nav" name="menu-outline"></ion-icon> -->
<ion-icon class="icon-mobile-nav" name="close-outline"></ion-icon>
</button>
<ul class="main-nav-list">
<ul>
<a href="index.html#section-about-me" class="main-nav-link"
>About Me</a
>
</ul>
<ul>
<a href="index.html" class="main-nav-link">Skills</a>
</ul>
<ul>
<a href="portfolio.html" class="main-nav-link">Portfolio</a>
</ul>
<ul>
<a href="index.html#section-cta" class="nav-cta main-nav-link"
>Contact Me</a
>
</ul>
</ul>
</nav>
</header>
<main>
<section class="portfolio-details-top">
<div class="mx-5 my-3 mb-4">
<h2 class="heading-secondary">Lead Management</h2>
</div>
<div class="container portfolio-details-grid">
<!-- Image Box -->
<div class="portfolio-item-img-box">
<div class="carousel">
<button class="carousel__button carousel__button--left">
<?xml version="1.0" encoding="iso-8859-1"?>
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 330 330"
style="enable-background: new 0 0 330 330"
xml:space="preserve"
>
<path
id="XMLID_92_"
d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001
l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996
C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"
/>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</svg>
</button>
<div class="carousel__track-container">
<ul class="carousel__track">
<li class="carousel__slide current-slide">
<img
class="carousel__image"
src="img/leadx/Leads.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Home.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Activities.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Activities-1.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Campaign Details.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Campaigns List.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Campaign No Data.png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/Lead Creator.png"
alt=""
/>
</li>
<!-- Mobile Images Below -->
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Home-1(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Home-2(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Lead Details(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Lead List(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Lead(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Campaign List(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Create Campaign(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Add(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/No Content(M).png"
alt=""
/>
</li>
<li class="carousel__slide">
<img
class="carousel__image"
src="img/leadx/mobile/Profile(M).png"
alt=""
/>
</li>
</ul>
</div>
<button class="carousel__button carousel__button--right">
<?xml version="1.0" encoding="iso-8859-1"?>
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 330 330"
style="enable-background: new 0 0 330 330"
xml:space="preserve"
>
<path
id="XMLID_222_"
d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001
c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213
C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606
C255,161.018,253.42,157.202,250.606,154.389z"
/>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</svg>
</button>
<div class="carousel__nav">
<button class="carousel__indicator current-slide"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
<button class="carousel__indicator"></button>
</div>
</div>
</div>
<!-- Text Box -->
<div class="portfolio-text-box">
<!-- Description -->
<div class="mb-3">
<h2 class="heading-tertiary">Descripion</h2>
<p class="portfolioDetails-description">
A startup that helps B2B companies move from cold sales
processes with limited results to warm sales processes with
amazing results.
</p>
</div>
<!-- <a
class="demo inline-block"
href="https://sahilpingale.github.io/omnifood/"
target="_blank"
>
Live Demo
</a>
<a
class="ml-3 demo inline-block"
href="https://github.com/Sahilpingale/omnifood"
target="_blank"
>
GitHub</a
> -->
<!-- Tech Stack -->
<div class="my-3">
<h2 class="heading-tertiary">Tech Stack</h2>
<div class="techStack-grid">
<!-- React -->
<div>
<p class="techStack-description">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml version="1.0" encoding="UTF-8"?>
<svg
width="20px"
height="20px"
viewBox="0 -14 256 256"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid"
>
<g>
<path
d="M210.483381,73.8236374 C207.827698,72.9095503 205.075867,72.0446761 202.24247,71.2267368 C202.708172,69.3261098 203.135596,67.4500894 203.515631,65.6059664 C209.753843,35.3248922 205.675082,10.9302478 191.747328,2.89849283 C178.392359,-4.80289661 156.551327,3.22703567 134.492936,22.4237776 C132.371761,24.2697233 130.244662,26.2241201 128.118477,28.2723861 C126.701777,26.917204 125.287358,25.6075897 123.876584,24.3549348 C100.758745,3.82852863 77.5866802,-4.82157937 63.6725966,3.23341515 C50.3303869,10.9571328 46.3792156,33.8904224 51.9945178,62.5880206 C52.5367729,65.3599011 53.1706189,68.1905639 53.8873982,71.068617 C50.6078941,71.9995641 47.4418534,72.9920277 44.4125156,74.0478303 C17.3093297,83.497195 0,98.3066828 0,113.667995 C0,129.533287 18.5815786,145.446423 46.8116526,155.095373 C49.0394553,155.856809 51.3511025,156.576778 53.7333796,157.260293 C52.9600965,160.37302 52.2875179,163.423318 51.7229345,166.398431 C46.3687351,194.597975 50.5500231,216.989464 63.8566899,224.664425 C77.6012619,232.590464 100.66852,224.443422 123.130185,204.809231 C124.905501,203.257196 126.687196,201.611293 128.472081,199.886102 C130.785552,202.113904 133.095375,204.222319 135.392897,206.199955 C157.14963,224.922338 178.637969,232.482469 191.932332,224.786092 C205.663234,216.837268 210.125675,192.78347 204.332202,163.5181 C203.88974,161.283006 203.374826,158.99961 202.796573,156.675661 C204.416503,156.196743 206.006814,155.702335 207.557482,155.188332 C236.905331,145.46465 256,129.745175 256,113.667995 C256,98.2510906 238.132466,83.3418093 210.483381,73.8236374 L210.483381,73.8236374 Z M204.118035,144.807565 C202.718197,145.270987 201.281904,145.718918 199.818271,146.153177 C196.578411,135.896354 192.205739,124.989735 186.854729,113.72131 C191.961041,102.721277 196.164656,91.9540963 199.313837,81.7638014 C201.93261,82.5215915 204.474374,83.3208483 206.923636,84.1643056 C230.613348,92.3195488 245.063763,104.377206 245.063763,113.667995 C245.063763,123.564379 229.457753,136.411268 204.118035,144.807565 L204.118035,144.807565 Z M193.603754,165.642007 C196.165567,178.582766 196.531475,190.282717 194.834536,199.429057 C193.309843,207.64764 190.243595,213.12715 186.452366,215.321689 C178.384612,219.991462 161.131788,213.921395 142.525146,197.909832 C140.392124,196.074366 138.243609,194.114502 136.088259,192.040261 C143.301619,184.151133 150.510878,174.979732 157.54698,164.793993 C169.922699,163.695814 181.614905,161.900447 192.218042,159.449363 C192.740247,161.555956 193.204126,163.621993 193.603754,165.642007 L193.603754,165.642007 Z M87.2761866,214.514686 C79.3938934,217.298414 73.1160375,217.378157 69.3211631,215.189998 C61.2461189,210.532528 57.8891498,192.554265 62.4682434,168.438039 C62.9927272,165.676183 63.6170041,162.839142 64.3365173,159.939216 C74.8234575,162.258154 86.4299951,163.926841 98.8353334,164.932519 C105.918826,174.899534 113.336329,184.06091 120.811247,192.08264 C119.178102,193.65928 117.551336,195.16028 115.933685,196.574699 C106.001303,205.256705 96.0479605,211.41654 87.2761866,214.514686 L87.2761866,214.514686 Z M50.3486141,144.746959 C37.8658105,140.48046 27.5570398,134.935332 20.4908634,128.884403 C14.1414664,123.446815 10.9357817,118.048415 10.9357817,113.667995 C10.9357817,104.34622 24.8334611,92.4562517 48.0123604,84.3748281 C50.8247961,83.3942121 53.7689223,82.4701001 56.8242337,81.6020363 C60.0276398,92.0224477 64.229889,102.917218 69.3011135,113.93411 C64.1642716,125.11459 59.9023288,136.182975 56.6674809,146.725506 C54.489347,146.099407 52.3791089,145.440499 50.3486141,144.746959 L50.3486141,144.746959 Z M62.7270678,60.4878073 C57.9160346,35.9004118 61.1112387,17.3525532 69.1516515,12.6982729 C77.7160924,7.74005624 96.6544653,14.8094222 116.614922,32.5329619 C117.890816,33.6657739 119.171723,34.8514442 120.456275,36.0781256 C113.018267,44.0647686 105.66866,53.1573386 98.6480514,63.0655695 C86.6081646,64.1815215 75.0831931,65.9741531 64.4868907,68.3746571 C63.8206914,65.6948233 63.2305903,63.0619242 62.7270678,60.4878073 L62.7270678,60.4878073 Z M173.153901,87.7550367 C170.620796,83.3796304 168.020249,79.1076627 165.369124,74.9523483 C173.537126,75.9849113 181.362914,77.3555864 188.712066,79.0329319 C186.505679,86.1041206 183.755673,93.4974728 180.518546,101.076741 C178.196419,96.6680702 175.740322,92.2229454 173.153901,87.7550367 L173.153901,87.7550367 Z M128.122121,43.8938899 C133.166461,49.3588189 138.218091,55.4603279 143.186789,62.0803968 C138.179814,61.8439007 133.110868,61.720868 128.000001,61.720868 C122.937434,61.720868 117.905854,61.8411667 112.929865,62.0735617 C117.903575,55.515009 122.99895,49.4217021 128.122121,43.8938899 L128.122121,43.8938899 Z M82.8018984,87.830679 C80.2715265,92.2183886 77.8609975,96.6393627 75.5753239,101.068539 C72.3906004,93.5156998 69.6661103,86.0886276 67.440586,78.9171899 C74.7446255,77.2826781 82.5335049,75.9461789 90.6495601,74.9332099 C87.9610684,79.1268011 85.3391054,83.4302106 82.8018984,87.8297677 L82.8018984,87.830679 L82.8018984,87.830679 Z M90.8833221,153.182899 C82.4979621,152.247395 74.5919739,150.979704 67.289757,149.390303 C69.5508242,142.09082 72.3354636,134.505173 75.5876271,126.789657 C77.8792246,131.215644 80.2993228,135.638441 82.8451877,140.03572 L82.8456433,140.03572 C85.4388987,144.515476 88.1255676,148.90364 90.8833221,153.182899 L90.8833221,153.182899 Z M128.424691,184.213105 C123.24137,178.620587 118.071264,172.434323 113.021912,165.780078 C117.923624,165.972373 122.921029,166.0708 128.000001,166.0708 C133.217953,166.0708 138.376211,165.953235 143.45336,165.727219 C138.468257,172.501308 133.434855,178.697141 128.424691,184.213105 L128.424691,184.213105 Z M180.622896,126.396409 C184.044571,134.195313 186.929004,141.741317 189.219234,148.9164 C181.796719,150.609693 173.782736,151.973534 165.339049,152.986959 C167.996555,148.775595 170.619884,144.430263 173.197646,139.960532 C175.805484,135.438399 178.28163,130.90943 180.622896,126.396409 L180.622896,126.396409 Z M163.724586,134.496971 C159.722835,141.435557 155.614455,148.059271 151.443648,154.311611 C143.847063,154.854776 135.998946,155.134562 128.000001,155.134562 C120.033408,155.134562 112.284171,154.887129 104.822013,154.402745 C100.48306,148.068386 96.285368,141.425078 92.3091341,134.556664 L92.3100455,134.556664 C88.3442923,127.706935 84.6943232,120.799333 81.3870228,113.930466 C84.6934118,107.045648 88.3338117,100.130301 92.276781,93.292874 L92.2758697,93.294241 C96.2293193,86.4385872 100.390102,79.8276317 104.688954,73.5329157 C112.302398,72.9573964 120.109505,72.6571055 127.999545,72.6571055 L128.000001,72.6571055 C135.925583,72.6571055 143.742714,72.9596746 151.353879,73.5402067 C155.587114,79.7888993 159.719645,86.3784378 163.688588,93.2350031 C167.702644,100.168578 171.389978,107.037901 174.724618,113.77508 C171.400003,120.627999 167.720871,127.566587 163.724586,134.496971 L163.724586,134.496971 Z M186.284677,12.3729198 C194.857321,17.3165548 198.191049,37.2542268 192.804953,63.3986692 C192.461372,65.0669011 192.074504,66.7661189 191.654369,68.4881206 C181.03346,66.0374921 169.500286,64.2138746 157.425315,63.0810626 C150.391035,53.0639249 143.101577,43.9572289 135.784778,36.073113 C137.751934,34.1806885 139.716356,32.3762092 141.672575,30.673346 C160.572216,14.2257007 178.236518,7.73185406 186.284677,12.3729198 L186.284677,12.3729198 Z M128.000001,90.8080696 C140.624975,90.8080696 150.859926,101.042565 150.859926,113.667995 C150.859926,126.292969 140.624975,136.527922 128.000001,136.527922 C115.375026,136.527922 105.140075,126.292969 105.140075,113.667995 C105.140075,101.042565 115.375026,90.8080696 128.000001,90.8080696 L128.000001,90.8080696 Z"
fill="#00D8FF"
></path>
</g>
</svg>
ReactJs
</p>
</div>
<!-- Redux -->
<div>
<p class="techStack-description">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20px"
height="20px"
viewBox="0 -6 256 256"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid"
>
<g>
<path
d="M177.380953,169.732752 C186.828305,168.755405 193.995262,160.610839 193.669491,150.83736 C193.34372,141.063881 185.199451,133.245097 175.426328,133.245097 L174.774787,133.245097 C164.675893,133.57088 156.857395,142.041229 157.183166,152.14049 C157.508937,157.02723 159.463561,161.262404 162.395498,164.194448 C151.319292,186.021884 134.379213,201.985233 108.969093,215.342321 C91.7032429,224.464235 73.7858511,227.722061 55.8684592,225.441583 C41.208775,223.486887 29.8067984,216.971234 22.6398417,206.220408 C12.2151773,190.257058 11.237865,172.990579 20.0336756,155.724099 C26.22332,143.344359 35.9964428,134.222445 42.1860873,129.661488 C40.8830043,125.426314 38.9283797,118.259096 37.9510674,113.046574 C-9.28569288,147.253751 -4.39913147,193.514885 9.934782,215.342321 C20.6852171,231.631453 42.5118581,241.730715 66.6188943,241.730715 C73.1343096,241.730715 79.6497248,241.079149 86.16514,239.450236 C127.863797,231.30567 159.463561,206.54619 177.380953,169.732752 Z M234.716607,129.335706 C209.958029,100.341051 173.471704,84.3777023 131.773046,84.3777023 L126.560714,84.3777023 C123.628777,78.5136149 117.439133,74.6042233 110.597947,74.6042233 L109.946406,74.6042233 C99.8475119,74.9300059 92.0290137,83.4003544 92.3547844,93.499616 C92.6805552,103.273095 100.824824,111.091878 110.597947,111.091878 L111.249489,111.091878 C118.416445,110.766096 124.60609,106.205139 127.212256,100.015269 L133.07613,100.015269 C157.834707,100.015269 181.290202,107.182487 202.465302,121.19114 C218.75384,131.941967 230.481587,145.95062 236.997002,162.891317 C242.535105,176.574188 242.209334,189.931276 236.345461,201.333668 C227.223879,218.600148 211.912654,228.047844 191.714866,228.047844 C178.684036,228.047844 166.304747,224.138452 159.789332,221.206409 C156.205854,224.464235 149.690438,229.676757 145.129648,232.934584 C159.13779,239.450236 173.471704,243.033845 187.154076,243.033845 C218.428069,243.033845 241.557793,225.767366 250.353603,208.500886 C259.800955,189.605493 259.149414,157.02723 234.716607,129.335706 Z M69.2250604,175.271057 C69.5508312,185.044536 77.6951002,192.86332 87.468223,192.86332 L88.1197645,192.86332 C98.2186581,192.537537 106.037156,184.067188 105.711386,173.967927 C105.385615,164.194448 97.2413458,156.375664 87.468223,156.375664 L86.8166815,156.375664 C86.16514,156.375664 85.1878277,156.375664 84.5362862,156.701447 C71.179685,134.548228 65.6415821,110.440313 67.5962066,84.3777023 C68.8992897,64.8307442 75.4147049,47.8900472 86.8166815,33.881394 C96.2640336,21.8274365 114.507196,15.9633491 126.886485,15.6375664 C161.418186,14.9860012 176.07787,57.9893089 177.055182,75.2557885 C181.290202,76.2331364 188.457159,78.5136149 193.34372,80.142528 C189.434471,27.3657413 156.857395,0 125.583402,0 C96.2640336,0 69.2250604,21.1758712 58.4746253,52.4510041 C43.4891703,94.1511813 53.2622932,134.222445 71.5054558,165.823361 C69.876602,168.103839 68.8992897,171.687448 69.2250604,175.271057 Z"
fill="#764ABC"
></path>
</g>
</svg>
Redux
</p>
</div>
<!-- Html -->
<div>
<p class="techStack-description">
<svg
width="20px"
height="20px"
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
>
<title>file_type_html</title>
<polygon
points="5.902 27.201 3.655 2 28.345 2 26.095 27.197 15.985 30 5.902 27.201"
style="fill: #e44f26"
/>
<polygon
points="16 27.858 24.17 25.593 26.092 4.061 16 4.061 16 27.858"
style="fill: #f1662a"
/>
<polygon
points="16 13.407 11.91 13.407 11.628 10.242 16 10.242 16 7.151 15.989 7.151 8.25 7.151 8.324 7.981 9.083 16.498 16 16.498 16 13.407"
style="fill: #ebebeb"
/>
<polygon
points="16 21.434 15.986 21.438 12.544 20.509 12.324 18.044 10.651 18.044 9.221 18.044 9.654 22.896 15.986 24.654 16 24.65 16 21.434"
style="fill: #ebebeb"
/>
<polygon
points="15.989 13.407 15.989 16.498 19.795 16.498 19.437 20.507 15.989 21.437 15.989 24.653 22.326 22.896 22.372 22.374 23.098 14.237 23.174 13.407 22.341 13.407 15.989 13.407"
style="fill: #fff"
/>
<polygon
points="15.989 7.151 15.989 9.071 15.989 10.235 15.989 10.242 23.445 10.242 23.445 10.242 23.455 10.242 23.517 9.548 23.658 7.981 23.732 7.151 15.989 7.151"
style="fill: #fff"
/>
</svg>
HTML
</p>
</div>
<!-- css -->
<div>
<p class="techStack-description">
<svg
width="20px"
height="20px"
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
>
<title>file_type_css</title>
<polygon
points="5.902 27.201 3.656 2 28.344 2 26.095 27.197 15.985 30 5.902 27.201"
style="fill: #1572b6"
/>
<polygon
points="16 27.858 24.17 25.593 26.092 4.061 16 4.061 16 27.858"
style="fill: #33a9dc"
/>
<polygon
points="16 13.191 20.09 13.191 20.372 10.026 16 10.026 16 6.935 16.011 6.935 23.75 6.935 23.676 7.764 22.917 16.282 16 16.282 16 13.191"
style="fill: #fff"
/>
<polygon
points="16.019 21.218 16.005 21.222 12.563 20.292 12.343 17.827 10.67 17.827 9.24 17.827 9.673 22.68 16.004 24.438 16.019 24.434 16.019 21.218"
style="fill: #ebebeb"
/>
<polygon
points="19.827 16.151 19.455 20.29 16.008 21.22 16.008 24.436 22.344 22.68 22.391 22.158 22.928 16.151 19.827 16.151"
style="fill: #fff"
/>
<polygon
points="16.011 6.935 16.011 8.855 16.011 10.018 16.011 10.026 8.555 10.026 8.555 10.026 8.545 10.026 8.483 9.331 8.342 7.764 8.268 6.935 16.011 6.935"
style="fill: #ebebeb"
/>
<polygon
points="16 13.191 16 15.111 16 16.274 16 16.282 12.611 16.282 12.611 16.282 12.601 16.282 12.539 15.587 12.399 14.02 12.325 13.191 16 13.191"
style="fill: #ebebeb"
/>
</svg>
CSS3
</p>
</div>
<!-- javascript -->
<div>
<p class="techStack-description">
<svg
width="20px"
height="20px"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<g fill="none" fill-rule="evenodd">
<rect width="24" height="24" fill="#F1DC50" />
<path
stroke="#333"
stroke-width="2"
d="M12,11 C12,15.749205 12,18.4158717 12,19 C12,19.8761925 11.4771235,21 10,21 C7.61461794,21 7.5,19 7.5,19 M20.7899648,13.51604 C20.1898831,12.5053467 19.3944074,12 18.4035378,12 C16.8563489,12 16,13 16,14 C16,15 16.5,16 18.5084196,16.5 C19.7864643,16.8181718 21,17.5 21,19 C21,20.5 19.6845401,21 18.5,21 C16.9861609,21 15.9861609,20.3333333 15.5,19"
/>
</g>
</svg>
JavaScript
</p>
</div>
<!-- Material Ui -->
<div>
<p class="techStack-description">
<img
src="./img/TechStackSmall/material-ui-svgrepo-com.svg"
/>
Material-UI
</p>
</div>
</div>
</div>
<!-- Tool used -->
<div class="my-3">
<h2 class="heading-tertiary">Tools used</h2>
<div class="col-gap-none techStack-grid">
<!-- vs code -->
<div>
<p class="techStack-description">
<svg
width="20px"
height="20px"
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
>
<title>file_type_vscode</title>
<path
d="M29.01,5.03,23.244,2.254a1.742,1.742,0,0,0-1.989.338L2.38,19.8A1.166,1.166,0,0,0,2.3,21.447c.025.027.05.053.077.077l1.541,1.4a1.165,1.165,0,0,0,1.489.066L28.142,5.75A1.158,1.158,0,0,1,30,6.672V6.605A1.748,1.748,0,0,0,29.01,5.03Z"
style="fill: #0065a9"
/>
<path
d="M29.01,26.97l-5.766,2.777a1.745,1.745,0,0,1-1.989-.338L2.38,12.2A1.166,1.166,0,0,1,2.3,10.553c.025-.027.05-.053.077-.077l1.541-1.4A1.165,1.165,0,0,1,5.41,9.01L28.142,26.25A1.158,1.158,0,0,0,30,25.328V25.4A1.749,1.749,0,0,1,29.01,26.97Z"
style="fill: #007acc"
/>
<path
d="M23.244,29.747a1.745,1.745,0,0,1-1.989-.338A1.025,1.025,0,0,0,23,28.684V3.316a1.024,1.024,0,0,0-1.749-.724,1.744,1.744,0,0,1,1.989-.339l5.765,2.772A1.748,1.748,0,0,1,30,6.6V25.4a1.748,1.748,0,0,1-.991,1.576Z"
style="fill: #1f9cf0"
/>
</svg>
VScode
</p>
</div>
<!-- Google analytics -->
<div>
<p class="techStack-description">
<img
src="./img/TechStackSmall/google-analytics-svgrepo-com.svg"
/>
Google Analytics
</p>
</div>
<!-- Figma -->
<div>
<p class="techStack-description">
<img src="./img/TechStackSmall/figma-svgrepo-com.svg" />
Figma
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="portfolio-details-bottom">
<div class="container">
<h2 class="heading-tertiary mb-0">My Role</h2>
<p class="portfolioDetails-description">
As a member of the full stack project team, I performed several
important roles. Firstly, I was responsible for refactoring class
components into a function components in react. This involved rewriting the
code to improve its readability, maintainability, and performance.
It was a challenging task, but it helped to optimize the codebase
and make it more efficient.
<br />
<br />
Secondly, I added Google Analytics to the project. This allowed us
to track user behavior and gain valuable insights into how the
application was being used. It was important to make data-driven
decisions, and Google Analytics provided us with the necessary data
to do so.
<br />
<br />
Thirdly, I worked on implementing new features into the project.
This included developing new functionality and improving existing
ones to enhance the user experience. It was a great opportunity to
exercise my creativity and problem-solving skills.
<br />
<br />
Fourthly, I wrote customs hooks in react to reuse logical functions across web and mobile. This
helped to improve the efficiency of development by reducing the
amount of code that needed to be written, maintained and tested. It was
satisfying to see how these hooks could be reused across different
parts of the project.
<br />
<br />
Fifthly, I worked on implementing new mobile features in React Native. This involved
designing and developing new features specifically for mobile
devices to ensure that the application was optimized for android and iOS
users.
<br />
<br />
Finally, I made sure that the project had a responsive layout. This
meant that the application was able to adapt to different screen
sizes and resolutions, allowing users to have a consistent
experience regardless of the device they were using.
</p>
</div>
</section>
</main>
<footer>
<div class="wave">
<div class="custom-shape-divider-bottom-1652512758">
<svg
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 120"
preserveAspectRatio="none"
>
<path
d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"
class="shape-fill"
></path>
</svg>
</div>
</div>
<div class="section-footer">
<div class="container flex">
<div class="footer-logo-box">
<p class="footer-temp-logo">Sahil Pingale</p>
</div>
<div class="footer-text-box">
<div class="footer-grid">
<div>
<h3 class="heading-tertiary">Resources</h3>
<div class="footer-link-box">
<a class="footer-link" href="https://github.com/Sahilpingale">
<ion-icon name="logo-github"></ion-icon> GitHub
</a>
<a class="footer-link" href="">
<ion-icon name="document-outline"></ion-icon> Resume
</a>
</div>
</div>
<div>
<h3 class="heading-tertiary">Find me on</h3>
<div class="footer-link-box">
<a
class="footer-link"
href="https://www.linkedin.com/in/sahil-pingale-b076b9106/"
>
<ion-icon name="logo-linkedin"></ion-icon> LinkedIn
</a>
<a class="footer-link" href="">
<ion-icon name="logo-instagram"></ion-icon> Instagram
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/carousel.js"></script>
<script src="js/index.js"></script>
<!-- Ion icons -->
<script
type="module"
src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule=""
src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.js"
></script>
</body>
</html>