/
index.html
1583 lines (1357 loc) · 162 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
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
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content="Email and Web Developer. I give small businesses Affordable Solutions that boosts their Online Appearance and Increases Their Revenue, FAST!">
<meta name="keywords" content="HTML, CSS, JavaScript, JS, Ruby, SASS, PHP, Bootstrap, Zayn Ejaz, Zayn, Ejaz, SQL, mySQL, react, tailwind, tailwindcss, zurb, email, web, developer, foundation, npm, git, wordpress, moodle, adobe, adobe cc, creative cloud, photoshop, illustrator, adobe xd, litmus, mailchimp, salesforce, crm, marketing, freelance, contact, email developer, experienced, html email, email marketing, ui, ux, ui/ux">
<meta name="author" content="Zayn Ejaz">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<title>Zayn Ejaz</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- ==========FAVICONS========== -->
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#22a2e1">
<meta name="msapplication-TileColor" content="#22a2e1">
<meta name="theme-color" content="#ffffff">
<!-- ========== STYLESHEETS========== -->
<!-- BOOTSTRAP -->
<link rel="stylesheet" rel="preload"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<!-- FONTAWESOME -->
<script defer src="https://kit.fontawesome.com/1c6a4ad04a.js"></script>
<!-- FONT MFIZZ -->
<link rel="stylesheet" rel="preload" href="fonts/font-mfizz-2.4.1/font-mfizz.css">
<!-- GOOGLE FONTS -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" ref="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap">
<link rel="preconnect" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&display=swap" as="style" >
<link rel="preconnect" href="https://fonts.googleapis.com/css?family=Abel&display=swap" as="style" >
<!-- CUSTOM STYLESHEET-->
<link rel="stylesheet" href="assets/css/style.min.css">
<!-- GOOGLE ANALYTICS - Global site tag (gtag.js) -->
<script defer src="https://www.googletagmanager.com/gtag/js?id=UA-156484615-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-156484615-1');
</script>
</head>
<body>
<svg id="clip-paths" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g></g>
</svg>
<div id="pageContainer">
<header>
<div id="header-content">
<div id="header-logo">
<svg version="1.1" id="logo" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1280 1024"
style="enable-background:new 0 0 1280 1024;" xml:space="preserve">
<style type="text/css">
.zeLogo {
fill: var(--white);
}
</style>
<path class="zeLogo"
d="M636.4,534.1c69.4,49.4,138.9,98.8,208.3,148.2c0.9,0.6,1.7,1.7,3.2,1.1c0-0.8,0.1-1.6,0.1-2.4 c0-54.3,0-108.7,0.1-163c0-3-1.3-4.5-3.4-6c-20-14.2-39.9-28.4-59.8-42.6c-9-6.4-18.1-12.9-27.7-19.8c32.4-21.1,64.2-41.8,96.6-62.9 C713.3,286.5,573.5,186.7,433,86.4c0,6.9,0,13.2,0,19.6c0,48.5,0,97-0.1,145.5c0,3.2,0.8,5.1,3.5,7c8.5,5.8,16.8,12,25.2,18 C517,316,572.5,355.6,627.9,395.1c24.9,17.8,49.8,35.5,75.1,53.6c-1.8,1.2-3.2,2.3-4.8,3.3c-20.2,13.2-40.4,26.3-60.5,39.8 c-3.4,2.3-5.5,2-8.7-0.2c-57.6-41.1-115.2-82.1-172.9-123.1c-7.5-5.4-15.1-10.7-22.9-16.3c-0.2,1.3-0.3,1.7-0.3,2.2 c0,56.2,0,112.3-0.1,168.5c0,3.3,1.7,4.7,3.9,6.3c21.6,15.3,43.1,30.7,64.8,45.8c3.7,2.6,3.3,3.7-0.2,6 c-23.8,15.4-47.4,30.9-71.1,46.4c-4.3,2.8-8.7,5.5-12.9,8.6c-4.7,3.5-4.6,5.2,0,8.5c22.4,16.2,44.7,32.5,67.2,48.6 c120.1,85.6,240.2,171.2,360.3,256.8c0.8,0.6,1.5,1.9,2.9,1.1c0-0.2,0.1-0.3,0.1-0.5c0-54.3,0-108.7,0.1-163c0-2.8-1.3-4.1-3.3-5.5 c-13.1-9.1-26.2-18.3-39.2-27.5c-76.5-54.5-152.9-109-229.3-163.5c-5.3-3.8-10.6-7.7-16.3-11.8c23.7-15.6,46.9-30.7,69.9-45.9 C632.7,531.2,634.3,532.7,636.4,534.1z M626.4,356.5c-56.8-40.5-113.5-81-170.4-121.4c-2.9-2.1-4.1-4.1-4.1-7.7 c0.1-28.2,0.1-56.3,0.1-84.5c0-1.4,0-2.9,0-5.3c116.2,82.9,231.7,165.2,347.6,247.9c-14.1,9.3-27.7,18.2-41.3,27.1 c-8.1,5.3-16.3,10.4-24.2,15.9c-2.7,1.8-4.3,1.8-6.9-0.1C693.6,404.4,660,380.5,626.4,356.5z M708.2,481.9 c6.3-4.1,12.6-8.1,18.8-12.3c2.2-1.5,3.6-1.3,5.7,0.2c31.1,22.3,62.3,44.5,93.4,66.7c1.5,1.1,3,1.9,3,4.2c-0.1,30.8,0,61.6,0,93.4 c-56.7-40.4-112.7-80.3-169-120.5C676.3,502.8,692.3,492.4,708.2,481.9z M825.8,806.2c1.8,1.3,3.3,2.4,3.3,5.1 c-0.1,29.3-0.1,58.6-0.1,88c0,0.3-0.3,0.5-0.6,1.3c-121-86.3-241.9-172.6-363.5-259.3c10.5-6.8,20.4-13.3,30.2-19.7 c11.6-7.6,23.2-15.1,34.6-22.8c2.2-1.4,3.5-1.4,5.6,0.1C632,668,728.9,737.1,825.8,806.2z M535.7,558.5c-2.1,1.4-3.4,0.9-5.2-0.4 c-25.3-18.1-50.6-36.1-76-54.1c-1.6-1.1-2.5-2.3-2.5-4.5c0.1-31.9,0-63.9,0-96.8c51.6,36.8,102.5,73.1,153.9,109.7 C582.1,528,558.8,543.2,535.7,558.5z"
fill="white" fill-rule="evenodd" />
</svg>
<!-- <svg id="logo" width="80" height="67" viewBox="0 0 160 134" xmlns="http://www.w3.org/2000/svg"><path d="M24.44 78.157L0 53.53 53.417 0l26.39 26.612L106.38 0l53.482 53.614L136.25 77.31l-29.312-29.2-26.46 26.946-26.548-26.58-29.49 29.68zm5.335 5.375l50.033 50.415 51.108-51.286-23.775-23.684-26.712 26.72-26.372-26.404-24.28 24.24z" fill="white" fill-rule="evenodd"/></svg> -->
</div>
<h1>Zayn Ejaz</h1>
<p id="myOccupation">Web / Email Developer</p>
<div>
<!-- html -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>HTML</em>">
<a href="https://www.w3.org/html/" target="_blank" rel="noopener noreferrer" aria-label="HTML">
<i class="icon-html5-alt"></i>
</a>
</span>
<!-- CSS -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>CSS</em>">
<a href="https://developer.mozilla.org/en-US/docs/Archive/CSS3" target="_blank" rel="noopener noreferrer" aria-label="CSS"><i class="icon-css3-alt"></i></a></span>
<!-- JS -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>JavaScript</em>">
<a href="https://www.javascript.com/" target="_blank" rel="noopener noreferrer" aria-label="Javascript"><i class="icon-javascript-alt"></i></a></span>
<!-- PYTHON -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>Python</em>"><a href="https://www.python.org/" target="_blank" rel="noopener noreferrer"><i class="icon-python"></i></a></span> -->
<!-- PHP -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" itle="<em>PHP</em>">
<a href="https://www.php.net/" target="_blank" rel="noopener noreferrer" aria-label="PHP">
<i class="icon-php-alt"></i>
</a>
</span>
<!-- SQL -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>SQL</em>">
<a href="https://dev.mysql.com/" target="_blank" rel="noopener noreferrer" aria-label="SQL">
<i class="icon-mysql"></i>
</a>
</span>
<!-- Ruby -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>Ruby</em>">
<a href="https://www.ruby-lang.org/en/" target="_blank" rel="noopener noreferrer" aria-label="Ruby">
<i class="icon-ruby"></i>
</a>
</span>
<br>
<!-- jQuery -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>jQuery</em>"><a href="https://jquery.com/" target="_blank" rel="noopener noreferrer"><i class="icon-jquery"></i></a></span> -->
<!-- REACT -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"title="<em>React</em>">
<a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"aria-label="React">
<i class="icon-reactjs"></i>
</a>
</span>
<!-- Tailwind -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<em>TailwindCSS</em>">
<a href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer" aria-label="tailwind css">
<i class="icon-tailwindcss">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="tailwindcssIcon" class="mb-2" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=15
viewBox="0 0 52 31" preserveAspectRatio="xMinYMin meet">
<style type="text/css">
.tailwindcssIcon {
fill: var(--gray);
}
</style>
<path class="tailwindcssIcon" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" ></path>
</svg>
</i>
</a>
</span>
<!-- SASS -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>SASS</em>"><a href="https://sass-lang.com/" target="_blank"
rel="noopener noreferrer"><i class="icon-sass"></i></a></span> -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>SASS</em>"><a href="https://sass-lang.com/" target="_blank" rel="noopener noreferrer"
aria-label="SASS/SCSS">
<i class="fab fa-sass">
<!-- <?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="sassIcon" class="mb-2" xmlns="http://www.w3.org/2000/svg"
height=18 viewBox="0 0 512 384">
<style type="text/css">
.sassIcon {
fill: var(--gray);
}
</style>
<path fill="#CF649A" class="sassIcon"
d="M440.6 220.6c-17.9.101-33.4 4.4-46.4 10.801-4.8-9.5-9.6-17.801-10.399-24-.9-7.2-2-11.601-.9-20.2C384 178.6 389 166.4 389 165.4c-.101-.9-1.101-5.3-11.4-5.4s-19.2 2-20.2 4.7-3 8.9-4.3 15.3c-1.8 9.4-20.6 42.7-31.3 60.2-3.5-6.8-6.5-12.8-7.101-17.601-.899-7.199-2-11.6-.899-20.199 1.1-8.601 6.1-20.8 6.1-21.8-.1-.9-1.1-5.3-11.399-5.4-10.301-.1-19.2 2-20.2 4.7s-2.1 9.1-4.3 15.3C281.9 201.4 256.9 257 250.4 271.5c-3.3 7.4-6.199 13.3-8.3 17.3-2.1 4-.1.3-.3.7-1.8 3.4-2.8 5.3-2.8 5.3v.101c-1.4 2.5-2.9 4.899-3.601 4.899-.5 0-1.5-6.7.2-15.899 3.7-19.301 12.7-49.4 12.601-50.5 0-.5 1.699-5.801-5.801-8.5-7.3-2.7-9.899 1.8-10.5 1.8-.6 0-1.1 1.6-1.1 1.6s8.1-33.899-15.5-33.899c-14.8 0-35.2 16.1-45.3 30.8-6.4 3.5-20 10.899-34.4 18.8-5.5 3-11.2 6.2-16.6 9.1L117.9 251.9c-28.6-30.5-81.5-52.1-79.3-93.1.8-14.9 6-54.2 101.601-101.8 78.3-39 141-28.3 151.899-4.5 15.5 34-33.5 97.2-114.899 106.3-31 3.5-47.301-8.5-51.4-13-4.3-4.7-4.9-4.9-6.5-4-2.6 1.4-1 5.6 0 8.1 2.4 6.3 12.4 17.5 29.4 23.1 14.899 4.9 51.3 7.6 95.3-9.4 49.3-19.1 87.8-72.1 76.5-116.4-11.5-45.1-86.3-59.9-157-34.8C121.4 27.4 75.8 50.8 43 81.5 4 117.9-2.2 149.7.4 162.9c9.101 47.1 74 77.8 100 100.5-1.3.699-2.5 1.399-3.6 2-13 6.399-62.5 32.3-74.9 59.699-14 31 2.2 53.301 13 56.301 33.4 9.3 67.6-7.4 86.1-34.9 18.399-27.5 16.2-63.2 7.7-79.5l-.301-.6 10.2-6c6.601-3.9 13.101-7.5 18.8-10.601-3.199 8.7-5.5 19-6.699 34-1.4 17.601 5.8 40.4 15.3 49.4 4.2 3.899 9.2 4 12.3 4 11 0 16-9.101 21.5-20 6.8-13.3 12.8-28.7 12.8-28.7s-7.5 41.7 13 41.7c7.5 0 15-9.7 18.4-14.7v.1s.2-.3.6-1a36.13 36.13 0 0 0 1.2-1.899v-.2c3-5.2 9.7-17.1 19.7-36.8 12.899-25.4 25.3-57.2 25.3-57.2s1.2 7.8 4.9 20.6c2.199 7.601 6.999 15.9 10.699 24-3 4.2-4.8 6.601-4.8 6.601l.1.1c-2.399 3.2-5.1 6.601-7.899 10-10.2 12.2-22.4 26.101-24 30.101-1.9 4.699-1.5 8.199 2.2 11 2.7 2 7.5 2.399 12.6 2 9.2-.601 15.6-2.9 18.8-4.301 5-1.8 10.7-4.5 16.2-8.5 10-7.399 16.1-17.899 15.5-31.899-.3-7.7-2.8-15.3-5.9-22.5.9-1.3 1.801-2.601 2.7-4 15.8-23.101 28-48.5 28-48.5s1.2 7.8 4.9 20.6c1.899 6.5 5.7 13.601 9.1 20.601-14.8 12.1-24.1 26.1-27.3 35.3-5.9 17-1.3 24.7 7.4 26.5 3.899.8 9.5-1 13.699-2.8 5.2-1.7 11.5-4.601 17.301-8.9 10-7.4 19.6-17.7 19.1-31.6-.3-6.4-2-12.7-4.3-18.7 12.6-5.2 28.899-8.2 49.6-5.7 44.5 5.2 53.3 33 51.601 44.6-1.7 11.601-11 18-14.101 20-3.1 1.9-4.1 2.601-3.8 4 .4 2.101 1.8 2 4.5 1.601 3.7-.601 23.4-9.5 24.2-30.899 1.2-27.504-24.9-57.504-71.2-57.205zM97.4 336.3c-14.7 16.1-35.4 22.2-44.2 17-9.5-5.5-5.801-29.2 12.3-46.3 11-10.4 25.3-20 34.7-25.9 2.1-1.3 5.3-3.199 9.1-5.5.6-.399 1-.6 1-.6.7-.4 1.5-.9 2.3-1.4 6.7 24.4.3 45.8-15.2 62.7zm107.5-73.1c-5.1 12.5-15.9 44.6-22.4 42.8-5.601-1.5-9-25.8-1.101-49.8 4-12.101 12.5-26.5 17.5-32.101 8.101-9 16.9-12 19.101-8.3 2.6 4.801-9.9 39.601-13.1 47.401zm88.7 42.4c-2.2 1.101-4.2 1.9-5.1 1.301-.7-.4.899-1.9.899-1.9s11.1-11.9 15.5-17.4c2.5-3.199 5.5-6.899 8.7-11.1v1.2C313.6 292.1 299.8 301.7 293.6 305.6zm68.399-15.6c-1.6-1.2-1.399-4.9 4-16.5 2.101-4.6 6.9-12.3 15.2-19.6 1 3 1.601 5.899 1.5 8.6-.099 18-12.899 24.7-20.7 27.5z" />
</svg> -->
</i></a>
</span>
<!-- Bootstrap -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Bootstrap</em>"><a href="https://getbootstrap.com/" target="_blank"
rel="noopener noreferrer"><i class="icon-bootstrap"></i></a></span> -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Bootstrap</em>"><a href="https://getbootstrap.com/" target="_blank"
rel="noopener noreferrer" aria-label="bootstrap">
<i class="iconBootstrap">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="bootstrapIcon" class="mb-2" viewBox="0 0 512 407.864" height=18
xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
.bootstrapIcon {
fill: var(--gray);
}
</style>
<path class="bootstrapIcon" fill-rule="evenodd"
d="m106.344 0c-29.214 0-50.831 25.57-49.863 53.3.929 26.641-.278 61.145-8.964 89.283-8.717 28.217-23.449 46.098-47.517 48.393v25.912c24.068 2.3 38.8 20.172 47.516 48.393 8.687 28.138 9.893 62.642 8.964 89.283-.968 27.726 20.649 53.3 49.868 53.3h299.347c29.214 0 50.827-25.57 49.859-53.3-.929-26.641.278-61.145 8.964-89.283 8.717-28.221 23.413-46.1 47.482-48.393v-25.912c-24.068-2.3-38.764-20.172-47.482-48.393-8.687-28.134-9.893-62.642-8.964-89.283.968-27.726-20.645-53.3-49.859-53.3h-299.355zm240.775 251.067c0 38.183-28.481 61.34-75.746 61.34h-80.458a8.678 8.678 0 0 1 -8.678-8.678v-199.593a8.678 8.678 0 0 1 8.678-8.678h80c39.411 0 65.276 21.348 65.276 54.124 0 23.005-17.4 43.6-39.567 47.208v1.2c30.176 3.31 50.495 24.21 50.495 53.077zm-84.519-128.1h-45.876v64.8h38.639c29.87 0 46.34-12.028 46.34-33.527-.003-20.148-14.163-31.273-39.103-31.273zm-45.876 90.511v71.411h47.564c31.1 0 47.573-12.479 47.573-35.931s-16.935-35.484-49.573-35.484h-45.564z" />
</svg>
</i></a>
</span>
<!-- ZURB FOUNDATION -->
<span class="skill p-1" style="padding-left:0 !important; padding-right:0 !important;" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Zurb Foundation</em>"><a href="https://get.foundation/emails.html" target="_blank"
rel="noopener noreferrer" aria-label="zurb foundation for email">
<i class="icon-zurb" >
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="zurbIcon" class="mb-2" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=30
viewBox="0 0 300 300" preserveAspectRatio="xMinYMin meet">
<style type="text/css">
.zurbIcon {
fill: var(--gray);
}
</style>
<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path class="zurbIcon"
d="M830 1993 c-14 -9 -28 -22 -32 -27 -7 -10 -12 -203 -5 -208 1 -1 252 -5 557 -8 l555 -5 -455 -128 c-250 -71 -473 -137 -496 -147 -101 -43 -158 -127 -158 -230 0 -101 50 -177 154 -231 l45 -24 574 -3 c613 -3 624 -2 642 45 5 13 9 67 9 119 l0 94 -566 2 -565 3 477 135 c524 148 556 161 611 243 83 124 31 286 -114 358 l-48 24 -580 3 c-535 2 -582 1 -605 -15z" />
</g>
</svg>
</i></a>
</span>
<!-- NPM -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>NPM</em>"><a href="https://www.npmjs.com" target="_blank"
rel="noopener noreferrer"><i class="icon-npm"></i></a></span> -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>NPM</em>"><a href="https://www.npmjs.com" target="_blank" rel="noopener noreferrer"
aria-label="NPM">
<i class="fab fa-npm">
<?xml version="1.0" encoding="utf-8"?>
<!-- <svg version="1.1" id="npmIcon" class="mb-2" viewBox="0 0 256 100" height=12
xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
<style type="text/css">
.npmIcon1 {
fill: var(--gray);
}
.npmIcon2 {
fill: var(--dark);
}
</style>
<path class="npmIcon1" d="M0 0v85.498h71.166V99.83H128V85.498h128V0H0z" />
<path class="npmIcon2"
d="M42.502 14.332h-28.17v56.834h28.17V28.664h14.332v42.502h14.332V14.332H42.502zM85.498 14.332v71.166h28.664V71.166h28.17V14.332H85.498zM128 56.834h-13.838v-28.17H128v28.17zM184.834 14.332h-28.17v56.834h28.17V28.664h14.332v42.502h14.332V28.664h14.332v42.502h14.332V14.332h-57.328z" />
</svg> -->
</i></a>
</span>
<!-- GIT -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Git</em>"><a href="https://git-scm.com/" target="_blank" rel="noopener noreferrer"><i
class="icon-git"></i></a></span> -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Git</em>"><a href="https://git-scm.com/" target="_blank" rel="noopener noreferrer"
aria-label="git">
<i class="fab fa-git-alt">
<!-- <?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="gitIcon" class="mb-2" viewBox="0 0 256 256" height=20
xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
<style type="text/css">
.gitIcon {
fill: var(--gray);
}
</style>
<path fill="#DE4C36" class="gitIcon"
d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21 29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693 5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657 7.663 7.66 7.663 20.075 0 27.74-7.665 7.666-20.08 7.666-27.749 0-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462-.003 69.637a19.82 19.82 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747-7.665 7.662-20.086 7.662-27.74 0-7.663-7.671-7.663-20.086 0-27.746a19.654 19.654 0 0 1 6.421-4.281V94.196a19.378 19.378 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442l-76.64 76.635c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324" />
</svg> -->
</i></a>
</span>
<br>
<!-- Wordpress -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Wordpress</em>"><a href="https://wordpress.org/" target="_blank"
rel="noopener noreferrer" aria-label="wordpress"><i class="fab fa-wordpress"></i></a></span>
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Wordpress</em>"><a href="https://wordpress.org/" target="_blank"
rel="noopener noreferrer">
<i class="iconWordpress">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="npmIcon" class="mb-2" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" height=20 viewBox="0 0 122.522 122.523">
<style type="text/css">
.wordpressIcon1 {
fill: var(--gray);
}
.wordpressIcon2 {
fill: var(--gray);
}
</style>
<defs>
<path id="wpa" d="M0 0h122.522v122.523H0z" />
</defs>
<clipPath id="wpb">
<use xlink:href="#wpa" overflow="visible" />
</clipPath>
<g clip-path="url(#wpb)">
<path class="wordpressIcon2"
d="M313.19 48.227h-21.257v2.255c6.649 0 7.718 1.425 7.718 9.856V75.54c0 8.431-1.067 9.976-7.718 9.976-5.104-.713-8.55-3.444-13.3-8.67l-5.462-5.937c7.361-1.308 11.28-5.938 11.28-11.164 0-6.53-5.58-11.518-16.031-11.518h-20.9v2.255c6.649 0 7.718 1.425 7.718 9.856V75.54c0 8.431-1.068 9.976-7.718 9.976v2.256h23.631v-2.256c-6.648 0-7.718-1.545-7.718-9.976v-4.273h2.019l13.182 16.505h34.557c16.981 0 24.345-9.024 24.345-19.832-.002-10.807-7.364-19.713-24.346-19.713zm-49.756 19.355V51.79h4.868c5.343 0 7.719 3.681 7.719 7.956 0 4.157-2.376 7.837-7.719 7.837l-4.868-.001zm50.113 16.508h-.832c-4.274 0-4.868-1.067-4.868-6.53V51.79h5.7c12.35 0 14.604 9.024 14.604 16.031.001 7.243-2.255 16.269-14.604 16.269zM181.378 71.978l8.193-24.228c2.376-7.006 1.308-9.023-6.293-9.023v-2.376h22.325v2.376c-7.48 0-9.262 1.78-12.23 10.449L179.834 89.79h-1.543l-12.114-37.17-12.349 37.17h-1.545l-13.181-40.613c-2.85-8.669-4.75-10.449-11.638-10.449v-2.376h26.363v2.376c-7.008 0-8.908 1.662-6.413 9.023l7.956 24.228 11.993-35.627h2.258l11.757 35.626zM221.752 89.314c-13.062 0-23.75-9.618-23.75-21.376 0-11.638 10.688-21.257 23.75-21.257s23.75 9.619 23.75 21.257c0 11.758-10.687 21.376-23.75 21.376zm0-38.949c-10.924 0-14.726 9.854-14.726 17.574 0 7.839 3.802 17.576 14.726 17.576 11.045 0 14.845-9.737 14.845-17.576 0-7.72-3.8-17.574-14.845-17.574z" />
<path class="wordpressIcon1"
d="M366.864 85.396v2.375H339.67v-2.375c7.957 0 9.382-2.019 9.382-13.896V52.502c0-11.877-1.425-13.775-9.382-13.775V36.35h24.581c12.23 0 19.002 6.294 19.002 14.727 0 8.194-6.771 14.606-19.002 14.606h-6.77V71.5c.001 11.878 1.425 13.896 9.383 13.896zm-2.613-44.771h-6.77v20.664h6.77c6.65 0 9.737-4.631 9.737-10.212.001-5.7-3.086-10.452-9.737-10.452zM464.833 76.609l-.595 2.137c-1.067 3.919-2.376 5.344-10.807 5.344h-1.663c-6.174 0-7.243-1.425-7.243-9.855v-5.462c9.263 0 9.976.83 9.976 7.006h2.257V58.083h-2.257c0 6.175-.713 7.006-9.976 7.006V51.79h6.53c8.433 0 9.738 1.425 10.807 5.344l.596 2.256h1.898l-.83-11.162h-34.914v2.255c6.649 0 7.719 1.425 7.719 9.856V75.54c0 7.713-.907 9.656-6.15 9.934-4.983-.762-8.404-3.479-13.085-8.628l-5.463-5.937c7.363-1.308 11.282-5.938 11.282-11.164 0-6.53-5.581-11.518-16.031-11.518h-20.9v2.255c6.649 0 7.719 1.425 7.719 9.856V75.54c0 8.431-1.068 9.976-7.719 9.976v2.256h23.632v-2.256c-6.648 0-7.719-1.545-7.719-9.976v-4.273h2.02l13.181 16.505h48.806l.713-11.161-1.784-.002zm-62.937-9.027V51.79h4.868c5.344 0 7.72 3.681 7.72 7.956 0 4.157-2.376 7.837-7.72 7.837l-4.868-.001zM488.939 89.314c-4.75 0-8.907-2.493-10.688-4.038-.595.595-1.662 2.376-1.899 4.038h-2.257V72.927h2.375c.951 7.838 6.412 12.469 13.419 12.469 3.8 0 6.888-2.138 6.888-5.699 0-3.087-2.73-5.463-7.6-7.719l-6.77-3.206c-4.751-2.258-8.312-6.178-8.312-11.401 0-5.7 5.344-10.568 12.707-10.568 3.919 0 7.243 1.426 9.263 3.088.593-.476 1.188-1.782 1.544-3.208h2.256v14.014h-2.494c-.832-5.582-3.919-10.213-10.212-10.213-3.325 0-6.413 1.899-6.413 4.87 0 3.087 2.493 4.749 8.194 7.361l6.53 3.206c5.701 2.731 7.956 7.127 7.956 10.689 0 7.48-6.531 12.704-14.487 12.704zM525.514 89.314c-4.751 0-8.908-2.493-10.688-4.038-.594.595-1.662 2.376-1.898 4.038h-2.257V72.927h2.375c.95 7.838 6.411 12.469 13.419 12.469 3.8 0 6.888-2.138 6.888-5.699 0-3.087-2.731-5.463-7.601-7.719l-6.77-3.206c-4.75-2.258-8.312-6.178-8.312-11.401 0-5.7 5.344-10.568 12.707-10.568 3.919 0 7.242 1.426 9.263 3.088.593-.476 1.187-1.782 1.542-3.208h2.257v14.014h-2.493c-.832-5.582-3.919-10.213-10.212-10.213-3.325 0-6.414 1.899-6.414 4.87 0 3.087 2.494 4.749 8.195 7.361l6.53 3.206c5.7 2.731 7.955 7.127 7.955 10.689 0 7.48-6.531 12.704-14.486 12.704z" />
<g class="wordpressIcon2">
<path
d="M8.708 61.26c0 20.803 12.089 38.779 29.619 47.299L13.258 39.872a52.354 52.354 0 0 0-4.55 21.388zM96.74 58.608c0-6.495-2.333-10.993-4.334-14.494-2.664-4.329-5.16-7.995-5.16-12.324 0-4.831 3.663-9.328 8.824-9.328.233 0 .454.029.682.042-9.351-8.566-21.808-13.796-35.49-13.796-18.36 0-34.513 9.42-43.91 23.688 1.233.037 2.396.062 3.382.062 5.497 0 14.006-.667 14.006-.667 2.833-.167 3.167 3.994.338 4.329 0 0-2.848.335-6.016.501L48.2 93.546l11.502-34.493-8.189-22.433c-2.83-.166-5.511-.501-5.511-.501-2.832-.166-2.5-4.496.332-4.329 0 0 8.679.667 13.843.667 5.496 0 14.006-.667 14.006-.667 2.835-.167 3.168 3.994.337 4.329 0 0-2.853.335-6.015.501l18.992 56.494 5.241-17.517c2.273-7.269 4.002-12.49 4.002-16.989z" />
<path
d="M62.184 65.857l-15.768 45.818a52.516 52.516 0 0 0 14.846 2.142c6.12 0 11.989-1.059 17.452-2.979a4.451 4.451 0 0 1-.374-.724L62.184 65.857zM107.376 36.046c.226 1.674.354 3.472.354 5.404 0 5.333-.996 11.328-3.996 18.824l-16.053 46.413c15.624-9.111 26.133-26.038 26.133-45.427a52.268 52.268 0 0 0-6.438-25.214z" />
<path
d="M61.262 0C27.483 0 0 27.481 0 61.26c0 33.783 27.482 61.264 61.262 61.264 33.778 0 61.265-27.48 61.265-61.264C122.526 27.481 95.04 0 61.262 0zm0 119.715c-32.23 0-58.453-26.223-58.453-58.455 0-32.229 26.222-58.45 58.453-58.45 32.229 0 58.45 26.221 58.45 58.45 0 32.232-26.222 58.455-58.45 58.455z" />
</g>
</g>
</svg>
</i></a>
</span> -->
<!-- Moodle -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Moodle</em>"><a href="https://moodle.org/" target="_blank" rel="noopener noreferrer"
aria-label="moodle">
<i class="icon-moodle">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="moodleIcon" class="mb-2" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=20px
viewBox="0 0 230.7 183" style="enable-background:new 0 0 230.7 183;"
xml:space="preserve">
<style>
.moodleSVG {
fill: var(--gray);
}
</style>
<g>
<path class="moodleSVG"
d="M130.8,55.9c4.4,4.5,8.1,4.5,12.9-0.2c3.9-3.8,9.7-4.9,15.2-5.9c13.2-2.4,26.3-1.8,39,2.4c18.2,6,28.7,19.7,29,38.8c0.3,24.3,0.1,48.6,0.2,73c0,3.1-1,4-4,4c-9-0.2-18-0.2-27,0c-3.5,0.1-4.5-1-4.5-4.5c0.2-21.2,0.1-42.3,0.1-63.5c0-2.5,0-5-0.3-7.5c-1.7-13-10.7-19.2-23.5-16.1c-5.6,1.4-9.3,5-11.1,10.4c-1.3,4-1.5,8.2-1.5,12.3c0,21.3-0.1,42.7,0.1,64c0,3.6-0.7,5-4.6,4.8c-8.7-0.3-17.3-0.3-26,0c-3.9,0.1-5.1-0.9-5-4.9c0.2-21.8,0.1-43.6,0.1-65.5c0-7.7-1.5-15-8.4-19.8C119.1,71.7,125.7,64.4,130.8,55.9z" />
<path class="moodleSVG"
d="M129.8,54.9c-5.1,8.6-11.7,15.8-19.6,21.9c-8.2,5.1-17.2,8.4-26.7,10.4c-12.1,0.8-24.1,0.1-35.7-3.9c-0.4-6.3-1.6-12.6-1.1-18.9c0.2-2-0.6-2.6-2.5-2.6c-10.3-0.2-20.7-0.4-31-0.7c-2.3-0.1-3.4,0.8-3.4,3.1c-0.1,11-1.3,21.9,1.3,32.8c2.9,12.3,2.7,24.8,2.5,37.4c-4.5-5-9.4-20.9-7.4-30c2.7-12.6,1.1-25.2,2.2-37.7c0.3-3.4,1.2-7.4-4.7-5.2c-0.2-2.7,1.7-2.8,2.9-3.4c38.2-23.3,79.9-36.1,124.2-41c5-0.5,9.9-1.2,14.9-1.7c1.4-0.1,3.4-1,4.1,0.6c0.8,1.8-1.4,2.3-2.5,3.1c-9.1,6.7-18.2,13.5-27.5,20c-3.4,2.3-4.4,3.7-0.3,6.4C123.4,47.9,127,51,129.8,54.9z" />
<path class="moodleSVG"
d="M48.8,84.3c11.6,4,23.5,4.7,35.7,3.9c-0.9,3.9-1,7.9-1,11.9c0,21-0.1,42,0.1,63c0,4.1-1.2,5-5.1,4.9c-9-0.3-18-0.1-27-0.1 c-2.3,0-3.7-0.3-3.7-3.2c0.1-25,0.1-50,0.2-74.9C48.1,88,48.6,86.1,48.8,84.3z" />
</g>
</svg>
</i></a>
</span>
<!-- Klaviyo -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Klaviyo</em>"><a href="https://klaviyo.com/" target="_blank" rel="noopener noreferrer"
aria-label="Klaviyo">
<i class="icon-klaviyo">
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 0 49 49">
<style>
.klaviyoSVG{fill:var(--gray);}
</style>
<path class="klaviyoSVG" d="M1.2825,14.8186,22.5482.7309a2.9688,2.9688,0,0,1,2.9853,0L46.7992,14.8186a1.6962,1.6962,0,0,1,0,3.0523l-2.8511,1.8784a23.58,23.58,0,0,0-39.8481,0L1.2489,17.8709A1.7063,1.7063,0,0,1,1.2825,14.8186Zm22.7416-.1677A17.8048,17.8048,0,0,0,8.9972,22.9693l4.8971,3.2536a11.7892,11.7892,0,0,1,20.1924,0l4.8972-3.2536A17.56,17.56,0,0,0,24.0241,14.6509Zm0,11.7733a6.0222,6.0222,0,0,0-5.1991,3.0523l3.2872,2.1467a2.9793,2.9793,0,0,0,1.9119.7044,2.9124,2.9124,0,0,0,1.9119-.7044l3.2871-2.1467A5.9672,5.9672,0,0,0,24.0241,26.4242Z"></path>
</svg>
</i></a>
</span>
<!-- Bubble -->
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Bubble</em>"><a href="https://bubble.io/" target="_blank" rel="noopener noreferrer">
<i class="icon-bubble">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="bubbleIcon" class="mb-2" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=19
viewBox="0 0 282.4 304.2" style="enable-background:new 0 0 282.4 304.2;"
xml:space="preserve">
<style type="text/css">
.bubbleIcon {
fill: var(--gray);
}
</style>
<g>
<path class="bubbleIcon"
d="M100.6,116.3c9.8-10.5,19.8-18.3,31.5-23.9c39-18.8,87.3-6.5,115,25.1c19.6,22.4,28.5,48.8,26.7,78.2c-3.3,54.2-44.9,90.9-88.5,97.9c-54,8.8-106.6-25.7-119.6-78.9c-2.2-8.8-3.1-17.7-3.1-26.7c0-57.8,0-115.6-0.1-173.4c0-4.2,0.7-5.7,5.3-5.5c9.1,0.4,18.3,0.3,27.5,0c4.2-0.1,5.6,0.6,5.6,5.3c-0.3,31.6-0.1,63.3-0.1,94.9C100.6,111.2,100.6,113,100.6,116.3z M168.3,254.3c35.4,0,64.9-29.2,64.9-64.2c0-36.5-28.8-65.9-64.7-65.9c-36,0-64.9,28.8-65.2,65C103.1,224.9,132.4,254.4,168.3,254.3z" />
<path class="bubbleIcon"
d="M61,268.9c0,14.5-12,26.4-26.4,26.3C20.4,295,8,283,8.4,269.1c0.5-15.9,11.6-25.9,26.3-26.6C47.1,242,61.5,254,61,268.9z" />
</g>
</svg>
</i></a>
</span> -->
<!-- Adobe CC -->
<span class="skill ptbl-1 p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Adobe CC</em>"><a href="https://www.adobe.com/creativecloud.html" target="_blank"
rel="noopener noreferrer" aria-label="adobe creative cloud">
<i class="icon-adobe">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" height=24 viewBox="0 0 123.16 136.326">
<style type="text/css">
.adobeSVG {
fill: var(--gray);
}
</style>
<g fill-rule="evenodd" clip-rule="evenodd">
<path class="adobeSVG"
d="M0 0h37.392L0 91.066V0zm62.865 0h37.859v89.896L62.865 0zM50.557 34.821L71.201 89.43H58.425l-8.803-17.293H35.6l14.957-37.316z" />
</g>
</svg>
</i></a>
</span>
<!-- <span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Adobe CC</em>"><a href="https://www.adobe.com/creativecloud.html" target="_blank"
rel="noopener noreferrer">
<i class="icon-adobe">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="adobeIcon" class="mb-1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=16px
viewBox="0 0 511.8 468.2" style="enable-background:new 0 0 511.8 468.2;"
xml:space="preserve">
<style type="text/css">
.adobeSVG {
fill: var(--gray);
}
</style>
<g>
<path class="adobeSVG"
d="M0,169c1.3-1.7,3.1-3.1,4-5c13.2-28.2,26.4-56.4,39.5-84.6c7.6-16.3,15.2-32.6,22.8-48.9c4.1-8.9,8.4-17.8,12.3-26.8C80,0.5,82.2,0.4,85,0.4c25,0,50-0.1,75-0.1c15.2,0,30.3,0,45.5,0c1.8,0,3.6,0,6.8,0C141.2,156.5,70.6,311.8,0,467C0,367.7,0,268.4,0,169z" />
<path class="adobeSVG"
d="M510.9,465.2C440.7,310.7,370.5,156.1,299.9,0.6c2.5-0.2,4.2-0.4,5.9-0.4C372.5,0.1,439.2,0.1,505.8,0c3.8,0,6,0.3,6,5.2c-0.1,152.8-0.1,305.6-0.1,458.4c0,0.5-0.1,1-0.1,1.5C511.4,465.1,511.1,465.2,510.9,465.2z" />
<path class="adobeSVG"
d="M383.2,467.8c-2.5,0.1-4.1,0.3-5.7,0.3c-27.7,0-55.3-0.2-83,0.1c-4.8,0-6.9-1.6-8.5-6.1c-9-24.7-18.5-49.2-27.4-73.9c-1.6-4.4-3.8-5.7-8.3-5.6c-27.7,0.2-55.3,0.1-83,0.1c-1.8,0-3.5,0-6.3,0c31.8-70.6,63.1-140.3,95.1-211.2C298.6,270.8,340.7,368.9,383.2,467.8z" />
</g>
</svg>
</i></a>
</span> -->
<!-- Litmus -->
<span class="skill ptrb-0" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Litmus</em>"><a href="https://www.litmus.com/" target="_blank"
rel="noopener noreferrer" aria-label="litmus">
<i class="icon-litmus">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg height=20 viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMidYMid">
<style type="text/css">
.litmusSVG {
fill: var(--gray);
}
</style>
<path class="litmusSVG"
d="M0 127.94c0 12.487 1.799 24.552 5.133 35.961l70.62-23.131a53.012 53.012 0 0 1 .465-25.778L5.095 92.109A127.964 127.964 0 0 0 0 127.94" />
<path class="litmusSVG"
d="M93.597 87.948L48.946 27.277C30.192 42.024 15.664 61.898 7.466 84.785l71.289 22.937a53.225 53.225 0 0 1 14.842-19.774" />
<path class="litmusSVG"
d="M124.211 75.836V0C98.583.745 74.848 9.027 55.136 22.7l44.725 60.772a52.746 52.746 0 0 1 24.35-7.636" />
<path class="litmusSVG"
d="M78.044 148.12L7.512 171.222c8.316 23.145 23.104 43.203 42.191 57.981l43.531-59.892a53.18 53.18 0 0 1-15.19-21.191" />
<path class="litmusSVG"
d="M55.934 233.725c19.554 13.346 42.993 21.419 68.277 22.155v-74.152a52.752 52.752 0 0 1-24.752-7.888l-43.525 59.885" />
<path class="litmusSVG"
d="M200.148 22.212C180.609 8.854 157.182.763 131.909.005v75.926a52.764 52.764 0 0 1 23.527 7.798l44.712-61.517" />
<path class="litmusSVG"
d="M131.909 181.633v74.242c25.471-.764 49.068-8.976 68.699-22.522l-44.245-60.119a52.75 52.75 0 0 1-24.454 8.399" />
<path class="litmusSVG"
d="M162.495 168.577l44.317 60.217c19.033-14.892 33.734-35.058 41.928-58.294l-71.649-23.052a53.147 53.147 0 0 1-14.596 21.129" />
<path class="litmusSVG"
d="M256 127.94c0-12.642-1.84-24.852-5.254-36.386l-72.044 23.597a52.997 52.997 0 0 1 .579 24.914l71.796 23.1A128.022 128.022 0 0 0 256 127.94" />
<path class="litmusSVG"
d="M176.188 107.874l72.154-23.634c-8.332-22.937-23.032-42.818-41.967-57.501l-44.718 61.526a53.203 53.203 0 0 1 14.531 19.609" />
</svg>
</i></a>
</span>
<!-- SalesForce -->
<span class="skill p-1" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Salesforce</em>"><a href="https://www.salesforce.com/" target="_blank"
rel="noopener noreferrer" aria-label="salesforce">
<i class="fab fa-salesforce">
<!-- <?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height=18 viewBox="0.5 0.5 999 699.242">
<style type="text/css">
.salesforceSVG {
fill: var(--gray);
}
.salesforceSVG2 {
fill: var(--dark);
}
</style>
<path class="salesforceSVG"
d="M416.224 76.763c32.219-33.57 77.074-54.391 126.682-54.391 65.946 0 123.48 36.772 154.12 91.361 26.626-11.896 56.098-18.514 87.106-18.514 118.94 0 215.368 97.268 215.368 217.247 0 119.993-96.428 217.261-215.368 217.261a213.735 213.735 0 0 1-42.422-4.227c-26.981 48.128-78.397 80.646-137.412 80.646-24.705 0-48.072-5.706-68.877-15.853-27.352 64.337-91.077 109.448-165.348 109.448-77.344 0-143.261-48.939-168.563-117.574-11.057 2.348-22.513 3.572-34.268 3.572C75.155 585.74.5 510.317.5 417.262c0-62.359 33.542-116.807 83.378-145.937-10.26-23.608-15.967-49.665-15.967-77.06C67.911 87.25 154.79.5 261.948.5c62.914 0 118.827 29.913 154.276 76.263" />
<path class="salesforceSVG2"
d="M145.196 363.11c-.626 1.637.228 1.979.427 2.263 1.878 1.366 3.786 2.349 5.707 3.444 10.189 5.407 19.81 6.986 29.871 6.986 20.492 0 33.214-10.9 33.214-28.447v-.341c0-16.224-14.358-22.115-27.835-26.37l-1.75-.569c-10.161-3.302-18.927-6.147-18.927-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934 8.823 0 19.297 2.932 26.042 6.66 0 0 1.978 1.281 2.704-.64.398-1.025 3.814-10.218 4.17-11.214.384-1.082-.299-1.879-.996-2.306-7.699-4.682-18.344-7.884-29.358-7.884l-2.049.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.358 5.635 18.358 12.58v.342c0 6.347-5.521 11.071-14.43 11.071-3.458 0-14.487-.071-26.398-7.6-1.438-.84-2.277-1.451-3.387-2.12-.583-.37-2.049-1.011-2.689.925l-4.045 11.215zM445.194 363.11c-.626 1.637.228 1.979.427 2.263 1.878 1.366 3.786 2.349 5.706 3.444 10.189 5.407 19.811 6.986 29.871 6.986 20.492 0 33.215-10.9 33.215-28.447v-.341c0-16.224-14.359-22.115-27.836-26.37l-1.75-.569c-10.161-3.302-18.928-6.147-18.928-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934 8.823 0 19.297 2.932 26.043 6.66 0 0 1.978 1.281 2.703-.64.398-1.025 3.814-10.218 4.17-11.214.385-1.082-.299-1.879-.996-2.306-7.699-4.682-18.344-7.884-29.358-7.884l-2.05.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.373 5.635 18.373 12.58v.342c0 6.347-5.536 11.071-14.445 11.071-3.457 0-14.486-.071-26.397-7.6-1.438-.84-2.291-1.423-3.372-2.12-.371-.242-2.107-.911-2.705.925l-4.042 11.215zM649.995 328.74c0 9.919-1.85 17.731-5.493 23.253-3.601 5.465-9.051 8.126-16.649 8.126-7.613 0-13.035-2.647-16.579-8.126-3.587-5.507-5.407-13.334-5.407-23.253 0-9.904 1.82-17.703 5.407-23.168 3.544-5.407 8.966-8.04 16.579-8.04 7.599 0 13.049 2.633 16.664 8.04 3.629 5.464 5.478 13.263 5.478 23.168m17.106-18.386c-1.68-5.679-4.298-10.688-7.784-14.857-3.487-4.184-7.898-7.542-13.136-9.99-5.223-2.433-11.398-3.671-18.328-3.671-6.945 0-13.121 1.238-18.344 3.671-5.237 2.448-9.648 5.807-13.149 9.99-3.472 4.184-6.091 9.193-7.784 14.857-1.665 5.649-2.505 11.825-2.505 18.386s.84 12.751 2.505 18.386c1.693 5.664 4.298 10.674 7.799 14.857 3.486 4.184 7.912 7.528 13.135 9.904 5.236 2.377 11.398 3.586 18.344 3.586 6.93 0 13.092-1.209 18.328-3.586 5.223-2.376 9.648-5.721 13.136-9.904 3.486-4.17 6.104-9.179 7.784-14.857 1.68-5.649 2.519-11.84 2.519-18.386s-.841-12.737-2.52-18.386M807.568 357.47c-.569-1.665-2.177-1.039-2.177-1.039-2.49.954-5.138 1.836-7.955 2.277-2.861.44-6.006.669-9.379.669-8.281 0-14.856-2.462-19.566-7.329-4.725-4.867-7.372-12.736-7.344-23.381.029-9.691 2.362-16.978 6.561-22.527 4.17-5.521 10.517-8.354 18.984-8.354 7.059 0 12.438.811 18.072 2.59 0 0 1.352.583 1.992-1.181 1.494-4.156 2.604-7.13 4.198-11.698.456-1.295-.654-1.85-1.053-2.007-2.22-.868-7.457-2.276-11.413-2.874-3.7-.569-8.026-.868-12.836-.868-7.188 0-13.591 1.224-19.069 3.672-5.465 2.433-10.104 5.791-13.775 9.976-3.672 4.184-6.461 9.192-8.325 14.856-1.85 5.649-2.789 11.854-2.789 18.415 0 14.188 3.828 25.657 11.385 34.054 7.57 8.425 18.941 12.708 33.77 12.708 8.766 0 17.76-1.778 24.221-4.326 0 0 1.238-.598.697-2.034l-4.199-11.599zM837.497 319.238c.811-5.507 2.334-10.09 4.682-13.661 3.544-5.422 8.951-8.396 16.551-8.396s12.623 2.988 16.223 8.396c2.391 3.571 3.43 8.354 3.843 13.661h-41.299zm57.592-12.111c-1.451-5.479-5.052-11.015-7.414-13.548-3.729-4.013-7.371-6.816-10.986-8.382-4.725-2.021-10.389-3.358-16.593-3.358-7.229 0-13.79 1.21-19.112 3.714-5.336 2.505-9.818 5.921-13.334 10.176-3.516 4.24-6.162 9.292-7.842 15.027-1.693 5.707-2.547 11.926-2.547 18.485 0 6.675.883 12.894 2.633 18.486 1.765 5.636 4.582 10.602 8.396 14.714 3.799 4.142 8.695 7.387 14.558 9.648 5.821 2.249 12.894 3.416 21.019 3.401 16.722-.057 25.53-3.785 29.159-5.792.641-.355 1.253-.981.483-2.774l-3.785-10.603c-.568-1.579-2.177-.996-2.177-.996-4.142 1.537-10.032 4.298-23.766 4.27-8.979-.014-15.64-2.661-19.81-6.803-4.283-4.24-6.375-10.474-6.745-19.268l57.905.057s1.522-.028 1.68-1.509c.057-.624 1.993-11.895-1.722-24.945M373.762 319.238c.825-5.507 2.334-10.09 4.682-13.661 3.543-5.422 8.951-8.396 16.55-8.396s12.623 2.988 16.237 8.396c2.376 3.571 3.415 8.354 3.828 13.661h-41.297zm57.577-12.111c-1.451-5.479-5.037-11.015-7.399-13.548-3.729-4.013-7.372-6.816-10.986-8.382-4.725-2.021-10.388-3.358-16.593-3.358-7.215 0-13.79 1.21-19.112 3.714-5.336 2.505-9.819 5.921-13.334 10.176-3.515 4.24-6.162 9.292-7.841 15.027-1.679 5.707-2.547 11.926-2.547 18.485 0 6.675.882 12.894 2.633 18.486 1.765 5.636 4.583 10.602 8.396 14.714 3.8 4.142 8.695 7.387 14.558 9.648 5.821 2.249 12.893 3.416 21.019 3.401 16.721-.057 25.53-3.785 29.159-5.792.641-.355 1.252-.981.484-2.774l-3.771-10.603c-.584-1.579-2.191-.996-2.191-.996-4.141 1.537-10.019 4.298-23.78 4.27-8.965-.014-15.625-2.661-19.795-6.803-4.284-4.24-6.375-10.474-6.746-19.268l57.905.057s1.522-.028 1.679-1.509c.055-.624 1.99-11.895-1.738-24.945M248.601 357.153c-2.263-1.808-2.576-2.263-3.344-3.43-1.139-1.779-1.722-4.312-1.722-7.528 0-5.095 1.679-8.752 5.166-11.214-.042.015 4.981-4.34 16.792-4.184 8.296.114 15.71 1.338 15.71 1.338v26.327h.014s-7.357 1.579-15.639 2.077c-11.783.712-17.02-3.4-16.977-3.386m23.039-40.686c-2.348-.171-5.394-.271-9.037-.271-4.966 0-9.762.626-14.259 1.836-4.525 1.209-8.595 3.103-12.096 5.606a27.927 27.927 0 0 0-8.396 9.549c-2.049 3.814-3.088 8.311-3.088 13.349 0 5.123.882 9.577 2.647 13.221 1.765 3.657 4.312 6.702 7.556 9.051 3.216 2.348 7.187 4.069 11.797 5.108 4.54 1.039 9.691 1.565 15.327 1.565 5.934 0 11.854-.483 17.589-1.466 5.678-.968 12.651-2.377 14.586-2.817a146.25 146.25 0 0 0 4.056-1.039c1.438-.355 1.324-1.893 1.324-1.893l-.029-52.952c0-11.613-3.102-20.223-9.207-25.559-6.077-5.322-15.028-8.013-26.597-8.013-4.341 0-11.328.599-15.512 1.438 0 0-12.651 2.448-17.86 6.518 0 0-1.138.712-.512 2.306l4.099 11.015c.512 1.423 1.893.939 1.893.939s.441-.171.954-.47c11.143-6.062 25.231-5.877 25.231-5.877 6.262 0 11.072 1.252 14.316 3.742 3.159 2.419 4.767 6.076 4.767 13.789v2.448c-4.981-.711-9.549-1.123-9.549-1.123M738.669 286.631c.44-1.31-.484-1.936-.869-2.078-.981-.384-5.905-1.423-9.705-1.665-7.271-.441-11.312.783-14.928 2.405-3.586 1.622-7.57 4.24-9.791 7.215v-7.044c0-.982-.697-1.765-1.665-1.765h-14.843c-.967 0-1.664.782-1.664 1.765v86.366c0 .968.797 1.765 1.764 1.765h15.213a1.76 1.76 0 0 0 1.75-1.765v-43.147c0-5.792.641-11.569 1.922-15.198 1.252-3.587 2.96-6.461 5.066-8.525 2.12-2.049 4.525-3.486 7.158-4.297 2.689-.826 5.663-1.096 7.77-1.096 3.031 0 6.361.782 6.361.782 1.109.128 1.736-.555 2.105-1.565.997-2.647 3.815-10.574 4.356-12.153" />
<path class="salesforceSVG2"
d="M595.874 246.603c-1.85-.569-3.529-.954-5.721-1.366-2.221-.398-4.867-.598-7.869-.598-10.475 0-18.729 2.96-24.52 8.794-5.764 5.807-9.678 14.644-11.642 26.271l-.712 3.913h-13.148s-1.594-.057-1.936 1.68l-2.148 12.053c-.157 1.139.342 1.864 1.878 1.864h12.794l-12.979 72.463c-1.011 5.835-2.178 10.631-3.473 14.273-1.267 3.587-2.504 6.276-4.041 8.24-1.48 1.879-2.875 3.273-5.295 4.084-1.992.669-4.297.982-6.816.982-1.395 0-3.258-.229-4.639-.513-1.366-.271-2.092-.569-3.131-1.011 0 0-1.494-.568-2.092.926-.47 1.238-3.885 10.615-4.298 11.769-.398 1.152.171 2.049.896 2.319 1.708.598 2.974.996 5.294 1.551 3.217.755 5.934.797 8.481.797 5.322 0 10.189-.754 14.217-2.205 4.042-1.466 7.57-4.014 10.701-7.457 3.373-3.729 5.493-7.628 7.515-12.964 2.006-5.266 3.729-11.812 5.094-19.439l13.05-73.815h19.069s1.607.057 1.936-1.693l2.162-12.039c.143-1.152-.341-1.864-1.893-1.864h-18.514c.1-.412.939-6.931 3.06-13.063.911-2.604 2.618-4.725 4.056-6.177 1.424-1.423 3.06-2.433 4.854-3.017 1.835-.598 3.928-.882 6.219-.882 1.736 0 3.457.199 4.752.469 1.793.385 2.49.584 2.961.727 1.893.569 2.148.014 2.519-.896l4.426-12.153c.455-1.312-.669-1.867-1.067-2.023M337.194 371.834c0 .968-.697 1.751-1.665 1.751h-15.355c-.968 0-1.651-.783-1.651-1.751v-123.58c0-.967.683-1.75 1.651-1.75h15.355c.968 0 1.665.783 1.665 1.75v123.58z" />
</svg> -->
</i></a>
</span>
<!-- MailChimp -->
<span class="skill ptrb-0" data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>MailChimp</em>"><a href="https://www.salesforce.com/" target="_blank"
rel="noopener noreferrer" aria-label="mailchimp">
<i class="fab fa-mailchimp">
<!-- <?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height=20 viewBox="-78 -89.333 600 300">
<style type="text/css">
.MailChimpSVG {
fill: var(--gray);
}
.MailChimpSVG2 {
fill: var(--dark);
}
</style>
<path class="MailChimpSVG" d="M-78-89.333h600v300H-78v-300z" />
<path class="MailChimpSVG2"
d="M132.449 63.206v-.002.002zm274.43 24.881l.139.002c8.263 0 14.078-5.725 14.141-13.918.031-4.057-1.141-7.771-3.3-10.454-2.283-2.84-5.479-4.354-9.244-4.384h-.075c-5.081 0-9.799 3.855-14.424 11.787l-.368.633-.236-.69c-1.168-3.399-2.208-6.231-2.83-7.926-.436-1.182-.628-1.713-.674-1.885-.222-.858-.955-1.391-1.917-1.391-.591 0-1.219.201-1.813.579-.589.375-.918.833-1.036 1.445l-.03.092c-4.629 14.437-8.445 21.446-11.679 21.446-.47-.004-.838-.157-1.112-.463-.847-.936-.639-3.162-.351-6.244.211-2.264.452-4.827.352-7.547-.19-5.229-3.052-8.369-7.651-8.403-5.846-.002-9.634 6.224-11.379 9.935l-.521 1.106-.115-1.22c-.436-4.592-1.977-10.077-6.843-10.113-5.676 0-10 6.66-12.638 12.25l-.707 1.498.07-1.654c.313-7.455.57-11.857.765-13.078.192-1.225.091-2.047-.31-2.518-.38-.441-1.096-.604-2.146-.538-1.817.115-2.746 1.221-4.145 4.928-2.298 6.088-8.143 20.252-12.81 20.252-.926-.007-1.659-.322-2.196-.939-1.957-2.243-1.174-8.309-.091-16.702l.082-.635c.513-3.974-.361-4.822-2.52-5.219a3.717 3.717 0 0 0-.656-.064c-1.724 0-2.53 1.651-4.14 6.239-2.865 8.164-6.55 16.75-10.858 16.75-.158 0-.313-.012-.472-.037-2.283-.389-2.233-3.775-2.17-8.066.032-2.32.071-4.951-.286-7.326-.644-4.262-3.154-6.923-6.555-6.95-6.784 0-11.359 8.688-13.487 13.868l-.482 1.172-.161-1.258a116.746 116.746 0 0 1-.823-10.015l-.006-.125.077-.098c12.697-15.983 18.395-27.517 18.471-37.399.049-6.313-2.864-10.105-7.791-10.144-3.603 0-12.169 3.001-15.146 30.797a160.712 160.712 0 0 0-.9 15.708l-.002.104-.059.084c-5.809 8.408-18.207 22.871-30.345 22.871-10.967 0-19.717-8.873-19.717-24.535 0-20.996 14.861-33.887 26.045-33.887h.093c2.43.018 4.514.697 6.026 1.963 1.57 1.314 2.393 3.156 2.376 5.326-.022 2.899-.967 4.389-1.88 5.828-.233.371-.468.739-.682 1.129-.216.394-.413.965-.126 1.454.294.501 1.045.816 1.96.823 2.662 0 6.688-3.854 6.732-9.66.046-6.077-5.073-12.339-14.206-12.339-13.821 0-32.436 15.184-32.436 39.792 0 17.407 10.914 29.438 25.698 29.438 10.491 0 20.869-7.512 30.06-20.059l.563-.76.04.944c.195 4.593.528 8.211.771 10.854.157 1.699.271 2.926.267 3.603-.012 1.483.229 2.515.742 3.147.511.633 1.323.932 2.555.94 2.064 0 2.478-1.407 3.295-4.879l.235-.991c1.016-4.207 4.768-17.939 10.411-17.939.922.009 1.633.281 2.138.816 1.246 1.322 1.11 4.035.952 7.178-.1 1.961-.2 3.986-.004 5.959.531 5.326 2.831 7.931 7.03 7.961 4.312.002 8.812-4.643 11.187-8.959l.448-.813.175.914c.438 2.31 2.398 9.892 8.535 9.892 5.562 0 10.334-5.857 15.564-17.912l.685-1.574-.042 1.717c-.111 4.568-.358 10.146-.36 14.459-.002 3.336.335 4.609 1.877 4.609l.35.016c1.479 0 2.483-.883 2.984-2.629 3.936-13.717 7.337-20.105 10.707-20.105 3.3.025 3.609 6.059 3.874 16.721l.018.748c.08 3.729.215 5.379 2.531 5.396 1.758 0 2.195-1.381 3.104-4.781.174-.648.362-1.359.585-2.127 3.178-11.025 5.812-15.523 9.092-15.523 2.808.021 2.964 2.916 3.016 3.867.108 2.037-.102 4.17-.304 6.229-.189 1.914-.383 3.894-.31 5.733.172 4.312 2.532 6.705 6.648 6.736 5.342 0 10.164-6.248 14.387-18.566l.293-.858.335.845c.767 1.936 1.765 4.557 2.688 7.684l.035.119-.051.113c-4.09 9.08-6.975 19.194-7.016 24.598-.055 7.117 3.165 11.742 8.204 11.781h.087c2.741 0 9.13-1.101 9.254-11.285.051-4.174-.936-10.076-2.929-17.545l-.229-.855.735.49c2.553 1.689 5.422 2.592 8.308 2.616zM269.192 53.548c.114-2.552.329-5.037.634-7.387 1.978-15.142 6.104-25.716 10.039-25.716h.018c1.876.014 2.814 1.433 2.795 4.215-.054 6.837-4.386 16.625-12.874 29.092l-.664.976.052-1.18zm125.473 54.437c-.626.834-1.498 1.257-2.59 1.257-1.254-.011-2.196-.447-2.837-1.304-1.796-2.399-1.29-8.039 1.64-18.276.351-1.224.73-2.453 1.132-3.656l.34-1.021.299 1.033c3.413 11.817 4.091 19.207 2.016 21.967zm1.062-30.275l-.062-.113-.124-.393.058-.117c3.892-8.02 8.352-12.617 12.232-12.617h.04c4.382.033 7.412 3.977 7.37 9.586-.029 3.744-1.68 5.9-3.058 7.049-1.573 1.312-3.668 2.062-5.748 2.062-5.128-.039-8.648-2.99-10.708-5.457zm12.104-12.903v-.005.005zM147.492 86.761c6.008-.48 10.774-8.651 12.544-12.143l.456-.9.173.994c.85 4.91 3.521 13.16 11.876 13.226h.07c3.614 0 7.714-2.211 11.858-6.392l.304-.307.221.369c2.79 4.666 6.532 7.145 10.516 6.941 5.865-.305 9.425-4.461 9.738-7.348.08-.736-.114-1.429-.535-1.896-.527-.588-1.293-.656-1.855-.117l-.269.254c-1.365 1.311-3.909 3.754-6.681 3.898-3.394.166-5.904-1.863-7.526-6.051l-.067-.176.114-.148c9.333-12.207 15.882-30.833 15.235-43.326-.298-5.782-1.979-12.675-8.294-12.675l-.471.012c-2.419.125-4.619 1.278-6.538 3.425-5.859 6.555-8.925 22.689-7.812 41.104.23 3.826.895 7.402 1.974 10.625l.061.181-.123.146c-3.463 4.047-6.88 6.276-9.622 6.276-6.597 0-6.375-11.062-5.854-20.234.113-1.978.28-3.238-.305-3.954-.418-.513-1.118-.766-2.138-.774l-.119-.001c-2.348 0-2.839.483-4.04 3.967-2.499 7.238-7.432 19.385-12.394 19.385-1.375-.013-2.425-.482-3.144-1.398-2.407-3.072-.579-10.734.889-16.893.264-1.107.517-2.17.734-3.154.321-1.46.223-2.525-.293-3.17-.518-.643-1.551-.903-2.914-.795-2.125.17-3.484 1.06-4.141 5.101l-.132.84-.494-.598c-.928-1.37-2.737-3.002-6.096-3.002-.294 0-.599.012-.914.037-3.584.294-7.665 2.791-10.652 6.518-3.487 4.351-5.153 9.858-4.689 15.509.024.299.067.586.11.871l.024.157-.108.119c-2.086 2.272-4.212 3.426-6.318 3.426-3.251-.024-5.116-2.44-5.116-6.465 0-6.774 4.591-27.197 4.591-34.59 0-7.868-3.506-12.151-9.594-12.198h-.092c-8.89 0-15.818 10.087-22.448 30.841a339.13 339.13 0 0 0-1.834 5.994l-.931 3.121.275-3.244a403.759 403.759 0 0 0 1.257-20.907c.33-10.03-1.025-16.485-4.146-19.733-1.683-1.752-3.909-2.615-6.809-2.637h-.074c-10.878 0-16.089 18.346-19.884 31.291-1.145 3.908-3.402 12.723-4.909 18.749l.893-1.451c.669-7.588 2.608-26.595 2.481-36.907-.138-11.062-3.82-16.021-11.945-16.083h-.1c-4.34 0-7.351 2.157-9.112 3.966-2.828 2.904-4.59 7.148-4.492 10.813.06 2.228 1.427 4.211 2.463 4.211.675 0 1.049-.901 1.211-1.438 2.514-8.309 5.767-12.349 9.941-12.349 1.731.013 3.02.523 3.984 1.56 3.262 3.499 2.668 12.947 1.593 30.1-.348 5.528-.74 11.791-1.071 18.916a189.994 189.994 0 0 1-.206 3.525c-.317 4.947-.569 8.857 1.308 9.148 2.442.381 4.031-.611 4.845-3.027 1.206-3.586 3.911-13.387 9.145-31.296 5.022-17.186 8.816-23.439 13.67-23.439 5.608 0 6.026 9.629 4.998 29.949-.219 4.308-.512 9.187-.737 14.496-.031.746-.066 1.47-.102 2.166-.216 4.397-.386 7.864.87 9.194.392.414.924.619 1.629.623 2.431 0 3.162-2.131 4.373-5.664.214-.623.441-1.289.694-1.985 8.33-22.979 14.489-42.916 22.756-42.916 2.479 0 4.409 2.014 4.409 5.942 0 9.067-4.434 26.586-4.434 35.47 0 3.183.916 6.039 2.646 8.047 1.776 2.062 4.261 3.16 7.186 3.185h.064c2.766 0 5.647-1.344 8.567-3.994l.274-.248.22.297c1.923 2.584 5.025 3.973 8.375 3.715 5.138-.4 9.449-4.975 11.053-9.289l.314-.844.313.844c1.192 3.201 3.77 7.059 9.279 6.612zm47.344-60.042l.088-.002c.587 0 1.103.294 1.531.876 2.04 2.758 2.071 12.825-1.438 24.279-2.005 6.546-4.702 12.73-7.796 17.881l-.494.82-.126-.949c-.364-2.77-.544-5.654-.67-8.108-.895-17.313 4.342-34.56 8.905-34.797zm-57.008 40.463c-1.798 7.235-5.246 15.969-11.463 16.469l-.506.021c-2.579 0-4.025-1.688-4.298-5.02-.342-4.168 1.455-9.049 4.577-12.438 1.987-2.158 4.229-3.346 6.312-3.346h.042c2.629.02 4.472 2.131 5.319 4.1l.045.102-.028.112zm28.835-26.525c-2.295 0-4.148 1.808-4.166 4.031-.018 2.239 1.824 4.075 4.104 4.092l.033.333v-.333c2.262 0 4.114-1.807 4.132-4.029.018-2.24-1.823-4.076-4.103-4.094zm144.293 0c-2.295 0-4.147 1.808-4.166 4.031-.018 2.239 1.823 4.075 4.104 4.092l.032.333v-.333c2.264 0 4.116-1.807 4.134-4.029.016-2.24-1.824-4.076-4.104-4.094z" />
<path class="MailChimpSVG2"
d="M423.323 83.503a2.823 2.823 0 0 0-2.818 2.82 2.821 2.821 0 0 0 2.818 2.815 2.822 2.822 0 0 0 2.819-2.815 2.822 2.822 0 0 0-2.819-2.82zm0 5.228c-1.334 0-2.409-1.073-2.409-2.407s1.075-2.41 2.409-2.41c1.333 0 2.41 1.076 2.41 2.41s-1.077 2.407-2.41 2.407zm1.249-3.144c0-.582-.286-.9-1.022-.9h-1.25v3.248h.409v-1.422h.584l.97 1.422h.462l-.97-1.422c.44-.077.817-.327.817-.926zm-1.339.56h-.522v-1.099h.727c.349 0 .729.121.729.537-.003.541-.487.562-.934.562z" />
</svg> -->
</i></a>
</span>
</div>
<p id="myLocation" class="mt-4">Istanbul, Turkey</p>
<!-- <a class="py-0 px-3" id="#en" href="#en" aria-label="english"
onclick="window.location.href='#en'; location.reload()" data-toggle="tooltip"
data-placement="bottom" data-html="true" title="<em>English</em>">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="lang-EN" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=18 viewBox="0 0 305.4 180.6"
style="enable-background:new 0 0 305.4 180.6;" xml:space="preserve">
<style type="text/css">
.langEN {
fill: var(--gray);
}
</style>
<g>
<path class="langEN" d="M54.8,18.7v10.6H34.1v120.4h20.8v10.6H20.9V18.7H54.8z" />
<path class="langEN"
d="M141.4,114.6c-3.9,14.4-17,23.3-35.5,23.3c-23.4,0-38-16.9-38-43.5c0-26.5,14.8-43.7,38-43.7c22.7,0,36.6,16.2,36.6,42.3 v5.2H82v0.6c0.7,16.6,10,27.2,24.3,27.2c10.9,0,18.2-4,21.7-11.4H141.4z M82,87.3h46.4c-0.3-14.9-9.2-24.8-22.6-24.8 C92.3,62.5,83,72.4,82,87.3z" />
<path class="langEN"
d="M163.6,52.1h12.8v13.3h1.2c4.2-9.3,12.4-14.8,25.3-14.8c18.9,0,29.5,11.2,29.5,31.2v54.5H219V85.1 c0-15.2-6.4-22.3-19.8-22.3s-22.1,9-22.1,23.8v49.8h-13.4V52.1z" />
<path class="langEN" d="M250.5,160.4v-10.6h20.8V29.3h-20.8V18.7h33.9v141.6H250.5z" />
</g>
</svg>
</a>
<a class="py-0 px-3" id="#tr" href="#tr" aria-label="türkçe"
onclick="window.location.href='#tr'; location.reload()" data-toggle="tooltip"
data-placement="bottom" data-html="true" title="<em>Türkçe</em>">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="lang-TR" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height=18 viewBox="0 0 305.4 180.6"
style="enable-background:new 0 0 305.4 180.6;" xml:space="preserve">
<style type="text/css">
.langTR {
fill: var(--gray);
}
</style>
<g>
<path class="langTR" d="M54.8,18.7v10.6H34.1v120.4h20.8v10.6H20.9V18.7H54.8z" />
<path class="langTR"
d="M123.9,30.4v21.8h18.8v11.2h-18.8v47.7c0,9.9,3.8,14.1,12.5,14.1c2.4,0,3.8-0.1,6.2-0.3v11.3c-2.7,0.5-5.2,0.8-7.9,0.8 c-17.3,0-24.3-6.4-24.3-22.5V63.4H96.8V52.1h13.6V30.4H123.9z" />
<path class="langTR"
d="M162.9,52.1h12.8v12.5h1.2c2.5-8.2,12.2-14,23.4-14c2.2,0,5,0.2,6.7,0.4v13.4c-1.1-0.3-5.9-0.8-8.6-0.8 c-12.8,0-22.1,8.6-22.1,20.5v52.2h-13.4V52.1z" />
<path class="langTR" d="M248.5,160.4v-10.6h20.8V29.3h-20.8V18.7h33.9v141.6H248.5z" />
</g>
</svg>
</a> -->
<div class="container">
<div class="row">
<div class="col-12 text-center m-xauto">
<audio id="track" loop>
<source src="/music/track1.mp3" type="audio/mp3" />
</audio>
<div id="music-container" class="text-center mx-auto">
<div id="play-pause" class="buttons text-center mx-auto">
<a href="javascript:void(0)" aria-label="play / pause music">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="play"
id="playMusic" title="Play Music" data-toggle="tooltip"
data-placement="bottom" onclick="playpauseVisibility('pauseMusic');">
<style type="text/css">
.playIcon {
fill: var(--light);
}
</style>
<path class="playIcon"
d="M 9 5.15625 L 9 26.84375 L 10.53125 25.84375 L 25.84375 16 L 10.53125 6.15625 Z M 11 8.8125 L 22.15625 16 L 11 23.1875 Z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="pause"
id="pauseMusic" style="display: none;" title="Pause Music"
data-toggle="tooltip" data-placement="bottom"
onclick="playpauseVisibility('playMusic');">
<style type="text/css">
.pauseIcon {
fill: var(--light);
}
</style>
<path class="pauseIcon"
d="M 10 6 L 10 26 L 12 26 L 12 6 Z M 20 6 L 20 26 L 22 26 L 22 6 Z" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="content">
<section id="about-section">
<h2 id="aboutMe">About</h2>
<p id="aboutMeText">
A Web and Email Developer aimed at developing better experiences. While comfortable with Email &
CRM Marketing, I have experience with lifecycle campaigns, audience building, troubleshooting and
research contributing to acquisition and ultimately, scalable growth.
</p>
<!-- about me as individual links -->
<!-- <ul>
<li><a id="aboutMe1" href="#">I'm a front-end Web and Email Developer</a></li>
<li><a id="aboutMe2" href="#">who develops better experiences, and loves HTML Emails</a></li>
<li><a id="aboutMe3" href="#">with experience in Email marketing from concept to final reporting</a></li>
</ul> -->
<!-- <a href="#" id="moreAbout" class="more">More on about me<svg viewBox="0 0 10 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path class="arrow" d="M1.01362083,12.9421826 L1,15.6012598 L9.21426767,8.3533766 L1.07301897,1.34639246 L1.05985086,3.91708947 L6.21426767,8.3533766 L1.01362083,12.9421826 Z"></path></svg></a> -->
</section>
<section id="project-section" class="controls">
<h2 id="projectLab">Project Lab</h2>
<ul class="multiModal-contents">
<!-- portfolio site link -->
<li>
<a href="javascript:void(0)" id="open-client" class="projectLink projectDataLink removeFooter" onclick="modalClient(), activeHideFooter();">Client Experience</a>
</li>
<li>
<a href="javascript:void(0)" id="open-website" class="projectLink projectDataLink removeFooter" onclick="modalWebsite(), activeHideFooter();">Website Samples</a>
</li>
<li>
<a href="javascript:void(0)" id="open-email" class="projectLink projectDataLink removeFooter" onclick="modalEmail(), activeHideFooter();">HTML Emails</a>
</li>
<li>
<a href="javascript:void(0)" id="open-lp" class="projectLink projectDataLink removeFooter" onclick="modalLP(), activeHideFooter();">Landing Pages</a>
</li>
<!-- <li>
<a href="javascript:void(0)" id="open-camp" class="projectDataLink" onclick="modalCamp(), activeHideFooter();"">Email Campaigns</a>
</li> -->
<li>
<a href="javascript:void(0)" id="open-webapp" class="projectLink projectDataLink removeFooter" onclick="modalPwa(), activeHideFooter();">Progressive Web Apps</a>
</li>
<li>
<a href="javascript:void(0)" id="open-proto" class="projectLink projectDataLink removeFooter" onclick="modalProto(), activeHideFooter();">UX/UI Designs</a>
</li>
</ul>
<a href="https://github.com/zaynejaz" id="moreGH" class="more" target="_blank"
rel="noopener noreferer">More on GitHub<svg viewBox="0 0 10 16" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path class="arrow"
d="M1.01362083,12.9421826 L1,15.6012598 L9.21426767,8.3533766 L1.07301897,1.34639246 L1.05985086,3.91708947 L6.21426767,8.3533766 L1.01362083,12.9421826 Z">
</path>
</svg></a>
</section>
<section id="contact-section">
<h2 id="contactMe">Contact</h2>
<div class="container contact-container">
<div class="row contactLinks">
<div class="contact-item p-2 m-1 col-md-2 text-center ">
<a class="mx-auto" href="https://www.behance.net/zaynejaz" target="_blank"
rel="noopener noreferer" aria-label="behance">
<div class="contact-icons">
<i class="fab fa-behance-square"></i>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="15" viewBox="0 0 512 95" version="1.1" id="behanceLogo"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid">
<style type="text/css">
.behance0 {
fill: var(--white);
}
</style>
<g>
<path class="behance0"
d="M42.3830069,77.1622621 C44.4027586,77.1622621 46.3201103,76.9821793 48.124469,76.5796414 C49.9535448,76.1771034 51.5778207,75.5450483 52.9478621,74.6057931 C54.3179034,73.7053793 55.4513655,72.4695172 56.2776276,70.8946759 C57.1038897,69.3374897 57.4993655,67.3142069 57.4993655,64.8672 C57.4993655,60.0755862 56.1505103,56.671669 53.4704552,54.6060138 C50.7833379,52.5686069 47.1993379,51.5552 42.7926069,51.5552 L20.5329655,51.5552 L20.5329655,77.1622621 L42.3830069,77.1622621 L42.3830069,77.1622621 Z M41.2530759,37.5793655 C44.8794483,37.5793655 47.8808276,36.7177931 50.2607448,34.969931 C52.6159448,33.2538483 53.76,30.4113655 53.76,26.5131034 C53.76,24.3521103 53.3786483,22.5618759 52.6159448,21.1741793 C51.8285241,19.7864828 50.7833379,18.6989241 49.462731,17.9397517 C48.1527172,17.1488 46.6732138,16.6014897 44.9536,16.3084138 C43.2692966,15.9764966 41.5002483,15.8493793 39.6888276,15.8493793 L20.5329655,15.8493793 L20.5329655,37.5793655 L41.2530759,37.5793655 L41.2530759,37.5793655 Z M43.9013517,0.00915862069 C48.3469241,0.00915862069 52.3617103,0.394041379 56.0304552,1.18852414 C59.6780138,1.96182069 62.7923862,3.25417931 65.4230069,5.02675862 C68.0147862,6.7958069 70.0416,9.1510069 71.4928552,12.1170759 C72.9088,15.0407724 73.622069,18.6989241 73.622069,23.0279724 C73.622069,27.7101241 72.5592276,31.6189793 70.4335448,34.7439448 C68.2937379,37.8653793 65.1475862,40.4253793 60.9456552,42.4133517 C66.6694621,44.0588138 70.9067034,46.9577931 73.7174069,51.0749793 C76.5422345,55.2204138 77.922869,60.1850483 77.922869,66.0006621 C77.922869,70.7181241 77.0189241,74.7752828 75.2180966,78.1897931 C73.3960828,81.6466759 70.9172966,84.4503172 67.8629517,86.6113103 C64.7838897,88.7934897 61.2457931,90.3930483 57.2839724,91.4347034 C53.3645241,92.4763586 49.2967724,92.9989517 45.1301517,92.9989517 L0.0600275862,92.9989517 L0.0600275862,0.00915862069 L43.9013517,0.00915862069 L43.9013517,0.00915862069 Z">
</path>
<path class="behance0"
d="M128.360166,41.4776276 C126.160331,39.0447448 122.438621,37.727669 117.89771,37.727669 C114.942234,37.727669 112.495228,38.2255448 110.539034,39.2389517 C108.625214,40.2382345 107.053903,41.4846897 105.856883,42.950069 C104.663393,44.4401655 103.847724,46.0114759 103.374566,47.6922483 C102.901407,49.3306483 102.618924,50.8172138 102.530648,52.1307586 L132.622124,52.1307586 C132.180745,47.4132966 130.567062,43.9281655 128.360166,41.4776276 L128.360166,41.4776276 Z M107.1104,76.851531 C109.878731,79.5563034 113.882924,80.9192828 119.070014,80.9192828 C122.798786,80.9192828 126.022621,79.9764966 128.727393,78.0944552 C131.407448,76.2194759 133.038786,74.2103172 133.670841,72.1270069 L149.955972,72.1270069 C147.339476,80.230731 143.367062,86.0180966 137.946924,89.4996966 C132.593876,92.9989517 126.061462,94.7432828 118.452083,94.7432828 C113.148469,94.7432828 108.37451,93.8817103 104.091366,92.1938759 C99.8082207,90.4813241 96.2277517,88.0802207 93.2157793,84.9517241 C90.2814897,81.8091034 88.0039724,78.0944552 86.3796966,73.7336276 C84.7730759,69.3939862 83.9609379,64.5882483 83.9609379,59.3799724 C83.9609379,54.3447172 84.8048552,49.6413793 86.4467862,45.2946759 C88.1275586,40.9338483 90.4474483,37.1697655 93.4982621,34.0130207 C96.559669,30.8386207 100.186041,28.3351172 104.409159,26.5060414 C108.635807,24.6804966 113.293241,23.7659586 118.452083,23.7659586 C124.147641,23.7659586 129.136993,24.8605793 133.413076,27.0957241 C137.675034,29.2955586 141.167228,32.2792828 143.914372,36.0151172 C146.657986,39.7474207 148.610648,44.0129103 149.832386,48.793931 C151.04,53.5714207 151.467255,58.5607724 151.117683,63.7867034 L102.530648,63.7867034 C102.530648,69.1079724 104.331476,74.1467586 107.1104,76.851531 L107.1104,76.851531 Z">
</path>
<path class="behance0"
d="M177.385048,0.00915862069 L177.385048,35.072331 L177.808772,35.072331 C180.15691,31.1705379 183.12651,28.3351172 186.7776,26.5766621 C190.421628,24.8040828 193.977379,23.9283862 197.441324,23.9283862 C202.381241,23.9283862 206.427807,24.5780966 209.588083,25.9163586 C212.75189,27.2793379 215.255393,29.1225379 217.088,31.5201103 C218.885297,33.9070897 220.156469,36.8201931 220.901517,40.2523586 C221.632441,43.6774621 222.010262,47.455669 222.010262,51.6222897 L222.010262,92.9989517 L203.426428,92.9989517 L203.426428,54.9803034 C203.426428,49.4365793 202.561324,45.2699586 200.838179,42.544 C199.111503,39.8145103 196.046566,38.444469 191.62571,38.444469 C186.625766,38.444469 183.009986,39.9592828 180.77131,42.950069 C178.490262,45.9408552 177.385048,50.8631172 177.385048,57.7133241 L177.385048,92.9989517 L158.808276,92.9989517 L158.808276,0.00915862069 L177.385048,0.00915862069">
</path>
<path class="behance0"
d="M271.614234,61.7210483 C270.463117,62.1024 269.188414,62.4237241 267.874869,62.7026759 C266.518952,62.9604414 265.103007,63.1687724 263.634097,63.3523862 C262.17931,63.5289379 260.682152,63.7302069 259.230897,63.9915034 C257.846731,64.2633931 256.462566,64.6023724 255.14549,65.0437517 C253.803697,65.4816 252.627862,66.0642207 251.660359,66.7986759 C250.657545,67.5437241 249.859531,68.4759172 249.248662,69.5952552 C248.655448,70.7181241 248.337655,72.1764414 248.337655,73.8995862 C248.337655,75.5450483 248.655448,76.9327448 249.248662,78.073269 C249.859531,79.2032 250.657545,80.0859586 251.706262,80.7392 C252.751448,81.3924414 253.976717,81.8514759 255.339697,82.1057103 C256.723862,82.381131 258.153931,82.483531 259.61931,82.483531 C263.256276,82.483531 266.059917,81.8797241 268.058483,80.6685793 C270.046455,79.4503724 271.543614,77.9955862 272.479338,76.3006897 C273.432717,74.6057931 274.008276,72.8967724 274.195421,71.1736276 C274.439062,69.4398897 274.548524,68.0416 274.548524,66.9928828 L274.548524,60.0755862 C273.746979,60.7853241 272.804193,61.3326345 271.614234,61.7210483 L271.614234,61.7210483 Z M235.2128,35.5207724 C237.094841,32.6571034 239.520662,30.3372138 242.472607,28.6034759 C245.424552,26.8520828 248.722538,25.6197517 252.430124,24.8817655 C256.123586,24.1225931 259.817048,23.7659586 263.567007,23.7659586 C266.939145,23.7659586 270.350124,23.9990069 273.863503,24.4792276 C277.320386,24.9559172 280.480662,25.8916414 283.347862,27.2864 C286.211531,28.6882207 288.545545,30.6055724 290.353434,33.1090759 C292.186041,35.5490207 293.114703,38.854069 293.114703,42.950069 L293.114703,78.0414897 C293.114703,81.0923034 293.298317,83.9912828 293.623172,86.7666759 C293.9904,89.5667862 294.940248,91.6677517 295.837131,93.0448552 L276.946097,92.9989517 C276.391724,92.1938759 275.93269,90.9332966 275.717297,89.8351448 C275.498372,88.7617103 275.346538,87.6564966 275.261793,86.5230345 C272.320441,89.5667862 268.870621,91.7065931 264.852303,92.928331 C260.865766,94.1324138 256.801545,94.7432828 252.627862,94.7432828 C249.428745,94.7432828 246.448552,94.3372138 243.659034,93.5533241 C240.91189,92.7694345 238.471945,91.5547586 236.392166,89.9128276 C234.301793,88.2391172 232.695172,86.162869 231.522869,83.6487724 C230.357628,81.1205517 229.757352,78.1121103 229.757352,74.6375724 C229.757352,70.802869 230.445903,67.6461241 231.805352,65.1744 C233.12949,62.7026759 234.849103,60.7147034 236.999503,59.2422621 C239.114593,57.7592276 241.543945,56.6434207 244.294621,55.9160276 C247.020579,55.1815724 249.78891,54.5742345 252.532524,54.1469793 C255.31851,53.7197241 258.030345,53.3736828 260.738648,53.1053241 C263.454014,52.8404966 265.805683,52.4626759 267.906648,51.9330207 C269.979366,51.4174897 271.638952,50.6336 272.857159,49.6413793 C274.054179,48.6456276 274.629738,47.1979034 274.548524,45.2699586 C274.548524,43.2784552 274.195421,41.6894897 273.556303,40.5030621 C272.913655,39.3342897 272.045021,38.4338759 270.982179,37.7771034 C269.89109,37.120331 268.66229,36.6895448 267.246345,36.4600276 C265.805683,36.2516966 264.280276,36.1351724 262.652469,36.1351724 C259.033159,36.1351724 256.16949,36.9402483 254.139145,38.4868414 C252.052303,40.0793379 250.851752,42.6993655 250.480993,46.3575172 L231.928938,46.3575172 C232.197297,41.9896276 233.270731,38.3844414 235.2128,35.5207724 L235.2128,35.5207724 Z">
</path>
<path class="behance0"
d="M320.850979,25.6868414 L320.850979,35.072331 L321.26411,35.072331 C323.605186,31.1705379 326.624221,28.3351172 330.374179,26.5766621 C334.092359,24.8040828 337.944717,23.9283862 341.850041,23.9283862 C346.811145,23.9283862 350.882428,24.5780966 354.028579,25.9163586 C357.231228,27.2793379 359.720607,29.1225379 361.524966,31.5201103 C363.375228,33.9070897 364.6464,36.8201931 365.387917,40.2523586 C366.136497,43.6774621 366.507255,47.455669 366.507255,51.6222897 L366.507255,92.9989517 L347.916359,92.9989517 L347.916359,54.9803034 C347.916359,49.4365793 347.044193,45.2699586 345.310455,42.544 C343.552,39.8145103 340.518841,38.0631172 336.066207,38.0631172 C331.034483,38.0631172 327.369269,39.9592828 325.116469,42.950069 C322.849545,45.9408552 321.726676,50.8631172 321.726676,57.7133241 L321.726676,92.9989517 L303.337048,92.9989517 L303.337048,25.6868414 L320.850979,25.6868414">
</path>
<path class="behance0"
d="M407.657931,37.727669 C404.6848,37.727669 402.230731,38.3844414 400.256883,39.7474207 C398.240662,41.106869 396.5952,42.8300138 395.338152,44.9662897 C394.077572,47.0884414 393.205407,49.4365793 392.665159,52.0071724 C392.160221,54.5742345 391.877738,57.1165793 391.877738,59.6448 C391.877738,62.0882759 392.160221,64.563531 392.665159,67.0917517 C393.205407,69.6058483 394.0352,71.8763034 395.207503,73.9454897 C396.397462,75.9723034 397.979366,77.6389517 399.977931,78.9560276 C401.965903,80.2660414 404.384662,80.9192828 407.255393,80.9192828 C411.708028,80.9192828 415.119007,79.6763586 417.509517,77.2152276 C419.889434,74.7399724 421.361876,71.4137379 421.983338,67.2471172 L439.84331,67.2471172 C438.618041,76.1771034 435.143503,82.9990621 429.426759,87.7024 C423.688828,92.3739586 416.340745,94.7432828 407.393103,94.7432828 C402.336662,94.7432828 397.742786,93.8817103 393.505545,92.1938759 C389.275366,90.4813241 385.684303,88.1225931 382.725297,85.0788414 C379.76629,82.0280276 377.471117,78.4016552 375.790345,74.1856 C374.148414,69.9624828 373.322152,65.3262345 373.322152,60.2945103 C373.322152,55.0827034 374.088386,50.227531 375.610262,45.7395862 C377.125076,41.2692966 379.363752,37.3957517 382.347476,34.1472 C385.302952,30.8774621 388.918731,28.3351172 393.194814,26.5060414 C397.453241,24.6804966 402.319007,23.7659586 407.781517,23.7659586 C411.778648,23.7659586 415.616883,24.3062069 419.324469,25.3160828 C423.003807,26.3471448 426.312386,27.9396414 429.214897,30.0759172 C432.124469,32.198069 434.507917,34.8428138 436.333462,37.9960276 C438.137821,41.1492414 439.168883,44.9274483 439.454897,49.2459034 L421.319503,49.2459034 C420.118952,41.5623724 415.563917,37.727669 407.657931,37.727669">
</path>
<path class="behance0"
d="M98.7489103,6.24849655 L136.442703,6.24849655 L136.442703,15.4256552 L98.7489103,15.4256552 L98.7489103,6.24849655 Z">
</path>
<path class="behance0"
d="M489.12949,41.4776276 C486.901407,39.0447448 483.151448,37.727669 478.667034,37.727669 C475.71509,37.727669 473.261021,38.2255448 471.269517,39.2389517 C469.352166,40.2382345 467.600772,41.4846897 466.424938,42.950069 C465.249103,44.4401655 464.405186,46.0114759 463.914372,47.6922483 C463.476524,49.3306483 463.169324,50.8172138 463.08811,52.1307586 L493.405572,52.1307586 C492.911228,47.4132966 491.336386,43.9281655 489.12949,41.4776276 L489.12949,41.4776276 Z M467.650207,76.851531 C470.429131,79.5563034 474.624,80.9192828 479.849931,80.9192828 C483.571641,80.9192828 486.788414,79.9764966 489.475531,78.0944552 C492.162648,76.2194759 493.829297,74.2103172 494.42251,72.1270069 L510.707641,72.1270069 C508.105269,80.230731 504.108138,86.0180966 498.72331,89.4996966 C493.349076,92.9989517 486.84491,94.7432828 479.207283,94.7432828 C473.889545,94.7432828 469.097931,93.8817103 464.846566,92.1938759 C460.570483,90.4813241 456.986483,88.0802207 453.988634,84.9517241 C451.022566,81.8091034 448.748579,78.0944552 447.131366,73.7336276 C445.524745,69.3939862 444.726731,64.5882483 444.726731,59.3799724 C444.726731,54.3447172 445.552993,49.6413793 447.198455,45.2946759 C448.865103,40.9338483 451.234428,37.1697655 454.267586,34.0130207 C457.343117,30.8386207 460.93771,28.3351172 465.150234,26.5060414 C469.380414,24.6804966 474.07669,23.7659586 479.207283,23.7659586 C484.895779,23.7659586 489.906317,24.8605793 494.140028,27.0957241 C498.412579,29.2955586 501.922428,32.2792828 504.648386,36.0151172 C507.392,39.7474207 509.365848,44.0129103 510.576993,48.793931 C511.770483,53.5714207 512.229517,58.5607724 511.887007,63.7867034 L463.08811,63.7867034 C463.08811,69.1079724 464.864221,74.1467586 467.650207,76.851531 L467.650207,76.851531 Z">
</path>
</g>
</svg>
</div>
</a>
</div>
<div class="contact-item p-2 m-1 col-md-2 text-center">
<a class="mx-auto" href="https://github.com/zaynejaz" target="_blank"
rel="noopener noreferer" aria-label="github">
<div class="contact-icons">
<i class="fab fa-github-square"></i>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="14" viewBox="0 0 512 136" version="1.1" id="githubLogo"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid">
<style type="text/css">
.gitHub0 {
fill: var(--white);
}
</style>
<g>
<path class="gitHub0"
d="M98.6961598,59.3124474 L55.6354962,59.3124474 C54.5247282,59.3124474 53.623096,60.2151464 53.623096,61.3259144 L53.623096,82.3792882 C53.623096,83.4900562 54.5247282,84.3938224 55.6354962,84.3938224 L72.4335936,84.3938224 L72.4335936,110.550753 C72.4335936,110.550753 68.6616775,111.836513 58.2336902,111.836513 C45.930948,111.836513 28.744455,107.341157 28.744455,69.5494382 C28.744455,31.7491835 46.6405165,26.7758029 63.4418154,26.7758029 C77.9852995,26.7758029 84.2508415,29.336651 88.2372288,30.5701264 C89.4899103,30.9542537 90.648694,29.706907 90.648694,28.5950722 L95.4524188,8.25340062 C95.4524188,7.73376182 95.2763603,7.10742103 94.6830971,6.68167999 C93.0644278,5.52716422 83.1870225,-1.42108547e-14 58.2336902,-1.42108547e-14 C29.487101,-1.42108547e-14 0,12.2301846 0,71.022993 C0,129.817935 33.7605165,138.579238 62.2094068,138.579238 C85.7649432,138.579238 100.054476,128.51297 100.054476,128.51297 C100.643471,128.187529 100.707493,127.364856 100.707493,126.987131 L100.707493,61.3259144 C100.707493,60.2151464 99.8069278,59.3124474 98.6961598,59.3124474 Z M320.495497,7.35923776 C320.495497,6.23886664 319.607737,5.33510059 318.496969,5.33510059 L294.251072,5.33510059 C293.143503,5.33510059 292.24294,6.23886664 292.24294,7.35923776 C292.24294,7.36457288 292.24934,54.215292 292.24934,54.215292 L254.456556,54.215292 L254.456556,7.35923776 C254.456556,6.23886664 253.564526,5.33510059 252.455893,5.33510059 L228.211061,5.33510059 C227.107764,5.33510059 226.208265,6.23886664 226.208265,7.35923776 L226.208265,134.231131 C226.208265,135.350435 227.107764,136.26167 228.211061,136.26167 L252.455893,136.26167 C253.564526,136.26167 254.456556,135.350435 254.456556,134.231131 L254.456556,79.9635547 L292.24934,79.9635547 C292.24934,79.9635547 292.183187,134.226863 292.183187,134.231131 C292.183187,135.350435 293.082684,136.26167 294.191317,136.26167 L318.494835,136.26167 C319.605604,136.26167 320.493364,135.350435 320.495497,134.231131 L320.495497,7.35923776 Z M144.371023,24.3216565 C144.371023,15.591298 137.371371,8.53616094 128.735977,8.53616094 C120.10912,8.53616094 113.104133,15.591298 113.104133,24.3216565 C113.104133,33.042412 120.10912,40.1167554 128.735977,40.1167554 C137.371371,40.1167554 144.371023,33.042412 144.371023,24.3216565 Z M142.447186,107.534288 L142.447186,48.9698214 C142.447186,47.8579864 141.549822,46.9488852 140.441188,46.9488852 L116.272115,46.9488852 C115.163481,46.9488852 114.171153,48.0927309 114.171153,49.2045657 L114.171153,133.109693 C114.171153,135.575576 115.707662,136.308619 117.696587,136.308619 L139.472334,136.308619 C141.861392,136.308619 142.447186,135.135964 142.447186,133.070213 L142.447186,107.534288 Z M413.161929,46.9488852 L389.10169,46.9488852 C387.998389,46.9488852 387.099963,47.8579864 387.099963,48.9772906 L387.099963,111.186697 C387.099963,111.186697 380.988068,115.658579 372.312128,115.658579 C363.637256,115.658579 361.334627,111.722341 361.334627,103.227794 L361.334627,48.9772906 C361.334627,47.8579864 360.43833,46.9488852 359.333962,46.9488852 L334.915206,46.9488852 C333.812978,46.9488852 332.910277,47.8579864 332.910277,48.9772906 L332.910277,107.335822 C332.910277,132.566579 346.972537,138.739291 366.317608,138.739291 C382.1874,138.739291 394.983106,129.971587 394.983106,129.971587 C394.983106,129.971587 395.592374,134.591784 395.867664,135.140232 C396.144024,135.686546 396.862125,136.238196 397.63785,136.238196 L413.172597,136.169906 C414.274829,136.169906 415.177528,135.258671 415.177528,134.144702 L415.170059,48.9772906 C415.170059,47.8579864 414.27056,46.9488852 413.161929,46.9488852 Z M468.596822,115.706595 C460.251661,115.452644 454.591116,111.665789 454.591116,111.665789 L454.591116,71.4882139 C454.591116,71.4882139 460.175898,68.0652134 467.027235,67.4527437 C475.691441,66.6770202 484.039804,69.2944203 484.039804,89.9626002 C484.039804,111.757553 480.272156,116.058711 468.596822,115.706595 Z M478.086899,44.2237159 C464.421573,44.2237159 455.12676,50.3206689 455.12676,50.3206689 L455.12676,7.35923776 C455.12676,6.23886664 454.231532,5.33510059 453.126097,5.33510059 L428.811913,5.33510059 C427.706479,5.33510059 426.808048,6.23886664 426.808048,7.35923776 L426.808048,134.231131 C426.808048,135.350435 427.706479,136.26167 428.815112,136.26167 L445.684702,136.26167 C446.444417,136.26167 447.019542,135.870074 447.444215,135.18398 C447.863555,134.502154 448.468557,129.334575 448.468557,129.334575 C448.468557,129.334575 458.41105,138.756363 477.232216,138.756363 C499.328069,138.756363 512,127.548384 512,88.4410293 C512,49.3336752 491.761829,44.2237159 478.086899,44.2237159 Z M212.229235,46.731213 L194.041876,46.731213 C194.041876,46.731213 194.014134,22.7093892 194.014134,22.704054 C194.014134,21.7949529 193.545712,21.3404024 192.494697,21.3404024 L167.709954,21.3404024 C166.746435,21.3404024 166.22893,21.7640094 166.22893,22.6901829 L166.22893,47.5197408 C166.22893,47.5197408 153.808816,50.5180675 152.969071,50.760281 C152.132527,51.0024947 151.516857,51.77395 151.516857,52.6937215 L151.516857,68.2967567 C151.516857,69.4192619 152.413154,70.3240948 153.521788,70.3240948 L166.22893,70.3240948 L166.22893,107.859729 C166.22893,135.739897 185.785275,138.478938 198.98218,138.478938 C205.011911,138.478938 212.224966,136.542296 213.41576,136.102684 C214.135999,135.838063 214.554271,135.092216 214.554271,134.283415 L214.574544,117.119329 C214.574544,116.000025 213.629165,115.094125 212.564279,115.094125 C211.504728,115.094125 208.79343,115.525201 206.002106,115.525201 C197.069013,115.525201 194.041876,111.371292 194.041876,105.994577 C194.041876,100.622131 194.04081,70.3240948 194.04081,70.3240948 L212.229235,70.3240948 C213.337868,70.3240948 214.235233,69.4192619 214.235233,68.2967567 L214.235233,48.7532162 C214.235233,47.633912 213.337868,46.731213 212.229235,46.731213 Z">
</path>
</g>
</svg>
</div>
</a>
</div>
<div class="contact-item p-2 m-1 col-md-2 text-center">
<a class="mx-auto" href="https://www.linkedin.com/in/zaynejaz/" target="_blank"
rel="noopener noreferer" aria-label="linkedin">
<div class="contact-icons">
<i class="fab fa-linkedin"></i>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="14" viewBox="0 0 512 130" version="1.1" id="linkedinLogo"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid">
<style type="text/css">
.linkedIn0 {
fill: var(--white);
}
.linkedIn1 {
fill: var(--dark);
}
</style>
<g>
<path class="linkedin0" fill="#ffffff"
d="M0,19.1635571 L19.9868963,19.1635571 L19.9868963,91.9683374 L56.9975677,91.9683374 L56.9975677,110.411135 L0,110.411135 L0,19.1635571">
</path>
<path class="linkedin0" fill="#ffffff"
d="M75.4304675,17.8111213 C81.5825659,17.8111213 86.5756907,22.804246 86.5756907,28.9509455 C86.5756907,35.1075431 81.5825659,40.0889701 75.4304675,40.0889701 C69.2846678,40.0889701 64.2915431,35.1075431 64.2915431,28.9509455 C64.2915431,22.804246 69.2846678,17.8111213 75.4304675,17.8111213 L75.4304675,17.8111213 Z M65.8239438,48.5509174 L85.0369912,48.5509174 L85.0369912,110.38774 L65.8239438,110.38774 L65.8239438,48.5509174 Z">
</path>
<path class="linkedin0" fill="#ffffff"
d="M95.662116,48.558116 L114.104014,48.558116 L114.104014,57.0101652 L114.360464,57.0101652 C116.919564,52.1448155 123.196738,47.0248155 132.545912,47.0248155 C152.01451,47.0248155 155.600309,59.8284148 155.600309,76.4742636 L155.600309,110.38774 L136.388162,110.38774 L136.388162,80.3219121 C136.388162,73.1458137 136.255888,63.9271142 126.393814,63.9271142 C116.406664,63.9271142 114.873364,71.7429877 114.873364,79.8072127 L114.873364,110.38774 L95.662116,110.38774 L95.662116,48.558116">
</path>
<path class="linkedin0" fill="#ffffff"
d="M165.343606,19.1581582 L184.548555,19.1581582 L184.548555,73.6929069 L206.306306,48.5230228 L229.852907,48.5230228 L204.655128,77.1527311 L229.32561,110.411135 L205.182425,110.411135 L184.799606,79.8441054 L184.548555,79.8441054 L184.548555,110.411135 L165.343606,110.411135 L165.343606,19.1581582">
</path>
<path class="linkedin0" fill="#ffffff"
d="M286.551733,99.6798313 C280.398735,107.495705 270.290109,111.982228 260.295761,111.982228 C241.089012,111.982228 225.719114,99.1678313 225.719114,79.3177083 C225.719114,59.4675852 241.089012,46.6639859 260.295761,46.6639859 C278.236457,46.6639859 289.499557,59.4675852 289.499557,79.3177083 L289.499557,85.3375325 L244.931262,85.3375325 C246.457364,92.6387065 251.971487,97.3780808 259.401336,97.3780808 C265.679409,97.3780808 269.902285,94.1747065 273.105659,89.8186573 L286.551733,99.6798313 L286.551733,99.6798313 Z M270.290109,72.2783831 C270.416084,65.8734341 265.42206,60.4951845 258.499712,60.4951845 C250.050362,60.4951845 245.437863,66.2585589 244.931262,72.2783831 L270.290109,72.2783831 L270.290109,72.2783831 Z"
fill="#1A1918"></path>
<path class="linkedin0" fill="#ffffff"
d="M362.567086,110.376942 L344.887339,110.376942 L344.887339,102.177743 L344.638088,102.177743 C341.683065,106.658868 334.262214,111.912942 325.550116,111.912942 C307.101919,111.912942 294.937195,98.5982425 294.937195,79.7685202 C294.937195,62.4756977 305.694594,46.5955993 323.367142,46.5955993 C331.31439,46.5955993 338.74154,48.7722742 343.097589,54.7902988 L343.34954,54.7902988 L343.34954,19.1581582 L362.567086,19.1581582 L362.567086,110.376942 L362.567086,110.376942 Z M329.510243,63.5023972 C319.911817,63.5023972 314.150243,69.9118453 314.150243,79.2529209 C314.150243,88.611993 319.911817,95.0070439 329.510243,95.0070439 C339.124865,95.0070439 344.887339,88.611993 344.887339,79.2529209 C344.887339,69.9118453 339.124865,63.5023972 329.510243,63.5023972 L329.510243,63.5023972 Z"
fill="#1A1918"></path>
<path class="linkedin0" fill="#ffffff"
d="M501.763599,0 L391.342566,0 C386.065996,0 381.779234,4.18238313 381.779234,9.33927592 L381.779234,120.224619 C381.779234,125.386011 386.065996,129.574692 391.342566,129.574692 L501.763599,129.574692 C507.049167,129.574692 511.355726,125.386011 511.355726,120.224619 L511.355726,9.33927592 C511.355726,4.18238313 507.049167,0 501.763599,0">
</path>
<path class="linkedin1" fill="#111111"
d="M410.603304,17.8390158 C416.749104,17.8390158 421.741329,22.8321406 421.741329,28.9788401 C421.741329,35.1300387 416.749104,40.1249631 410.603304,40.1249631 C404.444907,40.1249631 399.458981,35.1300387 399.458981,28.9788401 C399.458981,22.8321406 404.444907,17.8390158 410.603304,17.8390158 L410.603304,17.8390158 Z M400.990482,48.5779121 L420.208928,48.5779121 L420.208928,110.414735 L400.990482,110.414735 L400.990482,48.5779121 Z">
</path>
<path class="linkedin1" fill="#111111"
d="M432.262974,48.5779121 L450.699473,48.5779121 L450.699473,57.026362 L450.955023,57.026362 C453.519522,52.1655114 459.789497,47.0392127 469.138671,47.0392127 C488.60007,47.0392127 492.193069,59.8464112 492.193069,76.4958594 L492.193069,110.414735 L472.98812,110.414735 L472.98812,80.3435079 C472.98812,73.1692091 472.855845,63.9460105 463.00097,63.9460105 C452.999424,63.9460105 451.467923,71.7582847 451.467923,79.8243093 L451.467923,110.414735 L432.262974,110.414735 L432.262974,48.5779121">
</path>
</g>
</svg>
</div>
</a>
</div>
<div class="contact-item p-2 m-1 col-md-2 text-center">
<a class="mx-auto" onclick="openEmailContact()" aria-label="email me">
<div class="contact-icons">
<i class="fas fa-at"></i>
<?xml version="1.0" encoding="utf-8"?>
<svg height="14" version="1.1" id="emailMeLogo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 136"xml:space="preserve">
<style type="text/css">
.emailMeLogo {
fill: var(--white);
}
</style>
<g>
<path class="emailMeLogo" d="M385.4,75c8.4-19.7,16.4-38.4,24.4-57c2-4.6,4.1-9.2,5.8-14c1-2.6,2.5-3.4,5.3-3.3c6.5,0.2,13,0.1,20.3,0.1c-7.2,14.9-3.7,29.9-4,44.5c-0.5,29.4-0.2,58.9-0.2,88.7c-8.2,0-17,0-26,0c0-20.7,0-41.4,0-62.8c-0.7,1.2-1.3,1.9-1.7,2.8c-6,14.1-12.1,28.1-17.8,42.3c-1.4,3.5-3.1,5-7.2,4.8c-3.9-0.2-6.7-0.2-8.4-4.5c-6-15-12.6-29.8-19.6-44.6c0,20.6,0,41.2,0,62.1c-8.6,0-17.2,0-26.4,0c0.1-2.5,0.4-5,0.4-7.5c0.1-37.8,0.3-75.6,0.1-113.4c0-3.9-2.5-7.7-4.1-12.3c8.8,0,17.4-0.1,25.9,0.2c1,0,2.3,2.2,2.9,3.6c9.3,21.6,18.4,43.3,27.6,65C383.5,71.1,384.3,72.6,385.4,75z"/>
<path class="emailMeLogo" d="M145.2,134c-8.5,0-16.6,0-24,0c0-15.2,0.1-30.2-0.1-45.2c0-4.7-0.4-9.4-1.1-14c-0.6-4.2-2.9-7.4-7.8-8.1c-5.5-0.8-10.2,1-13.8,4.8c-1,1-0.7,3.2-0.8,4.8c0,19.1,0,38.2,0,57.7c-7.5,0-15.3,0-23.4,0c0-29.3,0-58.7,0-88.4c7.3,0,14.8,0,22.4,0c0.2,1.9,0.3,3.5,0.5,5.8c12.8-8.8,25.3-9,37.5,1.4c7.2-4.9,15.3-7.8,24.4-7.9c12.2-0.1,21.4,4.9,26.2,15.2c3.2,7,5.5,14.8,5.9,22.3c0.9,17.1,0.3,34.2,0.3,51.6c-7.5,0-15.6,0-23.1,0c0-15.6,0.2-30.9-0.1-46.2c-0.1-4.6-0.7-9.5-2.2-13.8c-2.7-7.7-15.4-10.5-21.8-5.1c-0.9,0.7-0.8,2.7-0.8,4C143.8,93.2,144.5,113.4,145.2,134z"/>
<path class="emailMeLogo" d="M69.3,1.1c0,7.5,0,14.4,0,21.7c-14.2,0-28.2,0-42.7,0c0,10.2,0,20.2,0,30.7c11,0,22.1,0,33.6,0c0,7.2,0,14.2,0,21.3c-11.2,0-22.3,0-33.6,0c0,12.5,0,24.8,0,37.4c14.9,0,29.6,0,44.7,0c0,7.1,0,14.2,0,21.8c-23.7,0-47.5,0-71.2,0C0,89.6,0,45.5,0,1.1C23,1.1,46,1.1,69.3,1.1z"/>
<path class="emailMeLogo" d="M240.5,78.4c1.1-8.7-3.1-14.1-12-14c-6.3,0.1-12.6,1.7-18.9,2.8c-1.7,0.3-3.3,1-5.2,1.6c0-7,0-13.4,0-20.2c13.2-3.7,26.4-5.7,39.9-2.5C256,49,262.2,56.8,263,70.8c0.7,12.6,0.5,25.2,0.6,37.7c0.1,8.3,0,16.7,0,25.4c-6.9,0-13.9,0-21.2,0c-0.2-2.1-0.3-4-0.5-5.5c-5.1,2.3-9.8,5.4-15.1,6.6c-19,4.4-35-10.4-32.9-29.9c1.9-17.7,17.5-29.4,37.1-27.9C234.2,77.5,237.2,78,240.5,78.4z M241.7,101.6c-0.8-1.6-1.1-4-2.4-4.8c-4.6-2.8-14.5-1.6-18.8,1.8c-3.6,2.8-4.6,6.6-3.3,10.7c1.3,4,4.8,5.9,9.2,6.1C234.9,115.7,240.9,110.1,241.7,101.6z"/>
<path class="emailMeLogo" d="M465.2,97c-0.2,11.6,7.5,19.2,19.8,18.7c6.9-0.3,13.6-2.5,21-3.9c0,5.3,0.1,11.6-0.1,17.9c0,0.8-1,2-1.8,2.3c-18.6,6.9-42.8,6.2-55.9-12.8c-11.3-16.3-11.2-44.1,0.4-60.2c8.7-12.1,21.1-15.8,35.7-13.5c15.2,2.4,23.5,12,26.3,25.6c1.5,7.3,1,15.1,1.3,22.6c0.2,3.3-2.3,3-4.6,3c-13.2,0-26.3,0-39.5,0C467,96.7,466.1,96.9,465.2,97z M490.3,78.2c-0.1-5.4-0.8-10.2-5.8-13.2c-4.4-2.6-9.2-2.6-13.6,0c-5,2.9-6,7.8-6.1,13.2C473.3,78.2,481.6,78.2,490.3,78.2z"/>
<path class="emailMeLogo" d="M299.8,0.9c8,0,15.4,0,23.2,0c0,44.3,0,88.4,0,132.9c-7.6,0-15.3,0-23.2,0C299.8,89.6,299.8,45.5,299.8,0.9z"/>
<path class="emailMeLogo" d="M291.9,134.1c-1.6,0.1-2.9,0.2-4.1,0.2c-6.2,0-12.5,0-19,0c0-29.7,0-59,0-88.6c7.7,0,15.3,0,23.2,0C291.9,75.1,291.9,104.4,291.9,134.1z"/>
<path class="emailMeLogo" d="M280.4,29.7c-8.2,0.1-14.9-6.5-14.9-14.7c0-8.2,6.6-14.9,14.8-14.9c8,0,14.8,6.9,14.7,15C294.9,23,288.3,29.6,280.4,29.7z"/>
</g>
</svg>
</div>
</a>
</div>
<!-- <div class="contact-item p-2 m-1 col-md-2 text-center ml-auto"><span class="skill p-1"
data-toggle="tooltip" data-placement="bottom" data-html="true"
title="<em>Live Chat</em>">
<a href="javascript:void(Tawk_API.toggle())" class="mx-auto"
aria-label="tawk live chat">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="liveChatIcon" enable-background="new 0 0 512 512" viewBox="0 0 512 512"
width="50" xmlns="http://www.w3.org/2000/svg">
<g>
<path fill="var(--light)"
d="m494.5 20.595h-314.679c-9.649 0-17.5 7.851-17.5 17.5v77.787h-144.821c-9.649 0-17.5 7.851-17.5 17.5v16.722c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-16.722c0-1.378 1.121-2.5 2.5-2.5h314.68c1.379 0 2.5 1.122 2.5 2.5.011 21.995-.008 95.424 0 118.601 0 1.378-1.121 2.5-2.5 2.5h-230.553c-4.66 0-9.045 1.811-12.348 5.099l-34.143 33.995v-21.594c0-9.649-7.851-17.5-17.5-17.5h-20.136c-1.379 0-2.5-1.122-2.5-2.5v-61.917c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v61.917c0 9.649 7.851 17.5 17.5 17.5h20.137c1.379 0 2.5 1.122 2.5 2.5v27.61c0 10.742 13.612 16.53 21.32 8.858l38.405-38.24c.473-.47 1.099-.729 1.765-.729h230.553c9.649 0 17.5-7.851 17.5-17.5v-77.787h60.693c.666 0 1.292.258 1.764.729l38.407 38.24c7.612 7.577 21.319 2.018 21.319-8.858v-27.61c0-1.378 1.121-2.5 2.5-2.5h20.137c9.649 0 17.5-7.851 17.5-17.5v-118.601c0-9.649-7.851-17.5-17.5-17.5zm2.5 136.1c0 1.378-1.121 2.5-2.5 2.5h-20.137c-9.649 0-17.5 7.851-17.5 17.5v21.594l-34.143-33.995c-3.302-3.288-7.688-5.099-12.348-5.099h-60.692v-25.814c0-9.649-7.851-17.5-17.5-17.5h-154.859v-77.786c0-1.378 1.121-2.5 2.5-2.5h314.679c1.379 0 2.5 1.122 2.5 2.5z" />
<path fill="var(--light)"
d="m438.66 70.244h-203c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h203c9.849-.279 9.968-14.681 0-15z" />
<path fill="var(--light)"
d="m126.095 187.763c-9.992 0-10.008 15 0 15 9.992 0 10.008-15 0-15z" />
<path fill="var(--light)"
d="m175.095 187.763c-9.992 0-10.008 15 0 15 9.992 0 10.008-15 0-15z" />
<path fill="var(--light)"
d="m224.095 187.763c-9.992 0-10.008 15 0 15 9.992 0 10.008-15 0-15z" />
<path fill="var(--light)"
d="m451.878 295.341h-63.989c-9.908.319-9.923 14.682 0 15h63.989c1.379 0 2.5 1.122 2.5 2.5v118.601c0 1.378-1.121 2.5-2.5 2.5h-20.137c-9.649 0-17.5 7.851-17.5 17.5v21.594l-34.143-33.995c-3.303-3.288-7.688-5.099-12.348-5.099h-230.551c-1.379 0-2.5-1.122-2.5-2.5v-118.601c0-1.378 1.121-2.5 2.5-2.5h210.796c9.869-.262 9.941-14.704 0-15h-210.796c-9.649 0-17.5 7.851-17.5 17.5v118.601c0 9.649 7.851 17.5 17.5 17.5h230.552c.666 0 1.292.259 1.764.729l38.406 38.24c7.612 7.578 21.32 2.019 21.32-8.858v-27.61c0-1.378 1.121-2.5 2.5-2.5h20.137c9.649 0 17.5-7.851 17.5-17.5v-118.602c0-9.649-7.851-17.5-17.5-17.5z" />
<path fill="var(--light)"
d="m403.538 357.626c0-4.142-3.357-7.5-7.5-7.5h-203c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h203c4.143 0 7.5-3.358 7.5-7.5z" />
<path fill="var(--light)"
d="m193.038 383.852c-9.875.289-9.945 14.686 0 15h128.661c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5z" />
</g>
</svg>
</a>
</div> -->
<!-- <div class="contact-item p-2 m-1 col-md-2 text-center">
<a href="javascript:void(Tawk_API.toggle())" class="mx-auto">
<div id="liveChat">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</a>
</div> -->
<!-- contact via email icon (not set to be working - use if live chat not a useable option) -->
<!-- <div class="contact-item p-2 m-1 col-md-2 text-center">
<a class="mx-auto" href="mailto:hello@zaynejaz.com">
<div class="contact-icons">
<i class="fas fa-envelope"></i>
<div class="svg-icon text-center">
</div>
</div>
</a>
</div> -->
</div>
</div>
</section>
</div>
</div>
<div id="intro" class="fullScreen">
<div id="logoContainer" class="fullScreen">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 1280 1024" style="enable-background:new 0 0 1280 1024;" xml:space="preserve">
<style type="text/css">
.ze-Logo {
fill: var(--dark);
}
</style>
<path class="ze-Logo" fill-rule="evenodd"
d="M636.4,534.1c69.4,49.4,138.9,98.8,208.3,148.2c0.9,0.6,1.7,1.7,3.2,1.1c0-0.8,0.1-1.6,0.1-2.4 c0-54.3,0-108.7,0.1-163c0-3-1.3-4.5-3.4-6c-20-14.2-39.9-28.4-59.8-42.6c-9-6.4-18.1-12.9-27.7-19.8c32.4-21.1,64.2-41.8,96.6-62.9 C713.3,286.5,573.5,186.7,433,86.4c0,6.9,0,13.2,0,19.6c0,48.5,0,97-0.1,145.5c0,3.2,0.8,5.1,3.5,7c8.5,5.8,16.8,12,25.2,18 C517,316,572.5,355.6,627.9,395.1c24.9,17.8,49.8,35.5,75.1,53.6c-1.8,1.2-3.2,2.3-4.8,3.3c-20.2,13.2-40.4,26.3-60.5,39.8 c-3.4,2.3-5.5,2-8.7-0.2c-57.6-41.1-115.2-82.1-172.9-123.1c-7.5-5.4-15.1-10.7-22.9-16.3c-0.2,1.3-0.3,1.7-0.3,2.2 c0,56.2,0,112.3-0.1,168.5c0,3.3,1.7,4.7,3.9,6.3c21.6,15.3,43.1,30.7,64.8,45.8c3.7,2.6,3.3,3.7-0.2,6 c-23.8,15.4-47.4,30.9-71.1,46.4c-4.3,2.8-8.7,5.5-12.9,8.6c-4.7,3.5-4.6,5.2,0,8.5c22.4,16.2,44.7,32.5,67.2,48.6 c120.1,85.6,240.2,171.2,360.3,256.8c0.8,0.6,1.5,1.9,2.9,1.1c0-0.2,0.1-0.3,0.1-0.5c0-54.3,0-108.7,0.1-163c0-2.8-1.3-4.1-3.3-5.5 c-13.1-9.1-26.2-18.3-39.2-27.5c-76.5-54.5-152.9-109-229.3-163.5c-5.3-3.8-10.6-7.7-16.3-11.8c23.7-15.6,46.9-30.7,69.9-45.9 C632.7,531.2,634.3,532.7,636.4,534.1z M626.4,356.5c-56.8-40.5-113.5-81-170.4-121.4c-2.9-2.1-4.1-4.1-4.1-7.7 c0.1-28.2,0.1-56.3,0.1-84.5c0-1.4,0-2.9,0-5.3c116.2,82.9,231.7,165.2,347.6,247.9c-14.1,9.3-27.7,18.2-41.3,27.1 c-8.1,5.3-16.3,10.4-24.2,15.9c-2.7,1.8-4.3,1.8-6.9-0.1C693.6,404.4,660,380.5,626.4,356.5z M708.2,481.9 c6.3-4.1,12.6-8.1,18.8-12.3c2.2-1.5,3.6-1.3,5.7,0.2c31.1,22.3,62.3,44.5,93.4,66.7c1.5,1.1,3,1.9,3,4.2c-0.1,30.8,0,61.6,0,93.4 c-56.7-40.4-112.7-80.3-169-120.5C676.3,502.8,692.3,492.4,708.2,481.9z M825.8,806.2c1.8,1.3,3.3,2.4,3.3,5.1 c-0.1,29.3-0.1,58.6-0.1,88c0,0.3-0.3,0.5-0.6,1.3c-121-86.3-241.9-172.6-363.5-259.3c10.5-6.8,20.4-13.3,30.2-19.7 c11.6-7.6,23.2-15.1,34.6-22.8c2.2-1.4,3.5-1.4,5.6,0.1C632,668,728.9,737.1,825.8,806.2z M535.7,558.5c-2.1,1.4-3.4,0.9-5.2-0.4 c-25.3-18.1-50.6-36.1-76-54.1c-1.6-1.1-2.5-2.3-2.5-4.5c0.1-31.9,0-63.9,0-96.8c51.6,36.8,102.5,73.1,153.9,109.7 C582.1,528,558.8,543.2,535.7,558.5z" />
</svg>
</div>
<svg id="stripes" class="fullScreen" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"></svg>
</div>
<footer id="footer-contact-section">
<div class="container contact-container">
<div class="row contactLinks">
<div class="contact-item contact-itemIcon p-2 m-1 col-md-2 text-center">
<a class="mx-auto" href="https://www.linkedin.com/in/zaynejaz/" target="_blank"
rel="noopener noreferer" aria-label="linkedin">
<div class="contact-icons">
<i class="fab fa-linkedin"></i>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="14" viewBox="0 0 512 130" version="1.1" id="linkedinLogoFooter"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid">
<style type="text/css">
.linkedIn0 {
fill: var(--white);
}
.linkedIn1 {
fill: var(--dark);
}
</style>
<g>
<path class="linkedin0" fill="#ffffff"d="M0,19.1635571 L19.9868963,19.1635571 L19.9868963,91.9683374 L56.9975677,91.9683374 L56.9975677,110.411135 L0,110.411135 L0,19.1635571"></path>
<path class="linkedin0" fill="#ffffff"d="M75.4304675,17.8111213 C81.5825659,17.8111213 86.5756907,22.804246 86.5756907,28.9509455 C86.5756907,35.1075431 81.5825659,40.0889701 75.4304675,40.0889701 C69.2846678,40.0889701 64.2915431,35.1075431 64.2915431,28.9509455 C64.2915431,22.804246 69.2846678,17.8111213 75.4304675,17.8111213 L75.4304675,17.8111213 Z M65.8239438,48.5509174 L85.0369912,48.5509174 L85.0369912,110.38774 L65.8239438,110.38774 L65.8239438,48.5509174 Z"></path>
<path class="linkedin0" fill="#ffffff"d="M95.662116,48.558116 L114.104014,48.558116 L114.104014,57.0101652 L114.360464,57.0101652 C116.919564,52.1448155 123.196738,47.0248155 132.545912,47.0248155 C152.01451,47.0248155 155.600309,59.8284148 155.600309,76.4742636 L155.600309,110.38774 L136.388162,110.38774 L136.388162,80.3219121 C136.388162,73.1458137 136.255888,63.9271142 126.393814,63.9271142 C116.406664,63.9271142 114.873364,71.7429877 114.873364,79.8072127 L114.873364,110.38774 L95.662116,110.38774 L95.662116,48.558116"></path>
<path class="linkedin0" fill="#ffffff"d="M165.343606,19.1581582 L184.548555,19.1581582 L184.548555,73.6929069 L206.306306,48.5230228 L229.852907,48.5230228 L204.655128,77.1527311 L229.32561,110.411135 L205.182425,110.411135 L184.799606,79.8441054 L184.548555,79.8441054 L184.548555,110.411135 L165.343606,110.411135 L165.343606,19.1581582"></path>
<path class="linkedin0" fill="#ffffff"d="M286.551733,99.6798313 C280.398735,107.495705 270.290109,111.982228 260.295761,111.982228 C241.089012,111.982228 225.719114,99.1678313 225.719114,79.3177083 C225.719114,59.4675852 241.089012,46.6639859 260.295761,46.6639859 C278.236457,46.6639859 289.499557,59.4675852 289.499557,79.3177083 L289.499557,85.3375325 L244.931262,85.3375325 C246.457364,92.6387065 251.971487,97.3780808 259.401336,97.3780808 C265.679409,97.3780808 269.902285,94.1747065 273.105659,89.8186573 L286.551733,99.6798313 L286.551733,99.6798313 Z M270.290109,72.2783831 C270.416084,65.8734341 265.42206,60.4951845 258.499712,60.4951845 C250.050362,60.4951845 245.437863,66.2585589 244.931262,72.2783831 L270.290109,72.2783831 L270.290109,72.2783831 Z"fill="#1A1918"></path>
<path class="linkedin0" fill="#ffffff"d="M362.567086,110.376942 L344.887339,110.376942 L344.887339,102.177743 L344.638088,102.177743 C341.683065,106.658868 334.262214,111.912942 325.550116,111.912942 C307.101919,111.912942 294.937195,98.5982425 294.937195,79.7685202 C294.937195,62.4756977 305.694594,46.5955993 323.367142,46.5955993 C331.31439,46.5955993 338.74154,48.7722742 343.097589,54.7902988 L343.34954,54.7902988 L343.34954,19.1581582 L362.567086,19.1581582 L362.567086,110.376942 L362.567086,110.376942 Z M329.510243,63.5023972 C319.911817,63.5023972 314.150243,69.9118453 314.150243,79.2529209 C314.150243,88.611993 319.911817,95.0070439 329.510243,95.0070439 C339.124865,95.0070439 344.887339,88.611993 344.887339,79.2529209 C344.887339,69.9118453 339.124865,63.5023972 329.510243,63.5023972 L329.510243,63.5023972 Z"fill="#1A1918"></path>
<path class="linkedin0" fill="#ffffff"d="M501.763599,0 L391.342566,0 C386.065996,0 381.779234,4.18238313 381.779234,9.33927592 L381.779234,120.224619 C381.779234,125.386011 386.065996,129.574692 391.342566,129.574692 L501.763599,129.574692 C507.049167,129.574692 511.355726,125.386011 511.355726,120.224619 L511.355726,9.33927592 C511.355726,4.18238313 507.049167,0 501.763599,0"></path>
<path class="linkedin1" fill="#111111"d="M410.603304,17.8390158 C416.749104,17.8390158 421.741329,22.8321406 421.741329,28.9788401 C421.741329,35.1300387 416.749104,40.1249631 410.603304,40.1249631 C404.444907,40.1249631 399.458981,35.1300387 399.458981,28.9788401 C399.458981,22.8321406 404.444907,17.8390158 410.603304,17.8390158 L410.603304,17.8390158 Z M400.990482,48.5779121 L420.208928,48.5779121 L420.208928,110.414735 L400.990482,110.414735 L400.990482,48.5779121 Z"></path>
<path class="linkedin1" fill="#111111"d="M432.262974,48.5779121 L450.699473,48.5779121 L450.699473,57.026362 L450.955023,57.026362 C453.519522,52.1655114 459.789497,47.0392127 469.138671,47.0392127 C488.60007,47.0392127 492.193069,59.8464112 492.193069,76.4958594 L492.193069,110.414735 L472.98812,110.414735 L472.98812,80.3435079 C472.98812,73.1692091 472.855845,63.9460105 463.00097,63.9460105 C452.999424,63.9460105 451.467923,71.7582847 451.467923,79.8243093 L451.467923,110.414735 L432.262974,110.414735 L432.262974,48.5779121"></path>
</g>
</svg>
</div>
</a>
</div>
<div class="contact-item contact-itemIcon p-2 m-1 col-md-2 text-center">
<a class="mx-auto" href="https://github.com/zaynejaz" target="_blank"
rel="noopener noreferer" aria-label="github">
<div class="contact-icons">
<i class="fab fa-github-square"></i>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="14" viewBox="0 0 512 136" version="1.1" id="githubLogoFooter"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
preserveAspectRatio="xMidYMid">
<style type="text/css">
.gitHub0 {
fill: var(--white);