forked from templatecookie/alex-personal-portofolio-html
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
767 lines (739 loc) · 49.6 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
<!DOCTYPE html>
<html lang="en" data-bs-theme="light">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Epilogue:wght@100;200;300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/style.css" />
<title>Alex Portfolio</title>
</head>
<body>
<section>
<header class="header main-menu">
<div class="logo">
<a class="logo" href="#">
<svg width="124" height="50" viewBox="0 0 124 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H40C45.5228 0 50 4.47715 50 10V44C50 47.3137 47.3137 50 44 50H6C2.68629 50 0 47.3137 0 44V0Z" fill="#29D882" />
<path d="M11 37.4824L17.356 12H25.8365L32.1579 37.4824H26.6655L25.3183 31.582H17.8569L16.4924 37.4824H11ZM18.8241 27.4068H24.3684L21.6049 15.347L18.8241 27.4068Z" fill="white" />
<path d="M36.1674 38C35.3729 38 34.6993 37.724 34.1466 37.1719C33.5939 36.6198 33.3176 35.9469 33.3176 35.1533C33.3176 34.3712 33.5939 33.704 34.1466 33.152C34.6993 32.5999 35.3729 32.3238 36.1674 32.3238C36.9504 32.3238 37.6183 32.5999 38.171 33.152C38.7236 33.704 39 34.3712 39 35.1533C39 35.9469 38.7236 36.6198 38.171 37.1719C37.6183 37.724 36.9504 38 36.1674 38Z" fill="white" />
<path d="M66.2041 35.6824L67.9983 30.3359H76.1729L77.9777 35.6824H82.1819L74.5168 14H69.6545L62 35.6824H66.2041ZM69.0599 27.1809L72.0007 18.4466H72.1705L75.1113 27.1809H69.0599Z" fill="#21272F" />
<path d="M88.7189 14H84.8758V35.6824H88.7189V14Z" fill="#21272F" />
<path d="M99.8901 36C103.691 36 106.302 34.1473 106.982 31.3205L103.393 30.9182C102.873 32.2945 101.599 33.0144 99.9431 33.0144C97.4589 33.0144 95.8134 31.384 95.7815 28.5996H107.141V27.4244C107.141 21.718 103.701 19.2089 99.6884 19.2089C95.0171 19.2089 91.9702 22.6285 91.9702 27.6468C91.9702 32.7498 94.9747 36 99.8901 36ZM95.7921 26.0164C95.9089 23.9413 97.4483 22.1944 99.7414 22.1944C101.95 22.1944 103.436 23.8037 103.457 26.0164H95.7921Z" fill="#21272F" />
<path d="M113.214 19.4206H109.137L113.978 27.5515L109.01 35.6824H113.086L116.505 29.8277L119.955 35.6824H124L119 27.5515L123.915 19.4206H119.849L116.505 25.4235L113.214 19.4206Z" fill="#21272F" />
</svg>
</a>
</div>
<div class="nav-all align-self-center">
<ul>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#project">Project</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
<div class="header-social-icon">
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0C3.595 0 0 3.59531 0 8C0 12.405 3.59531 16 8 16C12.405 16 16 12.4047 16 8C16 3.595 12.4047 0 8 0ZM13.4263 3.48469C14.425 4.68281 15.0347 6.21562 15.0609 7.8875C13.8091 7.59469 12.4187 7.575 11.0028 7.83313C10.6344 7.90031 10.2659 7.98563 9.89969 8.08813C9.77781 7.75656 9.64844 7.42781 9.51094 7.10219C9.37063 6.77 9.2225 6.44344 9.0675 6.12156C10.7547 5.47719 12.5828 4.51781 13.4263 3.48469ZM8 0.9375C9.83813 0.9375 11.5141 1.64344 12.7719 2.79813C12.2812 3.46719 10.8831 4.44125 8.64 5.28125C7.85688 3.82312 6.91781 2.48313 5.83281 1.27813C6.51594 1.05719 7.24438 0.9375 8 0.9375ZM4.90469 1.65313C6.01125 2.83844 6.96313 4.16219 7.74719 5.59219C5.41344 6.3475 3.05062 6.65562 1.10781 6.45656C1.58094 4.3425 3.00437 2.58344 4.90469 1.65313ZM0.9375 8C0.9375 7.7925 0.947188 7.58719 0.964688 7.38438C1.39344 7.42969 1.84063 7.4525 2.30281 7.4525C4.12563 7.4525 6.17344 7.10187 8.18437 6.43594C8.49125 7.06406 8.76719 7.71031 9.01062 8.3725C8.22656 8.65438 7.46344 9.01281 6.74687 9.43937C4.99 10.4853 3.70469 11.8309 3.17156 13.1491C1.7975 11.8597 0.9375 10.0284 0.9375 8ZM8 15.0625C6.49094 15.0625 5.09094 14.5866 3.94187 13.7769C4.29812 12.5731 5.50313 11.2709 7.22656 10.245C7.83375 9.88313 8.54375 9.54219 9.31656 9.265C9.86438 10.9869 10.2 12.8044 10.3066 14.6753C9.58344 14.9259 8.8075 15.0625 8 15.0625ZM11.2209 14.2844C11.0909 12.4619 10.7516 10.6875 10.2069 8.98312C11.7256 8.56563 13.4125 8.42562 15.0122 8.84062C14.7291 11.2159 13.2628 13.2334 11.2209 14.2844Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="7" height="14" viewBox="0 0 7 14" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M5.72202 2.32458H7V0.0985833C6.77952 0.06825 6.02125 0 5.13816 0C3.29556 0 2.03333 1.15908 2.03333 3.28942V5.25H0V7.7385H2.03333V14H4.52629V7.73908H6.47738L6.7871 5.25058H4.52571V3.53617C4.52629 2.81692 4.71994 2.32458 5.72202 2.32458Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M11.352 0H4.64751C2.08472 0 -0.000244141 2.08497 -0.000244141 4.64775V11.3523C-0.000244141 13.915 2.08472 16 4.64751 16H11.352C13.9148 16 15.9998 13.915 15.9998 11.3523V4.64775C15.9998 2.08497 13.9148 0 11.352 0ZM14.7498 11.3523C14.7498 13.2258 13.2255 14.75 11.352 14.75H4.64751C2.77397 14.75 1.24976 13.2258 1.24976 11.3523V4.64775C1.24976 2.77422 2.77397 1.25 4.64751 1.25H11.352C13.2255 1.25 14.7498 2.77422 14.7498 4.64775V11.3523Z" fill="white" />
<path d="M7.99976 3.6875C5.62182 3.6875 3.68726 5.62206 3.68726 8C3.68726 10.3779 5.62182 12.3125 7.99976 12.3125C10.3777 12.3125 12.3123 10.3779 12.3123 8C12.3123 5.62206 10.3777 3.6875 7.99976 3.6875ZM7.99976 11.0625C6.3111 11.0625 4.93726 9.68866 4.93726 8C4.93726 6.31134 6.3111 4.9375 7.99976 4.9375C9.68841 4.9375 11.0623 6.31134 11.0623 8C11.0623 9.68866 9.68841 11.0625 7.99976 11.0625Z" fill="white" />
<path d="M12.3748 4.25C12.7199 4.25 12.9998 3.97018 12.9998 3.625C12.9998 3.27982 12.7199 3 12.3748 3C12.0296 3 11.7498 3.27982 11.7498 3.625C11.7498 3.97018 12.0296 4.25 12.3748 4.25Z" fill="white" />
</svg>
</a>
<button class="btnn header-btn btnn-border-light">Let’s Talk</button>
</div>
</header>
<!-- Mobile menu section Start-->
<div class="mobile-bars-position">
<div class="mobile-bar">
<button class="btn mbl-bar menu-btn line-mbl-responsive" onclick="menutogglemoobile()">
<span></span>
</button>
</div>
</div>
<aside class="mobile-menu-wrapper" id="mobile-menu-wrapper" style="visibility: hidden;">
<div class="background-opacity"></div>
<div class="mobile-menu" id="mobileMenu">
<div class="mobile-menu-header">
<img src="images/logo.svg" alt="">
<div class="mobile-menu-bar">
<button class="menu-btn" id="closeMenu">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<g>
<g>
<path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717
L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859
c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287
l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285
L284.286,256.002z" />
</g>
</g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</svg>
</button>
</div>
</div>
<ul>
<li>
<a href="#home">Home</a>
</li>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#project">Project</a>
</li>
<li>
<a href="#blog">Blog</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
<div class="header-mbl-social-icon">
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0C3.595 0 0 3.59531 0 8C0 12.405 3.59531 16 8 16C12.405 16 16 12.4047 16 8C16 3.595 12.4047 0 8 0ZM13.4263 3.48469C14.425 4.68281 15.0347 6.21562 15.0609 7.8875C13.8091 7.59469 12.4187 7.575 11.0028 7.83313C10.6344 7.90031 10.2659 7.98563 9.89969 8.08813C9.77781 7.75656 9.64844 7.42781 9.51094 7.10219C9.37063 6.77 9.2225 6.44344 9.0675 6.12156C10.7547 5.47719 12.5828 4.51781 13.4263 3.48469ZM8 0.9375C9.83813 0.9375 11.5141 1.64344 12.7719 2.79813C12.2812 3.46719 10.8831 4.44125 8.64 5.28125C7.85688 3.82312 6.91781 2.48313 5.83281 1.27813C6.51594 1.05719 7.24438 0.9375 8 0.9375ZM4.90469 1.65313C6.01125 2.83844 6.96313 4.16219 7.74719 5.59219C5.41344 6.3475 3.05062 6.65562 1.10781 6.45656C1.58094 4.3425 3.00437 2.58344 4.90469 1.65313ZM0.9375 8C0.9375 7.7925 0.947188 7.58719 0.964688 7.38438C1.39344 7.42969 1.84063 7.4525 2.30281 7.4525C4.12563 7.4525 6.17344 7.10187 8.18437 6.43594C8.49125 7.06406 8.76719 7.71031 9.01062 8.3725C8.22656 8.65438 7.46344 9.01281 6.74687 9.43937C4.99 10.4853 3.70469 11.8309 3.17156 13.1491C1.7975 11.8597 0.9375 10.0284 0.9375 8ZM8 15.0625C6.49094 15.0625 5.09094 14.5866 3.94187 13.7769C4.29812 12.5731 5.50313 11.2709 7.22656 10.245C7.83375 9.88313 8.54375 9.54219 9.31656 9.265C9.86438 10.9869 10.2 12.8044 10.3066 14.6753C9.58344 14.9259 8.8075 15.0625 8 15.0625ZM11.2209 14.2844C11.0909 12.4619 10.7516 10.6875 10.2069 8.98312C11.7256 8.56563 13.4125 8.42562 15.0122 8.84062C14.7291 11.2159 13.2628 13.2334 11.2209 14.2844Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="7" height="14" viewBox="0 0 7 14" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M5.72202 2.32458H7V0.0985833C6.77952 0.06825 6.02125 0 5.13816 0C3.29556 0 2.03333 1.15908 2.03333 3.28942V5.25H0V7.7385H2.03333V14H4.52629V7.73908H6.47738L6.7871 5.25058H4.52571V3.53617C4.52629 2.81692 4.71994 2.32458 5.72202 2.32458Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M11.352 0H4.64751C2.08472 0 -0.000244141 2.08497 -0.000244141 4.64775V11.3523C-0.000244141 13.915 2.08472 16 4.64751 16H11.352C13.9148 16 15.9998 13.915 15.9998 11.3523V4.64775C15.9998 2.08497 13.9148 0 11.352 0ZM14.7498 11.3523C14.7498 13.2258 13.2255 14.75 11.352 14.75H4.64751C2.77397 14.75 1.24976 13.2258 1.24976 11.3523V4.64775C1.24976 2.77422 2.77397 1.25 4.64751 1.25H11.352C13.2255 1.25 14.7498 2.77422 14.7498 4.64775V11.3523Z" fill="white" />
<path d="M7.99976 3.6875C5.62182 3.6875 3.68726 5.62206 3.68726 8C3.68726 10.3779 5.62182 12.3125 7.99976 12.3125C10.3777 12.3125 12.3123 10.3779 12.3123 8C12.3123 5.62206 10.3777 3.6875 7.99976 3.6875ZM7.99976 11.0625C6.3111 11.0625 4.93726 9.68866 4.93726 8C4.93726 6.31134 6.3111 4.9375 7.99976 4.9375C9.68841 4.9375 11.0623 6.31134 11.0623 8C11.0623 9.68866 9.68841 11.0625 7.99976 11.0625Z" fill="white" />
<path d="M12.3748 4.25C12.7199 4.25 12.9998 3.97018 12.9998 3.625C12.9998 3.27982 12.7199 3 12.3748 3C12.0296 3 11.7498 3.27982 11.7498 3.625C11.7498 3.97018 12.0296 4.25 12.3748 4.25Z" fill="white" />
</svg>
</a>
</div>
</div>
</aside>
<!-- banner section start-->
<section class="banner">
<div class="container">
<div class="row">
<div class="col-lg-6 order-2 order-lg-0 banner--content align-self-center">
<div class="banner--content--left">
<h4 class="wow bounceInUp">Hello, I’m A</h4>
<h2 class="wow bounceInUp">UI & UX <span>Designer.</span>
</h2>
<p>Hi I'm Alex Wallace, a passionate UI/UX Designer based in the Philippines. Welcome to portfolio
world.
</p>
<a href="#project" class="btnn btnn-primary">View Portfolio</a>
</div>
<div class="srolll-drwn">
<a href="#about" class="wow bounceInUp">Scroll Down
<br>to Explore
</a>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-0">
<div class="banner--content--right">
<img src="images/alex-img.png" alt="">
</div>
</div>
</div>
</div>
</section>
</section>
<div class="header-curve">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#F0FCF9" fill-opacity="1" d="M0,128L60,138.7C120,149,240,171,360,176C480,181,600,171,720,154.7C840,139,960,117,1080,133.3C1200,149,1320,203,1380,229.3L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z">
</path>
</svg>
</div>
<section class="about-elementss" id="about">
<div class="about">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about--img">
<img src="images/about-person.png" alt="Man Image">
<div class="info-item info-item-one">
<span>250+</span>
<p>Complete Project</p>
</div>
<div class="info-item info-item-two">
<span>290+</span>
<p>Coffie</p>
</div>
<div class="info-item info-item-three">
<span>250+</span>
<p>Client Satisfied</p>
</div>
</div>
</div>
<div class="col-lg-6 align-self-center">
<div class="about--right">
<span>let me introduce myself</span>
<h3>About me</h3>
<h5>A story of hardwork and perseverance. </h5>
<p>Hi! I'm Alex Wallace. I have a strong passion for design . I specialize in UI/UX Design and my
passion is
all about building elegant and professional user interfaces and websites. I also do branding and
identity
design such as logo design, letterhead and business card, along with photo editing, image cropping and
other graphic design services.
</p>
<h5>Contact</h5>
<p>Do you fancy saying hi to me or you want to get started with your project and you need my help? Feel
free
to contact me.
<span class="gmail">[email protected]</span>
</p>
<a href="#" class="btnn-primary btnn">Hire Me</a>
<a href="images/cv.pdf" download class="btnn-border-dark btnn Download">Download Cv</a>
</div>
</div>
</div>
</div>
</div>
<div class="about-element">
<img src="images/about-dots.png" alt="">
</div>
<div class="about-element-left">
<img src="images/about-left-element.png" alt="">
</div>
<div class="about-element-left-botton">
<img src="images/about-left-bottom-element.png" alt="">
</div>
</section>
<section class="services backg">
<div class="bbbbb">
<div class="common--header text-center">
<p class="common--header--subtitle">What is will do for you </p>
<h5 class="common--header--title">Services</h5>
</div>
<div class="services--body">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="services--body-item">
<svg width="75" height="75" viewBox="0 0 75 75" fill="#29D882" xmlns="http://www.w3.org/2000/svg">
<path d="M8.35525 24.3391H1.81692C0.813404 24.3391 0 25.1514 0 26.1535C0 27.1556 0.813404 27.9678 1.81692 27.9678H8.35511C9.35877 27.9678 10.1722 27.1556 10.1722 26.1535C10.1722 25.1514 9.35877 24.3391 8.35525 24.3391Z" fill="#29D882" />
<path d="M73.1831 24.3391H66.6447C65.6414 24.3391 64.8278 25.1514 64.8278 26.1535C64.8278 27.1556 65.6414 27.9678 66.6447 27.9678H73.1831C74.1864 27.9678 75 27.1556 75 26.1535C75 25.1514 74.1864 24.3391 73.1831 24.3391Z" fill="#29D882" />
<path d="M15.8408 47.7821C15.1313 47.0736 13.9809 47.0736 13.2712 47.7821L8.51547 52.5312C7.80592 53.2397 7.80592 54.3885 8.51547 55.0972C8.87031 55.4515 9.33533 55.6286 9.80019 55.6286C10.2651 55.6286 10.7302 55.4515 11.0849 55.0972L15.8408 50.3481C16.5503 49.6397 16.5503 48.4908 15.8408 47.7821Z" fill="#29D882" />
<path d="M63.1583 0.531412C62.4486 -0.177137 61.2986 -0.177137 60.5887 0.531412L55.9633 5.15038C55.2537 5.85893 55.2537 7.00782 55.9633 7.71622C56.3182 8.07027 56.7833 8.24752 57.2481 8.24752C57.7133 8.24752 58.178 8.07027 58.5328 7.71607L63.1582 3.09725C63.8677 2.3887 63.8677 1.23981 63.1583 0.531412Z" fill="#29D882" />
<path d="M19.0342 5.14777L14.4112 0.531436C13.7017 -0.17682 12.5512 -0.17682 11.8416 0.531436C11.1321 1.23999 11.1321 2.38887 11.8416 3.09742L16.4646 7.7139C16.8195 8.0681 17.2845 8.24535 17.7493 8.24535C18.2142 8.24535 18.6794 8.0681 19.0341 7.7139C19.7436 7.00535 19.7436 5.85647 19.0342 5.14777Z" fill="#29D882" />
<path d="M66.4842 52.5319L61.7461 47.8C61.0364 47.0914 59.8863 47.0914 59.1765 47.8001C58.467 48.5086 58.467 49.6575 59.1765 50.3659L63.9148 55.0976C64.2696 55.4519 64.7347 55.629 65.1995 55.629C65.6647 55.629 66.1294 55.4518 66.4842 55.0976C67.1938 54.3892 67.1938 53.2403 66.4842 52.5319Z" fill="#29D882" />
<path d="M37.5 4.92725C24.9362 4.92725 14.7149 15.6038 14.7149 28.7273C14.7149 34.8284 16.9034 41.3956 20.7194 46.745C23.6502 50.8531 25.1991 55.4241 25.1991 59.9638V71.3713C25.1991 73.3722 26.8293 75.0001 28.8329 75.0001H46.1673C48.171 75.0001 49.8012 73.3722 49.8012 71.3713V59.9638C49.8012 55.4242 51.3501 50.8531 54.2805 46.745C58.0966 41.3958 60.2852 34.8284 60.2852 28.7273C60.2849 15.6038 50.0636 4.92725 37.5 4.92725ZM46.167 71.3716H28.8326V68.9984H37.4999C38.5034 68.9984 39.317 68.1862 39.317 67.1841C39.317 66.1819 38.5034 65.3697 37.4999 65.3697H28.8326V62.9966H46.1675L46.1695 71.3713C46.1694 71.3716 46.1686 71.3716 46.167 71.3716ZM34.952 37.5209L32.5222 32.3373H42.4776L40.0481 37.5209C39.9524 37.725 39.8957 37.9452 39.8806 38.1699L38.4716 59.3679H36.5284L35.1194 38.1699C35.1044 37.9452 35.0475 37.725 34.952 37.5209ZM51.3207 44.6397C48.0755 49.1889 46.3027 54.2686 46.1745 59.3679H42.1135L43.4837 38.7502L46.9795 31.2919C47.243 30.73 47.2006 30.0725 46.867 29.5489C46.5336 29.0255 45.9554 28.7084 45.334 28.7084H29.6657C29.0443 28.7084 28.4662 29.0255 28.1326 29.5489C27.7992 30.0723 27.7567 30.7299 28.0201 31.2918L31.5161 38.7501L32.8863 59.3677H28.825C28.6968 54.2683 26.9242 49.1888 23.6788 44.6395C20.341 39.9605 18.3483 34.0119 18.3483 28.7271C18.3483 17.6045 26.9396 8.55583 37.4996 8.55583C48.0596 8.55583 56.6509 17.6045 56.6509 28.7271C56.6512 34.0122 54.6586 39.9608 51.3207 44.6397Z" fill="#29D882" />
</svg>
<span>150 Projects</span>
<h4>UI & UX Design</h4>
<p>Create project plan, Data analysis, wireframes, Concept Testing, Style guide, Responsiveness, User
Testing.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services--body-item">
<svg width="75" height="75" class="llll" viewBox="0 0 75 75" fill="#29D882" xmlns="http://www.w3.org/2000/svg">
<path d="M74.9999 37.5001C74.9999 35.7188 74.1192 34.1171 72.7009 33.3192L67.1167 30.1815L72.7009 27.044C72.7011 27.0438 72.7015 27.0437 72.7015 27.0437C74.1195 26.2461 75.0002 24.6443 75.0002 22.863C75.0002 21.0821 74.1193 19.4802 72.7012 18.6823L41.1752 0.969014C38.8737 -0.323032 36.1259 -0.323032 33.8239 0.969178L2.29848 18.6832C0.880809 19.4804 2.92202e-07 21.0821 2.92202e-07 22.8632C2.92202e-07 24.6444 0.880663 26.2461 2.29892 27.044L7.88304 30.1815L2.29819 33.3195C0.880663 34.1171 2.92202e-07 35.7188 2.92202e-07 37.5001C2.92202e-07 39.2813 0.880663 40.883 2.29892 41.6807L7.88304 44.8184L2.29936 47.9558C0.881834 48.7517 0.000586229 50.3529 2.92202e-07 52.1343C-0.000585644 53.9167 0.880077 55.5194 2.29892 56.3174L33.8245 74.0311C34.9753 74.6772 36.2372 75 37.4998 75C38.7623 75 40.0249 74.6769 41.1758 74.0309L72.7014 56.3173C74.1196 55.5197 75.0004 53.9169 74.9999 52.1345C74.9993 50.353 74.118 48.7518 72.7009 47.9564L67.1167 44.8187L72.7015 41.6807C74.1192 40.883 74.9999 39.2813 74.9999 37.5001ZM3.84155 23.5787C3.49892 23.386 3.44794 23.0477 3.44794 22.8633C3.44794 22.679 3.49921 22.3407 3.84096 22.1484L35.3655 4.43543C36.0339 4.06011 36.7671 3.87278 37.5002 3.87278C38.2331 3.87278 38.9661 4.06028 39.6341 4.43527L71.1585 22.1481C71.5008 22.3407 71.5521 22.679 71.5521 22.8633C71.5521 23.0477 71.5011 23.386 71.1585 23.5787L39.6345 41.2913C38.2978 42.0416 36.702 42.0416 35.3661 41.2914L3.84155 23.5787ZM71.1595 51.422C71.5008 51.6136 71.5519 51.9512 71.5519 52.1358C71.5521 52.3206 71.5009 52.6596 71.1589 52.8518L39.6343 70.5648C38.2977 71.3151 36.7019 71.3153 35.3659 70.565L3.84155 52.852C3.49892 52.6592 3.4478 52.3205 3.44794 52.1356C3.44794 51.9514 3.49892 51.6136 3.84096 51.4217L11.7382 46.9844L33.8245 59.394C34.9753 60.0401 36.2372 60.363 37.4996 60.363C38.7622 60.363 40.0247 60.0398 41.1757 59.3939L63.2614 46.9844L71.1595 51.422ZM71.1588 38.2151L39.6343 55.9281C38.2977 56.6784 36.7019 56.6786 35.3659 55.9283L3.84155 38.2155C3.49892 38.0229 3.44794 37.6846 3.44794 37.5002C3.44794 37.3155 3.49892 36.9776 3.84096 36.7851L11.7382 32.3478L33.8245 44.7575C34.9751 45.4036 36.2374 45.7264 37.4996 45.7264C38.7619 45.7264 40.0246 45.4034 41.1755 44.7572L63.2615 32.3477L71.1582 36.7846C71.5008 36.9774 71.5518 37.3155 71.5518 37.5001C71.5519 37.6844 71.5008 38.0227 71.1588 38.2151Z" fill="#29D882" />
</svg>
<span>198 Projects</span>
<h4>Graphic Design</h4>
<p>Create project plan, Data analysis, wireframes, Concept Testing, Style guide, Responsiveness, User
Testing.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services--body-item">
<svg width="75" height="75" viewBox="0 0 75 75" fill="#29D882" xmlns="http://www.w3.org/2000/svg">
<path d="M73.506 0H1.49402C0.669024 0 0 0.724246 0 1.6177V45.6261V56.0347C0 56.9281 0.669024 57.6524 1.49402 57.6524H36.006V61.9039H24.9359C24.1109 61.9039 23.4418 62.6281 23.4418 63.5216C23.4418 64.415 24.1109 65.1393 24.9359 65.1393H45.1972V66.2607V73.3823C45.1972 74.2758 45.8662 75 46.6912 75H66.0856C66.9106 75 67.5796 74.2758 67.5796 73.3823V66.2607V57.6524H73.506C74.331 57.6524 75 56.9281 75 56.0347V45.6261V1.6177C75 0.724408 74.331 0 73.506 0ZM45.1972 61.904H38.994V57.6526H45.1972V61.904ZM45.1972 54.4171H2.98805V47.2439H45.1972V54.4171ZM64.5916 71.7649H48.1853V67.8787H64.5916V71.7649ZM64.5916 45.6262V56.0348V64.6431H48.1853V56.0348V45.6262V38.2961H64.5916V45.6262ZM72.012 54.4171H67.5796V47.2439H72.012V54.4171ZM72.012 44.0083H67.5796V36.6784C67.5796 35.7849 66.9106 35.0607 66.0856 35.0607H46.6912C45.8662 35.0607 45.1972 35.7849 45.1972 36.6784V44.0085H2.98805V3.23541H72.012V44.0083Z" fill="#29D882" />
</svg>
<span>112 Projects</span>
<h4>Web Design</h4>
<p>Create project plan, Data analysis, wireframes, Concept Testing, Style guide, Responsiveness, User
Testing.</p>
</div>
</div>
</div>
</div>
<div class="background-element">
<img src="images/background-element.png" alt="">
</div>
<div class="dots-element">
<img src="images/Dots-element.png" alt="">
</div>
</div>
</div>
</section>
<section class="portfolio" id="project">
<div class="container">
<div class="portfolio-content">
<div class="portfolio-header">
<div class="common--header">
<p class="common--header--subtitle">Some of my recent work</p>
<h5 class="common--header--title">Portfolio</h5>
</div>
</div>
<div class="portfolio-menu">
<ul class="tab-list">
<li data-filter="*" class="tab-item is-active">All</li>
<li data-filter=".uiux" class="tab-item">UI & UX Design</li>
<li data-filter=".branding" class="tab-item">Branding</li>
<li data-filter=".graphic" class="tab-item">Graphic Design</li>
</ul>
</div>
</div>
</div>
<div class="row all-items-portfolio justify-content-center">
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio uiux">
<div class="card">
<img src="images/portfolio-item-2.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="#">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio graphic">
<div class="card">
<img src="images/portfolio-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="#">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio branding uiux">
<div class="card">
<img src="images/portfolio-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio graphic">
<div class="card">
<img src="images/portfolio-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio uiux branding">
<div class="card">
<img src="images/blog-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio branding uiux">
<div class="card">
<img src="images/portfolio-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio graphic">
<div class="card">
<img src="images/blog-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-md-6 item-portfolio graphic">
<div class="card">
<img src="images/portfolio-item.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="testeee">
<img src="images/testimonial.png" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="testimonial-content">
<div class="header-test-content">
<div class="common--header testimonial-header">
<p class="common--header--subtitle">What My Clients Say</p>
<h5 class="common--header--title">Testimonial</h5>
</div>
<div class="testimonial-arrows ">
<div class="portfolio-arrows-left swiper-button-next">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.1666 14L5.83329 14" stroke="#21272F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.5 18.6667L5.83333 14.0001L10.5 9.33341" stroke="#21272F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="portfolio-arrows-right swiper-button-prev">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.83337 14H22.1667" stroke="#21272F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M17.5 9.33325L22.1667 13.9999L17.5 18.6666" stroke="#21272F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</div>
<div class="testimonial-slider-content swiper testimonialSlider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slider-item">
<p>Testimonial-slider-content..testimonial-slider-content testimonial-slider-content He really surprised me with his taste and style..Impossible to let you down.s</p>
<h3>Ashlynn Herwitz</h3>
<span>Interior Designer</span>
</div>
</div>
<div class="swiper-slide">
<div class="slider-item">
<p>Exceptionally pleased with militaria. He really surprised me with his taste and style. Impossible to let you down. I have been very disappointed with many alleged business card designers. He really surprised me with his taste and style. Impossible to let you down.</p>
<h3>Ashlynn Herwitz</h3>
<span>Interior Designer</span>
</div>
</div>
<div class="swiper-slide">
<div class="slider-item">
<p>In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.Exceptionally pleased with militaria. He really surprised me with his taste and style. He really surprised me with his taste and style. Impossible to let you down.</p>
<h3>Ashlynn Herwitz</h3>
<span>Interior Designer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-background-element">
<img src="images/about-dots.png" alt="">
</div>
<div class="testimonial-background-element-left">
<img src="images/testimonial-element-left.png" alt="">
</div>
</section>
<section class="partner">
<div class="container ">
<div class="partner-all-item">
<div class="row justify-content-center swiper partner-slider">
<div class="swiper-wrapper">
<div class="col-lg-2 col-md-3 partner-border swiper-slide">
<img src="images/google-logo.png" alt="">
</div>
<div class="col-lg-2 col-md-3 partner-border swiper-slide">
<img src="images/google-logo.png" alt="">
</div>
<div class="col-lg-2 col-md-3 partner-border swiper-slide">
<img src="images/google-logo.png" alt="">
</div>
<div class="col-lg-2 col-md-3 partner-border swiper-slide">
<img src="images/google-logo.png" alt="">
</div>
<div class="col-lg-2 col-md-3 partner-border swiper-slide">
<img src="images/google-logo.png" alt="">
</div>
<div class="col-lg-2 col-md-3 partner-border swiper-slide">
<img src="images/google-logo.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog" id="blog">
<div class="common--header text-center blog-header">
<p class="common--header--subtitle">Latest News</p>
<h5 class="common--header--title">Blog</h5>
</div>
<div class="blog--body">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card">
<a href="">
<img src="images/blog-item.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span class="card-dots"></span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<a href="">
<img src="images/blog-item.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span class="card-dots"></span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<a href="">
<img src="images/blog-item.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="">UI & UX Designer trend in 2021</a>
<div class="card-body-footer">
<span>12th December, 2020</span>
<span class="card-dots"></span>
<span>By Admin</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="blog-background-element">
<img src="images/dots.svg" alt="">
</div>
<div class="blog-element-top">
<svg width="207" height="43" viewBox="0 0 207 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.2" d="M43 20L59.7365 3.47013C61.684 1.5467 64.816 1.5467 66.7635 3.47013L79.9865 16.5299C81.934 18.4533 85.066 18.4533 87.0135 16.5299L100.236 3.47013C102.184 1.5467 105.316 1.5467 107.264 3.47013L120.486 16.5299C122.434 18.4533 125.566 18.4533 127.514 16.5299L140.736 3.47013C142.684 1.5467 145.816 1.5467 147.764 3.47013L160.986 16.5299C162.934 18.4533 166.066 18.4533 168.014 16.5299L181.236 3.47013C183.184 1.5467 186.316 1.5467 188.264 3.47013L205 20" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="bevel" />
<path opacity="0.2" d="M2 41L18.7365 24.4701C20.684 22.5467 23.816 22.5467 25.7635 24.4701L38.9865 37.5299C40.934 39.4533 44.066 39.4533 46.0135 37.5299L59.2365 24.4701C61.184 22.5467 64.316 22.5467 66.2635 24.4701L79.4865 37.5299C81.434 39.4533 84.566 39.4533 86.5135 37.5299L99.7365 24.4701C101.684 22.5467 104.816 22.5467 106.764 24.4701L119.986 37.5299C121.934 39.4533 125.066 39.4533 127.014 37.5299L140.236 24.4701C142.184 22.5467 145.316 22.5467 147.264 24.4701L164 41" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="bevel" />
</svg>
</div>
</section>
<div class="footer-curve ">
<img src="images/Contact-bg.png" alt="">
</div>
<section class="contact" id="contact">
<div class="common--header text-center">
<p class="common--header--subtitle">Get in touch</p>
<h5 class="common--header--title contact-header-color">Contact</h5>
</div>
<div class="container contact-border">
<div class="row">
<div class="col-lg-6 contact-pad-r">
<div class="contact-left">
<h4>Drop me a line.</h4>
<form class="form-all-item">
<fieldset>
<div class="mb-3">
<input type="text" class="form-control" placeholder="Your name">
</div>
<div class="mb-3">
<input type="text" class="form-control" placeholder="Your E-mail">
</div>
<div class="mb-3">
<input type="text" class="form-control" placeholder="Subjects">
</div>
<div class="mb-3">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Your message"></textarea>
</div>
<button class="btnn btnn-primary contact-btn">Send Message</button>
</fieldset>
</form>
</div>
</div>
<div class="col-lg-6 contact-pad-l">
<div class="contact-right">
<div class="contact-right-item">
<i>
<svg width="29" height="35" viewBox="0 0 29 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.9995 14.6818C26.9995 24.5455 14.4995 33 14.4995 33C14.4995 33 1.99951 24.5455 1.99951 14.6818C1.99951 11.3184 3.31647 8.09272 5.66068 5.71442C8.00488 3.33612 11.1843 2 14.4995 2C17.8147 2 20.9941 3.33612 23.3383 5.71442C25.6825 8.09272 26.9995 11.3184 26.9995 14.6818Z" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.4997 18.9096C16.8009 18.9096 18.6663 17.017 18.6663 14.6824C18.6663 12.3477 16.8009 10.4551 14.4997 10.4551C12.1985 10.4551 10.333 12.3477 10.333 14.6824C10.333 17.017 12.1985 18.9096 14.4997 18.9096Z" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</i>
<p>House #5, Street Number #87,
<br>
Manila-1011, Philippine.
</p>
</div>
<div class="contact-right-item">
<i>
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.9987 22.2147V26.2793C29.0002 26.6566 28.9228 27.0301 28.7713 27.3758C28.6198 27.7216 28.3977 28.0319 28.1191 28.287C27.8405 28.5421 27.5116 28.7363 27.1534 28.8572C26.7953 28.9781 26.4158 29.023 26.0392 28.989C21.8618 28.536 17.8491 27.1114 14.3235 24.8296C11.0435 22.7494 8.26252 19.974 6.17822 16.7004C3.88392 13.1658 2.45614 9.14161 2.01053 4.95373C1.97661 4.57907 2.02122 4.20146 2.14153 3.84495C2.26185 3.48843 2.45523 3.16083 2.70935 2.88299C2.96348 2.60515 3.27279 2.38316 3.61759 2.23117C3.96239 2.07917 4.33512 2.00049 4.71206 2.00013H8.78472C9.44355 1.99366 10.0823 2.2265 10.5818 2.65525C11.0813 3.084 11.4076 3.67941 11.4998 4.3305C11.6717 5.63125 11.9905 6.90843 12.4501 8.13766C12.6328 8.6226 12.6723 9.14963 12.564 9.6563C12.4557 10.163 12.2042 10.628 11.8392 10.9964L10.1151 12.7171C12.0477 16.1091 14.8617 18.9176 18.2604 20.8463L19.9845 19.1256C20.3536 18.7613 20.8196 18.5103 21.3273 18.4022C21.835 18.2942 22.3631 18.3336 22.849 18.5159C24.0806 18.9746 25.3603 19.2928 26.6637 19.4643C27.3231 19.5572 27.9254 19.8887 28.3559 20.3958C28.7864 20.9029 29.0152 21.5502 28.9987 22.2147Z" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</i>
<p>+63-280-5551-583
<br>
+63-852-9482-358
</p>
</div>
<div class="contact-right-item contact-right-item-pad">
<i>
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.09951 2H29.8995C31.6045 2 32.9995 3.40625 32.9995 5.125V23.875C32.9995 25.5938 31.6045 27 29.8995 27H5.09951C3.39451 27 1.99951 25.5938 1.99951 23.875V5.125C1.99951 3.40625 3.39451 2 5.09951 2Z" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M32.9995 5.125L17.4995 16.0625L1.99951 5.125" stroke="#29D882" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</i>
<br>
</p>
</div>
<div class="contact-right-element">
<img src="images/footer-right-element.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="secondary-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="header-social-icon secondary-footer-social-icon">
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0C3.595 0 0 3.59531 0 8C0 12.405 3.59531 16 8 16C12.405 16 16 12.4047 16 8C16 3.595 12.4047 0 8 0ZM13.4263 3.48469C14.425 4.68281 15.0347 6.21562 15.0609 7.8875C13.8091 7.59469 12.4187 7.575 11.0028 7.83313C10.6344 7.90031 10.2659 7.98563 9.89969 8.08813C9.77781 7.75656 9.64844 7.42781 9.51094 7.10219C9.37063 6.77 9.2225 6.44344 9.0675 6.12156C10.7547 5.47719 12.5828 4.51781 13.4263 3.48469ZM8 0.9375C9.83813 0.9375 11.5141 1.64344 12.7719 2.79813C12.2812 3.46719 10.8831 4.44125 8.64 5.28125C7.85688 3.82312 6.91781 2.48313 5.83281 1.27813C6.51594 1.05719 7.24438 0.9375 8 0.9375ZM4.90469 1.65313C6.01125 2.83844 6.96313 4.16219 7.74719 5.59219C5.41344 6.3475 3.05062 6.65562 1.10781 6.45656C1.58094 4.3425 3.00437 2.58344 4.90469 1.65313ZM0.9375 8C0.9375 7.7925 0.947188 7.58719 0.964688 7.38438C1.39344 7.42969 1.84063 7.4525 2.30281 7.4525C4.12563 7.4525 6.17344 7.10187 8.18437 6.43594C8.49125 7.06406 8.76719 7.71031 9.01062 8.3725C8.22656 8.65438 7.46344 9.01281 6.74687 9.43937C4.99 10.4853 3.70469 11.8309 3.17156 13.1491C1.7975 11.8597 0.9375 10.0284 0.9375 8ZM8 15.0625C6.49094 15.0625 5.09094 14.5866 3.94187 13.7769C4.29812 12.5731 5.50313 11.2709 7.22656 10.245C7.83375 9.88313 8.54375 9.54219 9.31656 9.265C9.86438 10.9869 10.2 12.8044 10.3066 14.6753C9.58344 14.9259 8.8075 15.0625 8 15.0625ZM11.2209 14.2844C11.0909 12.4619 10.7516 10.6875 10.2069 8.98312C11.7256 8.56563 13.4125 8.42562 15.0122 8.84062C14.7291 11.2159 13.2628 13.2334 11.2209 14.2844Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="7" height="14" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.72202 2.32458H7V0.0985833C6.77952 0.06825 6.02125 0 5.13816 0C3.29556 0 2.03333 1.15908 2.03333 3.28942V5.25H0V7.7385H2.03333V14H4.52629V7.73908H6.47738L6.7871 5.25058H4.52571V3.53617C4.52629 2.81692 4.71994 2.32458 5.72202 2.32458Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.352 0H4.64751C2.08472 0 -0.000244141 2.08497 -0.000244141 4.64775V11.3523C-0.000244141 13.915 2.08472 16 4.64751 16H11.352C13.9148 16 15.9998 13.915 15.9998 11.3523V4.64775C15.9998 2.08497 13.9148 0 11.352 0ZM14.7498 11.3523C14.7498 13.2258 13.2255 14.75 11.352 14.75H4.64751C2.77397 14.75 1.24976 13.2258 1.24976 11.3523V4.64775C1.24976 2.77422 2.77397 1.25 4.64751 1.25H11.352C13.2255 1.25 14.7498 2.77422 14.7498 4.64775V11.3523Z" fill="white" />
<path d="M7.99976 3.6875C5.62182 3.6875 3.68726 5.62206 3.68726 8C3.68726 10.3779 5.62182 12.3125 7.99976 12.3125C10.3777 12.3125 12.3123 10.3779 12.3123 8C12.3123 5.62206 10.3777 3.6875 7.99976 3.6875ZM7.99976 11.0625C6.3111 11.0625 4.93726 9.68866 4.93726 8C4.93726 6.31134 6.3111 4.9375 7.99976 4.9375C9.68841 4.9375 11.0623 6.31134 11.0623 8C11.0623 9.68866 9.68841 11.0625 7.99976 11.0625Z" fill="white" />
<path d="M12.3748 4.25C12.7199 4.25 12.9998 3.97018 12.9998 3.625C12.9998 3.27982 12.7199 3 12.3748 3C12.0296 3 11.7498 3.27982 11.7498 3.625C11.7498 3.97018 12.0296 4.25 12.3748 4.25Z" fill="white" />
</svg>
</a>
<a href="#">
<svg width="22" height="14" viewBox="0 0 22 14" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M9.05104 6.32897C9.50757 6.09517 9.85273 5.83477 10.0892 5.55337C10.51 5.04657 10.7177 4.37457 10.7177 3.54157C10.7177 2.73098 10.51 2.03798 10.0947 1.45698C9.40169 0.510577 8.22872 0.0261765 6.57034 0.000976562H6.10352e-05V13.6552H6.12618C6.81648 13.6552 7.45591 13.595 8.04721 13.4718C8.6385 13.3472 9.15004 13.119 9.5832 12.7858C9.96823 12.496 10.29 12.1362 10.5458 11.712C10.9501 11.0708 11.1522 10.3442 11.1522 9.53497C11.1522 8.75097 10.9748 8.08317 10.6228 7.53437C10.2666 6.98557 9.74409 6.58377 9.05104 6.32897ZM2.7104 2.37258H5.66964C6.32007 2.37258 6.85636 2.44398 7.27714 2.58538C7.76393 2.79118 8.00733 3.20977 8.00733 3.84817C8.00733 4.42077 7.82169 4.82118 7.45453 5.04657C7.08463 5.27197 6.60471 5.38537 6.01617 5.38537H2.7104V2.37258ZM7.3899 11.0456C7.06263 11.2066 6.60196 11.2864 6.01204 11.2864H2.7104V7.64497H6.05742C6.64047 7.64917 7.09425 7.72757 7.41878 7.87457C7.99633 8.14057 8.28372 8.62777 8.28372 9.34037C8.28372 10.1804 7.9867 10.746 7.3899 11.0456Z" fill="#fff" />
<path d="M19.8858 0.638184H14.0595V2.33778H19.8858V0.638184Z" fill="#fff" />
<path d="M21.9095 7.34543C21.7885 6.55443 21.5217 5.85862 21.1064 5.25802C20.6513 4.57762 20.0737 4.07922 19.371 3.76422C18.6711 3.44782 17.8832 3.28962 17.0058 3.29102C15.5331 3.29102 14.3368 3.76002 13.4113 4.69102C12.4886 5.62482 12.0266 6.96742 12.0266 8.71742C12.0266 10.5836 12.5367 11.9318 13.5626 12.7592C14.5843 13.588 15.7641 14.001 17.1035 14.001C18.7247 14.001 19.9857 13.5096 20.8864 12.5296C21.4626 11.9108 21.7885 11.3018 21.86 10.704H19.1758C19.0204 10.9994 18.8402 11.2304 18.634 11.3984C18.2599 11.7064 17.7732 11.8604 17.1764 11.8604C16.6084 11.8604 16.1272 11.733 15.7256 11.4796C15.0628 11.0736 14.7163 10.3624 14.6723 9.35022H21.9975C22.0085 8.47802 21.981 7.80743 21.9095 7.34543ZM14.7383 7.60722C14.8346 6.95062 15.0683 6.42982 15.4396 6.04482C15.8109 5.66122 16.3362 5.46802 17.0086 5.46662C17.6288 5.46662 18.1472 5.64722 18.5693 6.00982C18.986 6.37522 19.2211 6.90582 19.2693 7.60722H14.7383Z" fill="#fff" />
</svg>
</a>
</div>
</div>
<div class="col-lg-4 align-self-center">
<div class="secondary-footer-mid">
<span>© 2020 — Alex by Zafor Iqbal. All Rights Reserved.</span>
</div>
</div>
<div class="col-lg-4 align-self-center">
<div class="secondary-footer-right">
<select name="mode" id="themeMode">
<option value="light" selected>Light</option>
<option value="dark">Dark</option>
</select>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<!-- Custom js-->
<script src="js/main.js"></script>
<!-- responsive menu js-->
<script>
var mobileMenuWrapper = document.getElementById("mobile-menu-wrapper");
function hideMenu() {
mobileMenuWrapper.style.visibility = "hidden";
mobileMenuWrapper.classList.remove('active');
}
function showMenu() {
mobileMenuWrapper.style.visibility = "visible";
mobileMenuWrapper.classList.add('active');
}
function menutogglemoobile() {
if (mobileMenuWrapper.style.visibility === "hidden") {
showMenu();
} else {
hideMenu();
}
}
var x = document.getElementById("closeMenu");
x.addEventListener('click', function () {
hideMenu();
})
// hide menu when click outside menu container
var overlay = document.getElementsByClassName('background-opacity')[0];
overlay.addEventListener('click', function () {
hideMenu();
})
</script>
</body>
</html>