-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
921 lines (886 loc) · 95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Personal Portfolio</title>
<link rel="icon" href="favicon.ico"><link href="style.css" rel="stylesheet"></head>
<body>
<header class="header me d f g y bc mb id ai">
<div class="a">
<div class="mb ca id ld e">
<div class="df cc oc">
<a href="index.html" class="header-logo bc kb ef xl">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/logo.svg" alt="logo" class="bc" />
</a>
</div>
<div class="mb df ld id bc">
<div>
<button id="navbarToggler" name="navbarToggler" aria-label="navbarToggler" class="kb d h i/2 bd hl bj zh ff gf qd">
<span class="e dc pb da kb ne"></span>
<span class="e dc pb da kb ne"></span>
<span class="e dc pb da kb ne"></span>
</button>
<nav id="navbarCollapse" class="d hf yl zl dn oe vl th qd pc bc rl il h j ob el sk pm">
<ul class="ln fl">
<li class="e dj">
<a href="#home" class="menu-scroll ug jh gj if _l gl am mb ea zk"> Home </a>
</li>
<li class="e dj">
<a href="#about" class="menu-scroll ug jh gj if _l gl am mb ea zk _k vm">
About
</a>
</li>
<li class="e dj">
<a href="#services" class="menu-scroll ug jh gj if _l gl am mb ea zk _k vm">
Services
</a>
</li>
<li class="e dj">
<a href="#pricing" class="menu-scroll ug jh gj if _l gl am mb ea zk _k vm">
Pricing
</a>
</li>
<li class="e dj">
<a href="#contact" class="menu-scroll ug jh gj if _l gl am mb ea zk _k vm">
Contact
</a>
</li>
<li class="e dj submenu-item">
<a href="javascript:void(0)" class="ug jh gj if _l gl em fm mb ea zk _k vm e fi ki ji ni oi pi mi rm gi hi/2 li ii">
Pages
</a>
<div class="submenu ob e tk ec j uk g rd qm af el om rk ij sm tm oe bi ci">
<a href="portfolio-details.html" class="kb vg jh sd ui jf df"> Portfolio Details Page </a>
<a href="blog-grids.html" class="kb vg jh sd ui jf df"> Blog Grids Page </a>
<a href="blog-details.html" class="kb vg jh sd ui jf df"> Blog Details Page </a>
</div>
</li>
</ul>
</nav>
</div>
<div class="nj jd ob xf gm">
<a href="#contact" class="ug dh kh pe td kf lf jk bm en yi si ai ei ci">
Download CV
</a>
</div>
</div>
</div>
</div>
</header>
<section id="home" class="e z yf hm 2xl:ud-flex id 2xl:ud-h-[700px]">
<div class="a">
<div class="mb hd ca">
<div class="bc pl/2 nd df">
<div>
<h1 class="ug fh mh ua">
Hey There 👋 I am
<span class="dh jh wg zj kk hh ak pk kb bb"> Daniel Jack </span>
</h1>
<h2 class="eh lh _g lk oa">
Professional
<span class="jh">Graphic Designer </span>
</h2>
<p class="tc eh lh ug ih cb">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean interdum consequat convallis.
</p>
<div class="mb id">
<a href="javascript:void(0)" class="ug fh kh pe kf lf pa yi si td ai ci ei">
Contact Me
</a>
<a href="javascript:void(0)" class="ug fh kh qe kf lf yi si td ai ci ei">
Learn More
</a>
</div>
</div>
</div>
<div class="bc pl/2 md df">
<div class="e db al z 2xl:ud-absolute 2xl:ud-bottom-0 2xl:ud-right-40">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/hero-image.png" alt="image" class="oc fa" />
<span class="d pn r nn">
<svg width="40" height="38" viewBox="0 0 40 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31451 3.18282L32.4926 6.24789C36.3084 6.75249 38.147 11.1986 35.8021 14.2508L21.5587 32.7911C19.2138 35.8434 14.444 35.2126 12.9731 31.6558L4.03852 10.0504C2.56762 6.49355 5.49873 2.67822 9.31451 3.18282Z" stroke="#4A6CF7" stroke-width="6" /></svg>
</span>
</div>
</div>
</div>
</div>
<div>
<span class="d g s nn">
<svg width="48" height="95" viewBox="0 0 48 95" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="0.5" cy="47.5" r="47.5" fill="url(#paint0_radial_6:121)"/> <defs> <radialGradient id="paint0_radial_6:121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.5) rotate(90) scale(95)"> <stop stop-color="white"/> <stop offset="0.569" stop-color="#F0F4FD"/> <stop offset="0.993" stop-color="#D9E0F0"/> </radialGradient> </defs> </svg>
</span>
<span class="d q k nn">
<svg width="491" height="490" viewBox="0 0 491 490" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="356.5" cy="356.5" r="356.5" fill="url(#paint0_linear_6:37)"/> <defs> <linearGradient id="paint0_linear_6:37" x1="356.5" y1="0" x2="356.5" y2="713" gradientUnits="userSpaceOnUse"> <stop stop-color="#4A6CF7"/> <stop offset="1" stop-color="#1E3BB3"/> </linearGradient> </defs> </svg>
</span>
</div>
</section>
<section id="about" class="hg zf e z">
<div class="a">
<div class="mb hd ca">
<div class="bc pl/2 xm/12 df ma bl">
<span class="dh mh _g lk ua"> ABOUT ME </span>
<h2 class="uc dh jh wg wj kk hh ak qk oa">
Better design, better experience
</h2>
<p class="sc eh ug lh">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dui ligula, malesuada vel convallis in, tincidunt ut mi Vestibulum sit amet.
</p>
</div>
<div class="bc pl/2 ym/12 df">
<h3 class="fh jh yg mk eb">Connect With Me</h3>
<p class="eh ug lh la">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dui ligula, malesuada vel convallis in, tincidunt ut mi. Vestibulum sit amet urna placerat, tempor soloa demanium testi
lor Aliq lorem vitae semper tempor.
</p>
<div class="mb id">
<a href="javascript:void(0)" class="fc sb sa td mb id kd xd ge lh ri qi vi" aria-label="social-link" name="social-link">
<svg width="7" height="14" viewBox="0 0 7 14" class="ye"><path d="M6.50914 5.6H5.42429H5.03684V5.14839V3.74839V3.29677H5.42429H6.23793C6.45103 3.29677 6.62538 3.11613 6.62538 2.84516V0.451613C6.62538 0.203226 6.4704 0 6.23793 0H4.82374C3.29332 0 2.22783 1.26452 2.22783 3.13871V5.10323V5.55484H1.84038H0.523056C0.251842 5.55484 0 5.80323 0 6.16452V7.79032C0 8.10645 0.213097 8.4 0.523056 8.4H1.80164H2.18909V8.85161V13.3903C2.18909 13.7065 2.40218 14 2.71214 14H4.53315C4.64939 14 4.74625 13.9323 4.82374 13.8419C4.90123 13.7516 4.95935 13.5935 4.95935 13.4581V8.87419V8.42258H5.36617H6.23793C6.48977 8.42258 6.6835 8.24194 6.72224 7.97097V7.94839V7.92581L6.99346 6.36774C7.01283 6.20968 6.99345 6.02903 6.87722 5.84839C6.83848 5.73548 6.66412 5.62258 6.50914 5.6Z" /></svg>
</a>
<a href="javascript:void(0)" class="fc sb sa td mb id kd xd ge lh ri qi vi" aria-label="social-link" name="social-link">
<svg width="19" height="14" viewBox="0 0 19 14" class="ye"><path d="M16.5892 2.41096L17.7333 1.09589C18.0645 0.739726 18.1548 0.465753 18.1849 0.328767C17.2817 0.821918 16.4387 0.986301 15.8968 0.986301H15.686L15.5656 0.876712C14.843 0.30137 13.9398 0 12.9763 0C10.8688 0 9.2129 1.58904 9.2129 3.42466C9.2129 3.53425 9.2129 3.69863 9.24301 3.80822L9.33333 4.35616L8.70107 4.32877C4.84731 4.21918 1.68602 1.20548 1.17419 0.684932C0.331183 2.05479 0.812903 3.36986 1.32473 4.19178L2.34839 5.72603L0.722581 4.90411C0.752688 6.05479 1.23441 6.9589 2.16774 7.61644L2.98064 8.16438L2.16774 8.46575C2.67957 9.86301 3.82366 10.4384 4.66667 10.6575L5.78064 10.9315L4.72688 11.589C3.04086 12.6849 0.933333 12.6027 0 12.5205C1.89677 13.726 4.15484 14 5.72043 14C6.89462 14 7.76774 13.8904 7.97849 13.8082C16.4086 12 16.8 5.15068 16.8 3.78082V3.58904L16.9806 3.47945C18.0043 2.60274 18.4258 2.13699 18.6667 1.86301C18.5763 1.89041 18.4559 1.94521 18.3355 1.9726L16.5892 2.41096Z" /></svg>
</a>
<a href="javascript:void(0)" class="fc sb sa td mb id kd xd ge lh ri qi vi" aria-label="social-link" name="social-link">
<svg width="19" height="14" viewBox="0 0 19 14" class="ye"><path d="M18.2753 2.19355C18.0645 1.32258 17.4323 0.645161 16.6194 0.419355C15.1742 7.69092e-08 9.33333 0 9.33333 0C9.33333 0 3.49247 7.69092e-08 2.04731 0.419355C1.23441 0.645161 0.60215 1.32258 0.391398 2.19355C0 3.77419 0 7 0 7C0 7 0 10.2581 0.391398 11.8065C0.60215 12.6774 1.23441 13.3548 2.04731 13.5806C3.49247 14 9.33333 14 9.33333 14C9.33333 14 15.1742 14 16.6194 13.5806C17.4323 13.3548 18.0645 12.6774 18.2753 11.8065C18.6667 10.2581 18.6667 7 18.6667 7C18.6667 7 18.6667 3.77419 18.2753 2.19355ZM7.46667 10V4L12.314 7L7.46667 10Z" /></svg>
</a>
<a href="javascript:void(0)" class="fc sb sa td mb id kd xd ge lh ri qi vi" aria-label="social-link" name="social-link">
<svg width="14" height="14" viewBox="0 0 14 14" class="ye"><path d="M13.0214 0H1.02084C0.453707 0 0 0.451613 0 1.01613V12.9839C0 13.5258 0.453707 14 1.02084 14H12.976C13.5432 14 13.9969 13.5484 13.9969 12.9839V0.993548C14.0422 0.451613 13.5885 0 13.0214 0ZM4.15142 11.9H2.08705V5.23871H4.15142V11.9ZM3.10789 4.3129C2.42733 4.3129 1.90557 3.77097 1.90557 3.11613C1.90557 2.46129 2.45002 1.91935 3.10789 1.91935C3.76577 1.91935 4.31022 2.46129 4.31022 3.11613C4.31022 3.77097 3.81114 4.3129 3.10789 4.3129ZM11.9779 11.9H9.9135V8.67097C9.9135 7.90323 9.89082 6.8871 8.82461 6.8871C7.73571 6.8871 7.57691 7.74516 7.57691 8.60322V11.9H5.51254V5.23871H7.53154V6.16452H7.55423C7.84914 5.62258 8.50701 5.08065 9.52785 5.08065C11.6376 5.08065 12.0232 6.43548 12.0232 8.2871V11.9H11.9779Z" /></svg>
</a>
</div>
</div>
</div>
</div>
<div class="d q i/2 -translate-y-1/2">
<svg width="60" height="120" viewBox="0 0 60 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="60" r="60" fill="url(#paint0_radial_18:24)"/> <defs> <radialGradient id="paint0_radial_18:24" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(60) rotate(90) scale(120)"> <stop stop-color="white"/> <stop offset="0.569" stop-color="#F0F4FD"/> <stop offset="0.993" stop-color="#D9E0F0"/> </radialGradient> </defs> </svg>
</div>
</section>
<section id="services">
<div class="a">
<div class="ig dg _d de">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg fb">
<span class="fh _g mh kb ta"> What I Offer? </span>
<h2 class="dh jh wg wj kk oa">My Services</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
<div class="mb hd ca">
<div class="bc ek/2 wm/4 df">
<div class="oe dj ri wh of lf ud e z od sg di ma">
<div class="fa kc xb eb td pe mb id kd kh fj gj">
<svg width="35" height="33" viewBox="0 0 35 33" class="ye"><path d="M22.8335 14.0001C27.0002 14.0001 30.3335 17.3334 30.3335 21.5001C30.3335 22.9668 29.9168 24.3501 29.1835 25.5001L34.3168 30.6668L32.0002 32.9834L26.8002 27.8668C25.6502 28.5834 24.2835 29.0001 22.8335 29.0001C18.6668 29.0001 15.3335 25.6668 15.3335 21.5001C15.3335 17.3334 18.6668 14.0001 22.8335 14.0001ZM22.8335 17.3334C21.7284 17.3334 20.6686 17.7724 19.8872 18.5538C19.1058 19.3352 18.6668 20.395 18.6668 21.5001C18.6668 22.6052 19.1058 23.665 19.8872 24.4464C20.6686 25.2278 21.7284 25.6668 22.8335 25.6668C23.9386 25.6668 24.9984 25.2278 25.7798 24.4464C26.5612 23.665 27.0002 22.6052 27.0002 21.5001C27.0002 20.395 26.5612 19.3352 25.7798 18.5538C24.9984 17.7724 23.9386 17.3334 22.8335 17.3334ZM13.6668 0.666748C15.4349 0.666748 17.1306 1.36913 18.3809 2.61937C19.6311 3.86961 20.3335 5.56531 20.3335 7.33342C20.3335 8.85008 19.8168 10.2501 18.9668 11.3834C17.5335 11.9167 16.2502 12.7667 15.1835 13.8334L13.6668 14.0001C11.8987 14.0001 10.203 13.2977 8.95278 12.0475C7.70254 10.7972 7.00016 9.10153 7.00016 7.33342C7.00016 5.56531 7.70254 3.86961 8.95278 2.61937C10.203 1.36913 11.8987 0.666748 13.6668 0.666748ZM0.333496 27.3334V24.0001C0.333496 20.4668 5.85016 17.5667 12.8335 17.3334C12.3002 18.6334 12.0002 20.0334 12.0002 21.5001C12.0002 23.6501 12.6335 25.6668 13.6668 27.3334H0.333496Z" /></svg>
</div>
<h3 class="dh jh zg yj km 2xl:ud-text-2xl hj ua">User Research</h3>
<p class="eh lh hj ih vg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ligulavel in.</p>
<div>
<span class="d f q nn">
<svg width="218" height="109" viewBox="0 0 218 109" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.05" cx="156.5" cy="-47.5" r="156.5" fill="white"/> <circle opacity="0.08" cx="210" cy="6" r="62" fill="white"/> </svg>
</span>
<span class="d t u nn">
<svg width="23" height="32" viewBox="0 0 23 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="21.262" cy="1.12081" r="1.12081" transform="rotate(90 21.262 1.12081)" fill="white"/> <circle cx="21.262" cy="30.4863" r="1.12081" transform="rotate(90 21.262 30.4863)" fill="white"/> <circle cx="1.76005" cy="1.12081" r="1.12081" transform="rotate(90 1.76005 1.12081)" fill="white"/> <circle cx="1.76005" cy="30.4863" r="1.12081" transform="rotate(90 1.76005 30.4863)" fill="white"/> <circle cx="11.6228" cy="1.12081" r="1.12081" transform="rotate(90 11.6228 1.12081)" fill="white"/> <circle cx="11.6228" cy="30.4863" r="1.12081" transform="rotate(90 11.6228 30.4863)" fill="white"/> <circle cx="21.262" cy="10.9839" r="1.12081" transform="rotate(90 21.262 10.9839)" fill="white"/> <circle cx="1.76005" cy="10.9839" r="1.12081" transform="rotate(90 1.76005 10.9839)" fill="white"/> <circle cx="11.6228" cy="10.9839" r="1.12081" transform="rotate(90 11.6228 10.9839)" fill="white"/> <circle cx="21.262" cy="20.8469" r="1.12081" transform="rotate(90 21.262 20.8469)" fill="white"/> <circle cx="1.76005" cy="20.8469" r="1.12081" transform="rotate(90 1.76005 20.8469)" fill="white"/> <circle cx="11.6228" cy="20.8469" r="1.12081" transform="rotate(90 11.6228 20.8469)" fill="white"/> </svg>
</span>
</div>
</div>
</div>
<div class="bc ek/2 wm/4 df">
<div class="oe dj ri wh of lf ud e z od sg di ma">
<div class="fa kc xb eb td pe mb id kd kh fj gj">
<svg width="36" height="36" viewBox="0 0 36 36" class="ye"><path d="M18.6668 28.6666C18.6668 28.1666 18.6668 27.4999 18.8335 26.9999H10.3335V23.6666H7.00016V10.3333H10.3335V6.99992H23.6668V10.3333H27.0002V18.8333C27.5002 18.6666 28.1668 18.6666 28.6668 18.6666C29.1668 18.6666 29.8335 18.6666 30.3335 18.8333V10.3333H33.6668V0.333252H23.6668V3.66659H10.3335V0.333252H0.333496V10.3333H3.66683V23.6666H0.333496V33.6666H10.3335V30.3333H18.8335C18.6668 29.8333 18.6668 29.1666 18.6668 28.6666ZM27.0002 3.66659H30.3335V6.99992H27.0002V3.66659ZM3.66683 3.66659H7.00016V6.99992H3.66683V3.66659ZM7.00016 30.3333H3.66683V26.9999H7.00016V30.3333ZM30.3335 21.9999V26.9999H35.3335V30.3333H30.3335V35.3333H27.0002V30.3333H22.0002V26.9999H27.0002V21.9999H30.3335Z" /></svg>
</div>
<h3 class="dh jh zg yj km 2xl:ud-text-2xl hj ua">Visual Design</h3>
<p class="eh lh hj ih vg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ligulavel in.</p>
<div>
<span class="d f q nn">
<svg width="218" height="109" viewBox="0 0 218 109" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.05" cx="156.5" cy="-47.5" r="156.5" fill="white"/> <circle opacity="0.08" cx="210" cy="6" r="62" fill="white"/> </svg>
</span>
<span class="d t u nn">
<svg width="23" height="32" viewBox="0 0 23 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="21.262" cy="1.12081" r="1.12081" transform="rotate(90 21.262 1.12081)" fill="white"/> <circle cx="21.262" cy="30.4863" r="1.12081" transform="rotate(90 21.262 30.4863)" fill="white"/> <circle cx="1.76005" cy="1.12081" r="1.12081" transform="rotate(90 1.76005 1.12081)" fill="white"/> <circle cx="1.76005" cy="30.4863" r="1.12081" transform="rotate(90 1.76005 30.4863)" fill="white"/> <circle cx="11.6228" cy="1.12081" r="1.12081" transform="rotate(90 11.6228 1.12081)" fill="white"/> <circle cx="11.6228" cy="30.4863" r="1.12081" transform="rotate(90 11.6228 30.4863)" fill="white"/> <circle cx="21.262" cy="10.9839" r="1.12081" transform="rotate(90 21.262 10.9839)" fill="white"/> <circle cx="1.76005" cy="10.9839" r="1.12081" transform="rotate(90 1.76005 10.9839)" fill="white"/> <circle cx="11.6228" cy="10.9839" r="1.12081" transform="rotate(90 11.6228 10.9839)" fill="white"/> <circle cx="21.262" cy="20.8469" r="1.12081" transform="rotate(90 21.262 20.8469)" fill="white"/> <circle cx="1.76005" cy="20.8469" r="1.12081" transform="rotate(90 1.76005 20.8469)" fill="white"/> <circle cx="11.6228" cy="20.8469" r="1.12081" transform="rotate(90 11.6228 20.8469)" fill="white"/> </svg>
</span>
</div>
</div>
</div>
<div class="bc ek/2 wm/4 df">
<div class="oe dj ri wh of lf ud e z od sg di ma">
<div class="fa kc xb eb td pe mb id kd kh fj gj">
<svg width="40" height="25" viewBox="0 0 40 25" class="ye"><path d="M20 0.166748C21.5471 0.166748 23.0308 0.78133 24.1248 1.87529C25.2188 2.96925 25.8333 4.45298 25.8333 6.00008C25.8333 7.54718 25.2188 9.03091 24.1248 10.1249C23.0308 11.2188 21.5471 11.8334 20 11.8334C18.4529 11.8334 16.9692 11.2188 15.8752 10.1249C14.7812 9.03091 14.1667 7.54718 14.1667 6.00008C14.1667 4.45298 14.7812 2.96925 15.8752 1.87529C16.9692 0.78133 18.4529 0.166748 20 0.166748ZM8.33333 4.33341C9.26667 4.33341 10.1333 4.58341 10.8833 5.03341C10.6333 7.41675 11.3333 9.78341 12.7667 11.6334C11.9333 13.2334 10.2667 14.3334 8.33333 14.3334C7.00725 14.3334 5.73548 13.8066 4.7978 12.8689C3.86012 11.9313 3.33333 10.6595 3.33333 9.33341C3.33333 8.00733 3.86012 6.73556 4.7978 5.79788C5.73548 4.8602 7.00725 4.33341 8.33333 4.33341ZM31.6667 4.33341C32.9927 4.33341 34.2645 4.8602 35.2022 5.79788C36.1399 6.73556 36.6667 8.00733 36.6667 9.33341C36.6667 10.6595 36.1399 11.9313 35.2022 12.8689C34.2645 13.8066 32.9927 14.3334 31.6667 14.3334C29.7333 14.3334 28.0667 13.2334 27.2333 11.6334C28.6667 9.78341 29.3667 7.41675 29.1167 5.03341C29.8667 4.58341 30.7333 4.33341 31.6667 4.33341ZM9.16667 21.4167C9.16667 17.9667 14.0167 15.1667 20 15.1667C25.9833 15.1667 30.8333 17.9667 30.8333 21.4167V24.3334H9.16667V21.4167ZM0 24.3334V21.8334C0 19.5167 3.15 17.5667 7.41667 17.0001C6.43333 18.1334 5.83333 19.7001 5.83333 21.4167V24.3334H0ZM40 24.3334H34.1667V21.4167C34.1667 19.7001 33.5667 18.1334 32.5833 17.0001C36.85 17.5667 40 19.5167 40 21.8334V24.3334Z" /></svg>
</div>
<h3 class="dh jh zg yj km 2xl:ud-text-2xl hj ua">User Testing</h3>
<p class="eh lh hj ih vg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ligulavel in.</p>
<div>
<span class="d f q nn">
<svg width="218" height="109" viewBox="0 0 218 109" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.05" cx="156.5" cy="-47.5" r="156.5" fill="white"/> <circle opacity="0.08" cx="210" cy="6" r="62" fill="white"/> </svg>
</span>
<span class="d t u nn">
<svg width="23" height="32" viewBox="0 0 23 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="21.262" cy="1.12081" r="1.12081" transform="rotate(90 21.262 1.12081)" fill="white"/> <circle cx="21.262" cy="30.4863" r="1.12081" transform="rotate(90 21.262 30.4863)" fill="white"/> <circle cx="1.76005" cy="1.12081" r="1.12081" transform="rotate(90 1.76005 1.12081)" fill="white"/> <circle cx="1.76005" cy="30.4863" r="1.12081" transform="rotate(90 1.76005 30.4863)" fill="white"/> <circle cx="11.6228" cy="1.12081" r="1.12081" transform="rotate(90 11.6228 1.12081)" fill="white"/> <circle cx="11.6228" cy="30.4863" r="1.12081" transform="rotate(90 11.6228 30.4863)" fill="white"/> <circle cx="21.262" cy="10.9839" r="1.12081" transform="rotate(90 21.262 10.9839)" fill="white"/> <circle cx="1.76005" cy="10.9839" r="1.12081" transform="rotate(90 1.76005 10.9839)" fill="white"/> <circle cx="11.6228" cy="10.9839" r="1.12081" transform="rotate(90 11.6228 10.9839)" fill="white"/> <circle cx="21.262" cy="20.8469" r="1.12081" transform="rotate(90 21.262 20.8469)" fill="white"/> <circle cx="1.76005" cy="20.8469" r="1.12081" transform="rotate(90 1.76005 20.8469)" fill="white"/> <circle cx="11.6228" cy="20.8469" r="1.12081" transform="rotate(90 11.6228 20.8469)" fill="white"/> </svg>
</span>
</div>
</div>
</div>
<div class="bc ek/2 wm/4 df">
<div class="oe dj ri wh of lf ud e z od sg di ma">
<div class="fa kc xb eb td pe mb id kd kh fj gj">
<svg width="30" height="30" viewBox="0 0 30 30" class="ye"><path d="M16.6667 0V13.3333H30V0H16.6667ZM0 30H13.3333V16.6667H0V30ZM0 0V13.3333H13.3333V0H0ZM16.6667 21.6667H21.6667V16.6667H25V21.6667H30V25H25V30H21.6667V25H16.6667V21.6667Z" /></svg>
</div>
<h3 class="dh jh zg yj km 2xl:ud-text-2xl hj ua">Prototype</h3>
<p class="eh lh hj ih vg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ligulavel in.</p>
<div>
<span class="d f q nn">
<svg width="218" height="109" viewBox="0 0 218 109" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.05" cx="156.5" cy="-47.5" r="156.5" fill="white"/> <circle opacity="0.08" cx="210" cy="6" r="62" fill="white"/> </svg>
</span>
<span class="d t u nn">
<svg width="23" height="32" viewBox="0 0 23 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="21.262" cy="1.12081" r="1.12081" transform="rotate(90 21.262 1.12081)" fill="white"/> <circle cx="21.262" cy="30.4863" r="1.12081" transform="rotate(90 21.262 30.4863)" fill="white"/> <circle cx="1.76005" cy="1.12081" r="1.12081" transform="rotate(90 1.76005 1.12081)" fill="white"/> <circle cx="1.76005" cy="30.4863" r="1.12081" transform="rotate(90 1.76005 30.4863)" fill="white"/> <circle cx="11.6228" cy="1.12081" r="1.12081" transform="rotate(90 11.6228 1.12081)" fill="white"/> <circle cx="11.6228" cy="30.4863" r="1.12081" transform="rotate(90 11.6228 30.4863)" fill="white"/> <circle cx="21.262" cy="10.9839" r="1.12081" transform="rotate(90 21.262 10.9839)" fill="white"/> <circle cx="1.76005" cy="10.9839" r="1.12081" transform="rotate(90 1.76005 10.9839)" fill="white"/> <circle cx="11.6228" cy="10.9839" r="1.12081" transform="rotate(90 11.6228 10.9839)" fill="white"/> <circle cx="21.262" cy="20.8469" r="1.12081" transform="rotate(90 21.262 20.8469)" fill="white"/> <circle cx="1.76005" cy="20.8469" r="1.12081" transform="rotate(90 1.76005 20.8469)" fill="white"/> <circle cx="11.6228" cy="20.8469" r="1.12081" transform="rotate(90 11.6228 20.8469)" fill="white"/> </svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="ig jg se">
<div class="a">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg gb">
<span class="fh _g mh kb ta"> Creative Portfolios </span>
<h2 class="dh jh wg wj kk oa">Recent Works</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
<div class="bc df">
<div class="portfolio-buttons mb hd id kd _a">
<button class="sm:font-semibold vg _j kb if pf ck ta td lh active" data-filter="*">All</button>
<button class="sm:font-semibold vg _j kb if pf ck ta td lh ri vi" data-filter=".web">
Web Design
</button>
<button class="sm:font-semibold vg _j kb if pf ck ta td lh ri vi" data-filter=".graphics">
Graphics
</button>
<button class="sm:font-semibold vg _j kb if pf ck ta td lh ri vi" data-filter=".app">
App
</button>
</div>
</div>
</div>
<div class="portfolio-container mb kd ga">
<div class="bc zm/12 df">
<div class="items-wrapper mb hd kd ca">
<div class="bc ek/2 df item web app">
<div class="_a">
<div class="e dj ma od wh vd">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/portfolio-01.jpg" alt="image" class="bc" />
<div class="d bc qb f g pe xe mb id kd rh b ij ej ai">
<a href="images/portfolio/portfolio-01.jpg" class="glightbox hc ub mb id kd pe kh td">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="white" /></svg>
</a>
</div>
</div>
<h3 class="mt-6">
<a href="portfolio-details.html" class="fh jh ui zg lb ua"> Startup landing page </a>
</h3>
<p class="eh ug lh">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae dolor ultrices libero.</p>
</div>
</div>
<div class="bc ek/2 df item graphics web">
<div class="_a">
<div class="e dj ma od wh vd">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/portfolio-02.jpg" alt="image" class="bc" />
<div class="d bc qb f g pe xe mb id kd rh b ij ej ai">
<a href="images/portfolio/portfolio-02.jpg" class="glightbox hc ub mb id kd pe kh td">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="white"/> </svg>
</a>
</div>
</div>
<h3 class="mt-6">
<a href="portfolio-details.html" class="fh jh ui zg lb ua"> Job portal landing page </a>
</h3>
<p class="eh ug lh">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae dolor ultrices libero.</p>
</div>
</div>
<div class="bc ek/2 df item app">
<div class="_a">
<div class="e dj ma od wh vd">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/portfolio-03.jpg" alt="image" class="bc" />
<div class="d bc qb f g pe xe mb id kd rh b ij ej ai">
<a href="images/portfolio/portfolio-03.jpg" class="glightbox hc ub mb id kd pe kh td">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="white" /></svg>
</a>
</div>
</div>
<h3 class="mt-6">
<a href="portfolio-details.html" class="fh jh ui zg lb ua"> SaaS landing page </a>
</h3>
<p class="eh ug lh">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae dolor ultrices libero.</p>
</div>
</div>
<div class="bc ek/2 df item graphics web">
<div class="_a">
<div class="e dj ma od wh vd">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/portfolio-04.jpg" alt="image" class="bc" />
<div class="d bc qb f g pe xe mb id kd rh b ij ej ai">
<a href="images/portfolio/portfolio-04.jpg" class="glightbox hc ub mb id kd pe kh td">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="white" /></svg>
</a>
</div>
</div>
<h3 class="mt-6">
<a href="portfolio-details.html" class="fh jh ui zg lb ua"> Business & corporate template </a>
</h3>
<p class="eh ug lh">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae dolor ultrices libero.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="clients" class="kg lg qe e">
<div class="a">
<div class="mb hd ca">
<div class="bc df">
<div class="sc fa _a sg">
<h2 class="dh wg nk kh ab">Some of My Happy Clients</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
<div class="bc df">
<div class="mb hd id kd wow fadeInUp" data-wow-delay=".1s
">
<a href="https://uideck.com" target="_blank" rel="nofollow noreferrer" class="mb id kd wc sl _m 2xl:ud-max-w-[160px] ja kj um 2xl:ud-mx-8 qf _h _i sh xi ai">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/uideck.svg" alt="uideck" />
</a>
<a href="https://tailgrids.com" target="_blank" rel="nofollow noreferrer" class="mb id kd wc sl _m 2xl:ud-max-w-[160px] ja kj um 2xl:ud-mx-8 qf _h _i sh xi ai">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/tailgrids.svg" alt="tailgrids" />
</a>
<a href="https://lineicons.com" target="_blank" rel="nofollow noreferrer" class="mb id kd wc sl _m 2xl:ud-max-w-[160px] ja kj um 2xl:ud-mx-8 qf _h _i sh xi ai">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/lineicons.svg" alt="lineicons" />
</a>
<a href="https://ayroui.com" target="_blank" rel="nofollow noreferrer" class="mb id kd wc sl _m 2xl:ud-max-w-[160px] ja kj um 2xl:ud-mx-8 qf _h _i sh xi ai">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/ayroui.svg" alt="ayroui" />
</a>
<a href="https://plainadmin.com" target="_blank" rel="nofollow noreferrer" class="mb id kd wc sl _m 2xl:ud-max-w-[160px] ja kj um 2xl:ud-mx-8 qf _h _i sh xi ai">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/plainadmin.svg" alt="plainadmin" />
</a>
</div>
</div>
</div>
</div>
</section>
<section class="hb">
<div class="a">
<div class="pe vd e od z sg rf">
<div class="xc fa nf">
<h2 class="dh kh yg ok hh la">Want to work together and create amazing products with me?</h2>
<form class="e yc fa">
<input type="email" placeholder="Enter your email" class="bc td xd ee le oe we lf sf kh oh ph yh cj aj ai sg sm:text-left oa mj" />
<button class="oe mh td fh ug sf sj pf bc oj jj v w">
Get a Quote
</button>
</form>
</div>
<div class="d k g q bc nn">
<svg width="818" height="286" viewBox="0 0 818 286" fill="none" xmlns="http://www.w3.org/2000/svg" class="fa"> <circle cx="409" cy="409" r="408.5" stroke="url(#paint0_linear_0:1)"/> <circle cx="409" cy="409" r="349.5" stroke="url(#paint1_linear_0:1)"/> <defs> <linearGradient id="paint0_linear_0:1" x1="-34.5" y1="291.5" x2="851" y2="291.5" gradientUnits="userSpaceOnUse"> <stop stop-color="white" stop-opacity="0.35"/> <stop offset="0.218415" stop-color="white" stop-opacity="0"/> <stop offset="0.728079" stop-color="white" stop-opacity="0"/> <stop offset="1" stop-color="white" stop-opacity="0.35"/> </linearGradient> <linearGradient id="paint1_linear_0:1" x1="29.4768" y1="308.45" x2="787.24" y2="308.45" gradientUnits="userSpaceOnUse"> <stop stop-color="white" stop-opacity="0.35"/> <stop offset="0.218415" stop-color="white" stop-opacity="0"/> <stop offset="0.777261" stop-color="white" stop-opacity="0"/> <stop offset="1" stop-color="white" stop-opacity="0.35"/> </linearGradient> </defs> </svg>
</div>
</div>
</div>
</section>
<section id="education" class="ig oe e z">
<div class="a">
<div class="zd de jg">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg gb">
<span class="fh _g mh kb ta"> Education & Experience </span>
<h2 class="dh jh wg wj kk oa">My Resume</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
<div class="e cg">
<span class="d f kb x vk/2 lc qb te"></span>
<div class="mb hd ga">
<div class="bc pl/2 df">
<div class="tl an bc ib mg uj em gm cl im e bg">
<span class="d i g wk xk mc yb td oe yd he"></span>
<h3 class="fh zg jh qa">UI/UX Designer</h3>
<p class="fh ug lh ua">Google INC | New York</p>
<span class="nb id kd if df td pe kh ah fh oa"> 2011 - 2013 </span>
<p class="eh ug lh">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm tempor incididunt ut labore et dolore magna aliqua Loremipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div>
</div>
<div class="bc pl/2 df"></div>
<div class="bc pl/2 df"></div>
<div class="bc pl/2 df">
<div class="tl an bc mg uj em dl e bg">
<span class="d i g yk mc yb td oe yd he"></span>
<h3 class="fh zg jh qa">Specialization Course</h3>
<p class="fh ug lh ua">Stanford University | New York</p>
<span class="nb id kd if df td pe kh ah fh oa"> 2017 - 2018 </span>
<p class="eh ug lh">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm tempor incididunt ut labore et dolore magna aliqua Loremipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div>
</div>
<div class="bc pl/2 df">
<div class="tl an bc ib mg uj em gm cl im e bg">
<span class="d i g wk xk mc yb td oe yd he"></span>
<h3 class="fh zg jh qa">Web Designer</h3>
<p class="fh ug lh ua">Facebook INC | New York</p>
<span class="nb id kd if df td pe kh ah fh oa"> 2014 - 2016 </span>
<p class="eh ug lh">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm tempor incididunt ut labore et dolore magna aliqua Loremipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div>
</div>
<div class="bc pl/2 df"></div>
<div class="bc pl/2 df"></div>
<div class="bc pl/2 df">
<div class="tl an bc mg uj em dl e bg">
<span class="d i g yk mc yb td oe yd he"></span>
<h3 class="fh zg jh qa">Bachelor Degree</h3>
<p class="fh ug lh ua">Stanford University | New York</p>
<span class="nb id kd if df td pe kh ah fh oa"> 2019 - 2021 </span>
<p class="eh ug lh">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm tempor incididunt ut labore et dolore magna aliqua Loremipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<span class="d q f ba">
<svg width="455" height="1307" viewBox="0 0 455 1307" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.08" width="332.05" height="1060.35" transform="matrix(-0.632736 -0.774367 -0.774367 0.632736 1031.2 139.128)" fill="url(#paint0_linear_0:1)"/> <rect opacity="0.08" width="509.849" height="1060.35" transform="matrix(-0.632736 -0.774367 -0.774367 0.632736 1293.7 635.81)" fill="url(#paint1_linear_0:1)"/> <defs> <linearGradient id="paint0_linear_0:1" x1="166.025" y1="0" x2="166.025" y2="1060.35" gradientUnits="userSpaceOnUse"> <stop stop-color="#4A6CF7"/> <stop offset="1" stop-color="#4A6CF7" stop-opacity="0"/> </linearGradient> <linearGradient id="paint1_linear_0:1" x1="254.924" y1="0" x2="254.924" y2="1060.35" gradientUnits="userSpaceOnUse"> <stop stop-color="#4A6CF7"/> <stop offset="1" stop-color="#4A6CF7" stop-opacity="0"/> </linearGradient> </defs> </svg>
</span>
<span class="d g k aa extraClss1">
<svg width="416" height="1453" viewBox="0 0 416 1453" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.08" width="332.05" height="1030.82" transform="matrix(0.632736 0.774368 0.774368 -0.632736 -603 1507.24)" fill="url(#paint0_linear_0:1)"/> <rect opacity="0.08" width="791.583" height="1060.35" transform="matrix(0.632736 0.774368 0.774368 -0.632736 -906.263 670.922)" fill="url(#paint1_linear_0:1)"/> <defs> <linearGradient id="paint0_linear_0:1" x1="166.025" y1="0" x2="166.025" y2="1030.82" gradientUnits="userSpaceOnUse"> <stop stop-color="#4A6CF7"/> <stop offset="1" stop-color="#4A6CF7" stop-opacity="0"/> </linearGradient> <linearGradient id="paint1_linear_0:1" x1="395.791" y1="0" x2="395.791" y2="1060.35" gradientUnits="userSpaceOnUse"> <stop stop-color="#4A6CF7"/> <stop offset="1" stop-color="#4A6CF7" stop-opacity="0"/> </linearGradient> </defs> </svg>
</span>
</div>
</section>
<section id="pricing" class="ig">
<div class="a">
<div class="fg zd de">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg gb">
<span class="fh _g mh kb ta"> My Resume </span>
<h2 class="dh jh wg wj kk oa">My Pricing Plans</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
<div class="mb hd kd ga">
<div class="bc ek/2 pl/3 df">
<div class="oe wd e tf cm 2xl:ud-px-9 ng og z sg dj zi ai la">
<h3 class="fh yg jh ab">Gold Package</h3>
<p class="eh lh ug ih la zc fa">
Lorem ipsum dolor sit amet, consectetur adipiscing elitdsdg egn Sollicitudin dignissim.
</p>
<p class="dh bh mh ma">$99</p>
<a href="javascript:void(0)" class="nb kf lf td xd ie fh ug lh ai ci ei qi ri vi">
See Details
</a>
<div>
<span class="d w x rh ij">
<svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg> </span> <span class="d r v rh ij"> <svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg>
</span>
<span class="d r v rh ij">
<svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg> </span> <span class="d r v rh ij"> <svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg>
</span>
</div>
</div>
</div>
<div class="bc ek/2 pl/3 df">
<div class="oe wd e tf cm 2xl:ud-px-9 ng og z sg dj zi ai la">
<h3 class="fh yg jh ab">Platinum Package</h3>
<p class="eh lh ug ih la zc fa">
Lorem ipsum dolor sit amet, consectetur adipiscing elitdsdg egn Sollicitudin dignissim.
</p>
<p class="dh bh mh ma">$189</p>
<a href="javascript:void(0)" class="nb kf lf td xd ie fh ug lh ai ci ei qi ri vi">
See Details
</a>
<div>
<span class="d w x rh ij">
<svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg> </span> <span class="d r v rh ij"> <svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg>
</span>
<span class="d r v rh ij">
<svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg> </span> <span class="d r v rh ij"> <svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg>
</span>
</div>
</div>
</div>
<div class="bc ek/2 pl/3 df">
<div class="oe wd e tf cm 2xl:ud-px-9 ng og z sg dj zi ai la">
<h3 class="fh yg jh ab">Silver Package</h3>
<p class="eh lh ug ih la zc fa">
Lorem ipsum dolor sit amet, consectetur adipiscing elitdsdg egn Sollicitudin dignissim.
</p>
<p class="dh bh mh ma">$249</p>
<a href="javascript:void(0)" class="nb kf lf td xd ie fh ug lh ai ci ei qi ri vi">
See Details
</a>
<div>
<span class="d w x rh ij">
<svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg> </span> <span class="d r v rh ij"> <svg width="22" height="32" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20.6228" cy="1.12081" r="1.12081" transform="rotate(90 20.6228 1.12081)" fill="#4A6CF7"/> <circle cx="20.6228" cy="30.4863" r="1.12081" transform="rotate(90 20.6228 30.4863)" fill="#4A6CF7"/> <circle cx="1.12089" cy="1.12081" r="1.12081" transform="rotate(90 1.12089 1.12081)" fill="#4A6CF7"/> <circle cx="1.12089" cy="30.4863" r="1.12081" transform="rotate(90 1.12089 30.4863)" fill="#4A6CF7"/> <circle cx="10.9837" cy="1.12081" r="1.12081" transform="rotate(90 10.9837 1.12081)" fill="#4A6CF7"/> <circle cx="10.9837" cy="30.4863" r="1.12081" transform="rotate(90 10.9837 30.4863)" fill="#4A6CF7"/> <circle cx="20.6228" cy="10.9839" r="1.12081" transform="rotate(90 20.6228 10.9839)" fill="#4A6CF7"/> <circle cx="1.12089" cy="10.9839" r="1.12081" transform="rotate(90 1.12089 10.9839)" fill="#4A6CF7"/> <circle cx="10.9837" cy="10.9839" r="1.12081" transform="rotate(90 10.9837 10.9839)" fill="#4A6CF7"/> <circle cx="20.6228" cy="20.8469" r="1.12081" transform="rotate(90 20.6228 20.8469)" fill="#4A6CF7"/> <circle cx="1.12089" cy="20.8469" r="1.12081" transform="rotate(90 1.12089 20.8469)" fill="#4A6CF7"/> <circle cx="10.9837" cy="20.8469" r="1.12081" transform="rotate(90 10.9837 20.8469)" fill="#4A6CF7"/> </svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="testimonial" class="ig fg">
<div class="a">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg gb">
<span class="fh _g mh kb ta"> Awesome Testimonials </span>
<h2 class="dh jh wg wj kk oa">Hear From My Clients</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
<div class="mb hd ga">
<div class="bc pl/2 df">
<div class="oe ud e od uf tj cf xh la">
<div class="oa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/lineicon.svg" alt="lineicons" class="zb" />
</div>
<p class="eh _g lh ma">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet tempus augue, ac venenatis lectus tempus ut. Sed sodales erat a libero.
</p>
<div class="mb id">
<div class="_c bc _b td od sa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/image-1.png" alt="image" class="bc" />
</div>
<div>
<h3 class="fh ug jh qa">Musharof Chy</h3>
<p class="vg lh">Founder @ LineIcons</p>
</div>
</div>
<div class="d n o">
<svg width="51" height="29" viewBox="0 0 51 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.15"> <path d="M12.4311 0.00142075C7.14984 -0.0798293 2.35609 3.33267 1.21859 7.96392C0.568593 10.8077 1.13734 13.6514 2.84359 15.9264C4.63109 18.3639 7.39359 19.9077 10.4811 20.3139L13.3248 27.3014C13.6498 28.0327 14.3811 28.5202 15.1936 28.5202C16.0061 28.5202 16.7373 28.0327 17.0623 27.3014C17.5498 26.0827 18.1186 24.7827 18.6873 23.5639C20.0686 20.4764 21.4498 17.3077 22.5061 14.0577C23.6436 10.6452 23.1561 6.98892 21.2061 4.22642C19.2561 1.54517 16.1686 0.0826707 12.4311 0.00142075ZM19.8248 13.2452C18.7686 16.3327 17.3873 19.5014 16.0873 22.5077C15.8436 23.1577 15.5186 23.7264 15.2748 24.3764L12.5123 17.7139L11.6186 17.6327C9.01859 17.4702 6.58109 16.1702 5.19984 14.3014C3.98109 12.6764 3.57484 10.6452 4.06234 8.69517C4.87484 5.36392 8.36859 2.92642 12.3498 2.92642H12.4311C15.1936 2.92642 17.4686 4.06392 18.9311 6.01392C20.3123 7.96392 20.6373 10.7264 19.8248 13.2452Z" fill="#4A6CF7"/> <path d="M49.0747 4.30772C47.1247 1.54522 44.0372 0.00146484 40.2997 0.00146484C40.2185 0.00146484 40.2185 0.00146484 40.1372 0.00146484C34.9372 0.00146484 30.2247 3.41397 29.0872 7.96397C28.4372 10.8077 29.006 13.6515 30.7122 16.0077C32.4997 18.4452 35.2622 19.989 38.3497 20.3952L41.1935 27.3827C41.5185 28.114 42.2497 28.6015 43.0622 28.6015C43.8747 28.6015 44.606 28.114 44.931 27.3827C45.4185 26.164 45.9872 24.864 46.556 23.6452C47.9372 20.5577 49.3185 17.389 50.3747 14.139C51.5122 10.8077 51.0247 7.07022 49.0747 4.30772ZM47.6935 13.2452C46.6372 16.3327 45.256 19.5015 43.956 22.5077C43.7122 23.1577 43.3872 23.7265 43.1435 24.3765L40.381 17.714L39.4872 17.6327C36.8872 17.4702 34.4497 16.1702 33.0685 14.3015C31.8497 12.6765 31.4435 10.6452 31.931 8.61397C32.7435 5.28272 36.2372 2.84521 40.2185 2.84521H40.2997C43.0622 2.84521 45.3372 3.98272 46.7997 5.93272C48.181 7.96397 48.506 10.7265 47.6935 13.2452Z" fill="#4A6CF7"/> </g> </svg>
</div>
</div>
</div>
<div class="bc pl/2 df">
<div class="oe ud e od uf tj cf xh la">
<div class="oa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/tailgrid.svg" alt="tailgrids" class="ac" />
</div>
<p class="eh _g lh ma">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet tempus augue, ac venenatis lectus tempus ut. Sed sodales erat a libero.
</p>
<div class="mb id">
<div class="_c bc _b td od sa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/image-2.png" alt="image" class="bc" />
</div>
<div>
<h3 class="fh ug jh qa">Devid Sailio</h3>
<p class="vg lh">Founder @ TailGrids</p>
</div>
</div>
<div class="d n o">
<svg width="51" height="29" viewBox="0 0 51 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.15"> <path d="M12.4311 0.00142075C7.14984 -0.0798293 2.35609 3.33267 1.21859 7.96392C0.568593 10.8077 1.13734 13.6514 2.84359 15.9264C4.63109 18.3639 7.39359 19.9077 10.4811 20.3139L13.3248 27.3014C13.6498 28.0327 14.3811 28.5202 15.1936 28.5202C16.0061 28.5202 16.7373 28.0327 17.0623 27.3014C17.5498 26.0827 18.1186 24.7827 18.6873 23.5639C20.0686 20.4764 21.4498 17.3077 22.5061 14.0577C23.6436 10.6452 23.1561 6.98892 21.2061 4.22642C19.2561 1.54517 16.1686 0.0826707 12.4311 0.00142075ZM19.8248 13.2452C18.7686 16.3327 17.3873 19.5014 16.0873 22.5077C15.8436 23.1577 15.5186 23.7264 15.2748 24.3764L12.5123 17.7139L11.6186 17.6327C9.01859 17.4702 6.58109 16.1702 5.19984 14.3014C3.98109 12.6764 3.57484 10.6452 4.06234 8.69517C4.87484 5.36392 8.36859 2.92642 12.3498 2.92642H12.4311C15.1936 2.92642 17.4686 4.06392 18.9311 6.01392C20.3123 7.96392 20.6373 10.7264 19.8248 13.2452Z" fill="#4A6CF7"/> <path d="M49.0747 4.30772C47.1247 1.54522 44.0372 0.00146484 40.2997 0.00146484C40.2185 0.00146484 40.2185 0.00146484 40.1372 0.00146484C34.9372 0.00146484 30.2247 3.41397 29.0872 7.96397C28.4372 10.8077 29.006 13.6515 30.7122 16.0077C32.4997 18.4452 35.2622 19.989 38.3497 20.3952L41.1935 27.3827C41.5185 28.114 42.2497 28.6015 43.0622 28.6015C43.8747 28.6015 44.606 28.114 44.931 27.3827C45.4185 26.164 45.9872 24.864 46.556 23.6452C47.9372 20.5577 49.3185 17.389 50.3747 14.139C51.5122 10.8077 51.0247 7.07022 49.0747 4.30772ZM47.6935 13.2452C46.6372 16.3327 45.256 19.5015 43.956 22.5077C43.7122 23.1577 43.3872 23.7265 43.1435 24.3765L40.381 17.714L39.4872 17.6327C36.8872 17.4702 34.4497 16.1702 33.0685 14.3015C31.8497 12.6765 31.4435 10.6452 31.931 8.61397C32.7435 5.28272 36.2372 2.84521 40.2185 2.84521H40.2997C43.0622 2.84521 45.3372 3.98272 46.7997 5.93272C48.181 7.96397 48.506 10.7265 47.6935 13.2452Z" fill="#4A6CF7"/> </g> </svg>
</div>
</div>
</div>
<div class="bc pl/2 df">
<div class="oe ud e od uf tj cf xh la">
<div class="oa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/ayro.svg" alt="ayroui" class="ac" />
</div>
<p class="eh _g lh ma">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet tempus augue, ac venenatis lectus tempus ut. Sed sodales erat a libero.
</p>
<div class="mb id">
<div class="_c bc _b td od sa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/image-3.png" alt="image" class="bc" />
</div>
<div>
<h3 class="fh ug jh qa">Jenifer Lofeez</h3>
<p class="vg lh">Founder @ Ayro UI</p>
</div>
</div>
<div class="d n o">
<svg width="51" height="29" viewBox="0 0 51 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.15"> <path d="M12.4311 0.00142075C7.14984 -0.0798293 2.35609 3.33267 1.21859 7.96392C0.568593 10.8077 1.13734 13.6514 2.84359 15.9264C4.63109 18.3639 7.39359 19.9077 10.4811 20.3139L13.3248 27.3014C13.6498 28.0327 14.3811 28.5202 15.1936 28.5202C16.0061 28.5202 16.7373 28.0327 17.0623 27.3014C17.5498 26.0827 18.1186 24.7827 18.6873 23.5639C20.0686 20.4764 21.4498 17.3077 22.5061 14.0577C23.6436 10.6452 23.1561 6.98892 21.2061 4.22642C19.2561 1.54517 16.1686 0.0826707 12.4311 0.00142075ZM19.8248 13.2452C18.7686 16.3327 17.3873 19.5014 16.0873 22.5077C15.8436 23.1577 15.5186 23.7264 15.2748 24.3764L12.5123 17.7139L11.6186 17.6327C9.01859 17.4702 6.58109 16.1702 5.19984 14.3014C3.98109 12.6764 3.57484 10.6452 4.06234 8.69517C4.87484 5.36392 8.36859 2.92642 12.3498 2.92642H12.4311C15.1936 2.92642 17.4686 4.06392 18.9311 6.01392C20.3123 7.96392 20.6373 10.7264 19.8248 13.2452Z" fill="#4A6CF7"/> <path d="M49.0747 4.30772C47.1247 1.54522 44.0372 0.00146484 40.2997 0.00146484C40.2185 0.00146484 40.2185 0.00146484 40.1372 0.00146484C34.9372 0.00146484 30.2247 3.41397 29.0872 7.96397C28.4372 10.8077 29.006 13.6515 30.7122 16.0077C32.4997 18.4452 35.2622 19.989 38.3497 20.3952L41.1935 27.3827C41.5185 28.114 42.2497 28.6015 43.0622 28.6015C43.8747 28.6015 44.606 28.114 44.931 27.3827C45.4185 26.164 45.9872 24.864 46.556 23.6452C47.9372 20.5577 49.3185 17.389 50.3747 14.139C51.5122 10.8077 51.0247 7.07022 49.0747 4.30772ZM47.6935 13.2452C46.6372 16.3327 45.256 19.5015 43.956 22.5077C43.7122 23.1577 43.3872 23.7265 43.1435 24.3765L40.381 17.714L39.4872 17.6327C36.8872 17.4702 34.4497 16.1702 33.0685 14.3015C31.8497 12.6765 31.4435 10.6452 31.931 8.61397C32.7435 5.28272 36.2372 2.84521 40.2185 2.84521H40.2997C43.0622 2.84521 45.3372 3.98272 46.7997 5.93272C48.181 7.96397 48.506 10.7265 47.6935 13.2452Z" fill="#4A6CF7"/> </g> </svg>
</div>
</div>
</div>
<div class="bc pl/2 df">
<div class="oe ud e od uf tj cf xh la">
<div class="oa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/uidecks.svg" alt="uideck" class="ac" />
</div>
<p class="eh _g lh ma">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet tempus augue, ac venenatis lectus tempus ut. Sed sodales erat a libero.
</p>
<div class="mb id">
<div class="_c bc _b td od sa">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/image-4.png" alt="image" class="bc" />
</div>
<div>
<h3 class="fh ug jh qa">Justin Herry</h3>
<p class="vg lh">Founder @ UIdeck</p>
</div>
</div>
<div class="d n o">
<svg width="51" height="29" viewBox="0 0 51 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.15"> <path d="M12.4311 0.00142075C7.14984 -0.0798293 2.35609 3.33267 1.21859 7.96392C0.568593 10.8077 1.13734 13.6514 2.84359 15.9264C4.63109 18.3639 7.39359 19.9077 10.4811 20.3139L13.3248 27.3014C13.6498 28.0327 14.3811 28.5202 15.1936 28.5202C16.0061 28.5202 16.7373 28.0327 17.0623 27.3014C17.5498 26.0827 18.1186 24.7827 18.6873 23.5639C20.0686 20.4764 21.4498 17.3077 22.5061 14.0577C23.6436 10.6452 23.1561 6.98892 21.2061 4.22642C19.2561 1.54517 16.1686 0.0826707 12.4311 0.00142075ZM19.8248 13.2452C18.7686 16.3327 17.3873 19.5014 16.0873 22.5077C15.8436 23.1577 15.5186 23.7264 15.2748 24.3764L12.5123 17.7139L11.6186 17.6327C9.01859 17.4702 6.58109 16.1702 5.19984 14.3014C3.98109 12.6764 3.57484 10.6452 4.06234 8.69517C4.87484 5.36392 8.36859 2.92642 12.3498 2.92642H12.4311C15.1936 2.92642 17.4686 4.06392 18.9311 6.01392C20.3123 7.96392 20.6373 10.7264 19.8248 13.2452Z" fill="#4A6CF7"/> <path d="M49.0747 4.30772C47.1247 1.54522 44.0372 0.00146484 40.2997 0.00146484C40.2185 0.00146484 40.2185 0.00146484 40.1372 0.00146484C34.9372 0.00146484 30.2247 3.41397 29.0872 7.96397C28.4372 10.8077 29.006 13.6515 30.7122 16.0077C32.4997 18.4452 35.2622 19.989 38.3497 20.3952L41.1935 27.3827C41.5185 28.114 42.2497 28.6015 43.0622 28.6015C43.8747 28.6015 44.606 28.114 44.931 27.3827C45.4185 26.164 45.9872 24.864 46.556 23.6452C47.9372 20.5577 49.3185 17.389 50.3747 14.139C51.5122 10.8077 51.0247 7.07022 49.0747 4.30772ZM47.6935 13.2452C46.6372 16.3327 45.256 19.5015 43.956 22.5077C43.7122 23.1577 43.3872 23.7265 43.1435 24.3765L40.381 17.714L39.4872 17.6327C36.8872 17.4702 34.4497 16.1702 33.0685 14.3015C31.8497 12.6765 31.4435 10.6452 31.931 8.61397C32.7435 5.28272 36.2372 2.84521 40.2185 2.84521H40.2997C43.0622 2.84521 45.3372 3.98272 46.7997 5.93272C48.181 7.96397 48.506 10.7265 47.6935 13.2452Z" fill="#4A6CF7"/> </g> </svg>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="news" class="ig fg se">
<div class="a">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg gb">
<span class="fh _g mh kb ta"> Recent Posts </span>
<h2 class="dh jh wg wj kk oa">From The Blog</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
<div class="mb hd ga">
<div class="bc pl/2 wm/3 df">
<div class="oe ud od la vh">
<a href="blog-details.html" class="kb">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/news-1.jpg" alt="image" class="bc" />
</a>
<div class="mf nf rj">
<h3>
<a href="blog-details.html" class="fh zg jh ui kb ua pd"> UI/UX Design Trend 2024 </a>
</h3>
<p class="eh lh ug ab">Automate your Business for more results, Creating Business that.</p>
<a href="blog-details.html" class="eh vg jh nh ui wi"> Read More </a>
</div>
</div>
</div>
<div class="bc pl/2 wm/3 df">
<div class="oe ud od la vh">
<a href="blog-details.html" class="kb">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/news-2.jpg" alt="image" class="bc" />
</a>
<div class="mf nf rj">
<h3>
<a href="blog-details.html" class="fh zg jh ui kb ua pd"> Tips for Graphics Design </a>
</h3>
<p class="eh lh ug ab">Automate your Business for more results, Creating Business that.</p>
<a href="blog-details.html" class="eh vg jh nh ui wi"> Read More </a>
</div>
</div>
</div>
<div class="bc pl/2 wm/3 df">
<div class="oe ud od la vh">
<a href="blog-details.html" class="kb">
<img src="https://portfolio-tailwind.preview.uideck.com/demos/personal/images/news-3.jpg" alt="image" class="bc" />
</a>
<div class="mf nf rj">
<h3>
<a href="blog-details.html" class="fh zg jh ui kb ua pd"> Creative Web Design </a>
</h3>
<p class="eh lh ug ab">Automate your Business for more results, Creating Business that.</p>
<a href="blog-details.html" class="eh vg jh nh ui wi"> Read More </a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="vf">
<div class="a">
<div class="mb hd ca">
<div class="bc df">
<div class="vc fa sg gb">
<span class="fh _g mh kb ta"> Contact With Me </span>
<h2 class="dh jh wg wj kk oa">Have an Project in Mind?</h2>
<p class="eh _g lh">There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</p>
</div>
</div>
</div>
<div class="mb kd ga">
<div class="bc ql/12 df">
<form>
<div class="mb hd ga">
<div class="bc ek/2 df">
<div class="eb">
<input type="text" placeholder="Enter your name" class="input-field" />
</div>
</div>
<div class="bc ek/2 df">
<div class="eb">
<input type="text" placeholder="Company (Optional)" class="input-field" />
</div>
</div>
<div class="bc ek/2 df">
<div class="eb">
<input type="email" placeholder="Enter your email" class="input-field" />
</div>
</div>
<div class="bc ek/2 df">
<div class="eb">
<input type="text" placeholder="Phone number" class="input-field" />
</div>
</div>
<div class="bc df">
<div class="eb">
<textarea rows="4" placeholder="Tell me about your project" class="input-field ed"></textarea>
</div>
</div>
<div class="bc df">
<div class="pg sg">
<button class="nb kd id sf tf td fh kh pe fa ai ci ei yi si">
Contact Me
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="qe ag bg e z">
<div class="a">
<div class="mb hd ga">
<div class="bc ek/2 kl/12 df">
<div class="la">
<h2 class="dh kh xg hh oa">Let's Talk!</h2>
<h3 class="dh kh qh yg ta">Contact Info</h3>
<p class="eh ug lh qa"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f0939c9f83958280919795b0959d91999cde939f9d">[email protected]</a></p>
<p class="eh ug lh qa">12 Hilton St, Manchester M1 1JF</p>
<p class="eh ug lh qa">+44 012 34 5678</p>
</div>
</div>
<div class="bc ek/2 ll/12 df">
<div class="la">
<h3 class="fh kh zg wa">What I Do?</h3>
<ul>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> The Studio </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Sponsoring </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Newsletter </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Contact Us </a>
</li>
</ul>
</div>
</div>
<div class="bc ek/2 ml/12 df">
<div class="la">
<h3 class="fh kh zg wa">News</h3>
<ul>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Hot Stuff </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Perfect Place </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Vintage </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Products </a>
</li>
</ul>
</div>
</div>
<div class="bc ek/2 ll/12 df">
<div class="la">
<h3 class="fh kh zg wa">Quick Links</h3>
<ul>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Style </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Health </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Relationship </a>
</li>
<li>
<a href="javascript:void(0)" class="lb ug lh ua ui"> Legal & Privacy </a>
</li>
</ul>
</div>
</div>
</div>
<div class="xa cg _d ee ke">
<div class="mb id kd oa">
<a href="javascript:void(0)" class="mb id kd gc tb on ha lh ui" aria-label="social-link" name="social-link">
<svg width="32" height="32" viewBox="0 0 32 32" class="ye" xmlns="http://www.w3.org/2000/svg"> <path d="M32 16C32 7.1625 24.8375 0 16 0C7.1625 0 0 7.1625 0 16C0 24.8375 7.1625 32 16 32C16.0938 32 16.1875 32 16.2812 31.9937V19.5438H12.8438V15.5375H16.2812V12.5875C16.2812 9.16875 18.3688 7.30625 21.4188 7.30625C22.8813 7.30625 24.1375 7.4125 24.5 7.4625V11.0375H22.4C20.7437 11.0375 20.4188 11.825 20.4188 12.9812V15.5312H24.3875L23.8687 19.5375H20.4188V31.3813C27.1063 29.4625 32 23.3062 32 16Z"/> </svg>
</a>
<a href="javascript:void(0)" class="mb id kd gc tb on ha lh ui" aria-label="social-link" name="social-link">
<svg width="32" height="32" viewBox="0 0 32 32" class="ye"> <path d="M19.0625 16C19.0625 17.6914 17.6914 19.0625 16 19.0625C14.3086 19.0625 12.9375 17.6914 12.9375 16C12.9375 14.3086 14.3086 12.9375 16 12.9375C17.6914 12.9375 19.0625 14.3086 19.0625 16Z"/> <path d="M23.1621 10.5813C23.0149 10.1824 22.78 9.82129 22.4749 9.5249C22.1785 9.21973 21.8176 8.98486 21.4185 8.83765C21.0947 8.71191 20.6084 8.56226 19.7126 8.52148C18.7437 8.47729 18.4531 8.46777 16 8.46777C13.5466 8.46777 13.2561 8.47705 12.2874 8.52124C11.3916 8.56226 10.905 8.71191 10.5815 8.83765C10.1824 8.98486 9.82129 9.21973 9.52515 9.5249C9.21997 9.82129 8.98511 10.1821 8.83765 10.5813C8.71191 10.905 8.56226 11.3916 8.52148 12.2874C8.47729 13.2561 8.46777 13.5466 8.46777 16C8.46777 18.4531 8.47729 18.7437 8.52148 19.7126C8.56226 20.6084 8.71191 21.0947 8.83765 21.4185C8.98511 21.8176 9.21973 22.1785 9.5249 22.4749C9.82129 22.78 10.1821 23.0149 10.5813 23.1621C10.905 23.2881 11.3916 23.4377 12.2874 23.4785C13.2561 23.5227 13.5464 23.532 15.9998 23.532C18.4534 23.532 18.7439 23.5227 19.7124 23.4785C20.6082 23.4377 21.0947 23.2881 21.4185 23.1621C22.2197 22.853 22.853 22.2197 23.1621 21.4185C23.2878 21.0947 23.4375 20.6084 23.4785 19.7126C23.5227 18.7437 23.532 18.4531 23.532 16C23.532 13.5466 23.5227 13.2561 23.4785 12.2874C23.4377 11.3916 23.2881 10.905 23.1621 10.5813ZM16 20.7175C13.3943 20.7175 11.282 18.6055 11.282 15.9998C11.282 13.394 13.3943 11.282 16 11.282C18.6055 11.282 20.7178 13.394 20.7178 15.9998C20.7178 18.6055 18.6055 20.7175 16 20.7175ZM20.9043 12.198C20.2954 12.198 19.8018 11.7043 19.8018 11.0955C19.8018 10.4866 20.2954 9.99292 20.9043 9.99292C21.5132 9.99292 22.0068 10.4866 22.0068 11.0955C22.0066 11.7043 21.5132 12.198 20.9043 12.198Z"/> <path d="M16 0C7.16479 0 0 7.16479 0 16C0 24.8352 7.16479 32 16 32C24.8352 32 32 24.8352 32 16C32 7.16479 24.8352 0 16 0ZM25.1321 19.7878C25.0876 20.7659 24.9321 21.4336 24.7051 22.0181C24.2278 23.2522 23.2522 24.2278 22.0181 24.7051C21.4338 24.9321 20.7659 25.0874 19.7881 25.1321C18.8083 25.1768 18.4954 25.1875 16.0002 25.1875C13.5049 25.1875 13.1921 25.1768 12.2122 25.1321C11.2344 25.0874 10.5664 24.9321 9.98218 24.7051C9.3689 24.4744 8.81372 24.1128 8.35474 23.6453C7.88745 23.1865 7.52588 22.6311 7.29517 22.0181C7.06812 21.4338 6.9126 20.7659 6.86816 19.7881C6.823 18.8081 6.8125 18.4951 6.8125 16C6.8125 13.5049 6.823 13.1919 6.86792 12.2122C6.91235 11.2341 7.06763 10.5664 7.29468 9.98193C7.52539 9.3689 7.88721 8.81348 8.35474 8.35474C8.81348 7.88721 9.3689 7.52563 9.98193 7.29492C10.5664 7.06787 11.2341 6.9126 12.2122 6.86792C13.1919 6.82324 13.5049 6.8125 16 6.8125C18.4951 6.8125 18.8081 6.82324 19.7878 6.86816C20.7659 6.9126 21.4336 7.06787 22.0181 7.29468C22.6311 7.52539 23.1865 7.88721 23.6455 8.35474C24.1128 8.81372 24.4746 9.3689 24.7051 9.98193C24.9324 10.5664 25.0876 11.2341 25.1323 12.2122C25.177 13.1919 25.1875 13.5049 25.1875 16C25.1875 18.4951 25.177 18.8081 25.1321 19.7878Z"/> </svg>
</a>
<a href="javascript:void(0)" class="mb id kd gc tb on ha lh ui" aria-label="social-link" name="social-link">
<svg width="32" height="32" viewBox="0 0 32 32" class="ye"> <path d="M16 0C7.16479 0 0 7.16479 0 16C0 24.8352 7.16479 32 16 32C24.8352 32 32 24.8352 32 16C32 7.16479 24.8352 0 16 0ZM23.3054 12.4751C23.3125 12.6326 23.3159 12.7908 23.3159 12.9497C23.3159 17.8025 19.6221 23.3984 12.8669 23.3987H12.8672H12.8669C10.793 23.3987 8.86304 22.7908 7.23779 21.749C7.52515 21.783 7.81763 21.7998 8.11377 21.7998C9.83447 21.7998 11.418 21.2129 12.675 20.2278C11.0674 20.198 9.71191 19.1362 9.24414 17.677C9.46802 17.72 9.69824 17.7434 9.93433 17.7434C10.2695 17.7434 10.5942 17.6982 10.9028 17.614C9.22241 17.2776 7.95654 15.7925 7.95654 14.0142C7.95654 13.9976 7.95654 13.9827 7.95703 13.9673C8.4519 14.2424 9.01782 14.408 9.62036 14.4265C8.63428 13.7686 7.98608 12.6438 7.98608 11.3696C7.98608 10.6968 8.16797 10.0664 8.4834 9.52368C10.2944 11.7458 13.001 13.2073 16.0532 13.3608C15.9902 13.0918 15.9578 12.8115 15.9578 12.5234C15.9578 10.4961 17.6025 8.85132 19.6306 8.85132C20.687 8.85132 21.6411 9.29785 22.3113 10.0117C23.1479 9.84668 23.9336 9.54102 24.6433 9.12036C24.3687 9.97754 23.7866 10.6968 23.0283 11.1516C23.7712 11.0627 24.4792 10.8657 25.1372 10.5732C24.6458 11.3098 24.0225 11.9568 23.3054 12.4751Z"/> </svg>
</a>
<a href="javascript:void(0)" class="mb id kd gc tb on ha lh ui" aria-label="social-link" name="social-link">
<svg width="32" height="32" viewBox="0 0 32 32" class="ye"> <path d="M16 0C7.16479 0 0 7.16479 0 16C0 24.8352 7.16479 32 16 32C24.8352 32 32 24.8352 32 16C32 7.16479 24.8352 0 16 0ZM11.3506 24.1875H7.45386V12.4641H11.3506V24.1875ZM9.40234 10.8633H9.37695C8.06934 10.8633 7.22363 9.96313 7.22363 8.83813C7.22363 7.68774 8.09521 6.8125 9.42822 6.8125C10.7612 6.8125 11.5815 7.68774 11.6069 8.83813C11.6069 9.96313 10.7612 10.8633 9.40234 10.8633ZM25.4014 24.1875H21.5051V17.9158C21.5051 16.3396 20.9409 15.2646 19.531 15.2646C18.4546 15.2646 17.8135 15.9897 17.5317 16.6897C17.4287 16.9402 17.4036 17.2903 17.4036 17.6406V24.1875H13.5071C13.5071 24.1875 13.5581 13.564 13.5071 12.4641H17.4036V14.124C17.9214 13.3252 18.8479 12.189 20.9153 12.189C23.479 12.189 25.4014 13.8645 25.4014 17.4653V24.1875Z"/> </svg>
</a>
</div>
<p class="eh ug lh sg">All rights reserved by © Portfolio creative 2024</p>
</div>
</div>
<!-- Right side shape -->
<div class="d g k nn" aria-label="shape" name="shape">
<span class="ob">shape</span>
<svg width="143" height="138" viewBox="0 0 143 138" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="25" cy="118" r="101" stroke="url(#paint0_linear_52:83)" stroke-width="34"/> <defs> <linearGradient id="paint0_linear_52:83" x1="-12.7969" y1="-37.3359" x2="99.2109" y2="173.773" gradientUnits="userSpaceOnUse"> <stop stop-color="#4A6CF7"/> <stop offset="1" stop-color="#4A6CF7" stop-opacity="0"/> </linearGradient> </defs> </svg>
</div>
<div class="d l m nn" aria-label="shape" name="shape">
<span class="ob">shape</span>
<svg width="61" height="77" viewBox="0 0 61 77" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.5"> <circle cx="45.0001" cy="1.66667" r="1.66667" transform="rotate(90 45.0001 1.66667)" fill="white"/> <circle cx="16.0001" cy="1.66667" r="1.66667" transform="rotate(90 16.0001 1.66667)" fill="white"/> <circle cx="59.0001" cy="1.66667" r="1.66667" transform="rotate(90 59.0001 1.66667)" fill="white"/> <circle cx="30.6668" cy="1.66667" r="1.66667" transform="rotate(90 30.6668 1.66667)" fill="white"/> <circle cx="1.66683" cy="1.66667" r="1.66667" transform="rotate(90 1.66683 1.66667)" fill="white"/> <circle cx="45.0001" cy="16.3332" r="1.66667" transform="rotate(90 45.0001 16.3332)" fill="white"/> <circle cx="16.0001" cy="16.3332" r="1.66667" transform="rotate(90 16.0001 16.3332)" fill="white"/> <circle cx="59.0001" cy="16.3332" r="1.66667" transform="rotate(90 59.0001 16.3332)" fill="white"/> <circle cx="30.6668" cy="16.3332" r="1.66667" transform="rotate(90 30.6668 16.3332)" fill="white"/> <circle cx="1.66683" cy="16.3332" r="1.66667" transform="rotate(90 1.66683 16.3332)" fill="white"/> <circle cx="45.0001" cy="31.0002" r="1.66667" transform="rotate(90 45.0001 31.0002)" fill="white"/> <circle cx="45.0001" cy="74.6667" r="1.66667" transform="rotate(90 45.0001 74.6667)" fill="white"/> <circle cx="16.0001" cy="31.0002" r="1.66667" transform="rotate(90 16.0001 31.0002)" fill="white"/> <circle cx="16.0001" cy="74.6667" r="1.66667" transform="rotate(90 16.0001 74.6667)" fill="white"/> <circle cx="59.0001" cy="31.0002" r="1.66667" transform="rotate(90 59.0001 31.0002)" fill="white"/> <circle cx="59.0001" cy="74.6667" r="1.66667" transform="rotate(90 59.0001 74.6667)" fill="white"/> <circle cx="30.6668" cy="31.0002" r="1.66667" transform="rotate(90 30.6668 31.0002)" fill="white"/> <circle cx="30.6668" cy="74.6667" r="1.66667" transform="rotate(90 30.6668 74.6667)" fill="white"/> <circle cx="1.66683" cy="31.0002" r="1.66667" transform="rotate(90 1.66683 31.0002)" fill="white"/> <circle cx="1.66683" cy="74.6667" r="1.66667" transform="rotate(90 1.66683 74.6667)" fill="white"/> <circle cx="45.0001" cy="45.6667" r="1.66667" transform="rotate(90 45.0001 45.6667)" fill="white"/> <circle cx="16.0001" cy="45.6667" r="1.66667" transform="rotate(90 16.0001 45.6667)" fill="white"/> <circle cx="59.0001" cy="45.6667" r="1.66667" transform="rotate(90 59.0001 45.6667)" fill="white"/> <circle cx="30.6668" cy="45.6667" r="1.66667" transform="rotate(90 30.6668 45.6667)" fill="white"/> <circle cx="1.66683" cy="45.6667" r="1.66667" transform="rotate(90 1.66683 45.6667)" fill="white"/> <circle cx="45.0001" cy="60.3332" r="1.66667" transform="rotate(90 45.0001 60.3332)" fill="white"/> <circle cx="16.0001" cy="60.3332" r="1.66667" transform="rotate(90 16.0001 60.3332)" fill="white"/> <circle cx="59.0001" cy="60.3332" r="1.66667" transform="rotate(90 59.0001 60.3332)" fill="white"/> <circle cx="30.6668" cy="60.3332" r="1.66667" transform="rotate(90 30.6668 60.3332)" fill="white"/> <circle cx="1.66683" cy="60.3332" r="1.66667" transform="rotate(90 1.66683 60.3332)" fill="white"/> </g> </svg>
</div>
</footer>
<a href="javascript:void(0)" class="ob id kd pe kh hc ub vd c n o p _ yi ai ci back-to-top">
<span class="ic vb _d ae ee cd ya"></span>
</a>
<!--
<script data-cfasync="false" src="https:///cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
// ==== for menu scroll
const pageLink = document.querySelectorAll('.menu-scroll');
pageLink.forEach((elem) => {
elem.addEventListener('click', (e) => {
e.preventDefault();
document.querySelector(elem.getAttribute('href')).scrollIntoView({
behavior: 'smooth',
offsetTop: 1 - 60,
});
});
});
// section menu active
function onScroll(event) {
const sections = document.querySelectorAll('.menu-scroll');
const scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
for (let i = 0; i < sections.length; i++) {
const currLink = sections[i];
const val = currLink.getAttribute('href');
const refElement = document.querySelector(val);
const scrollTopMinus = scrollPos + 73;
if (refElement.offsetTop <= scrollTopMinus && refElement.offsetTop + refElement.offsetHeight > scrollTopMinus) {
document.querySelector('.menu-scroll').classList.remove('active');
currLink.classList.add('active');
} else {
currLink.classList.remove('active');
}
}
}
window.document.addEventListener('scroll', onScroll);
</script>
<script defer src="bundle.js"></script><script>(function(){var js = "window['__CF$cv$params']={r:'7e9a132ffcafba4d'};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/invisible.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/v2cb3a2ab87c5498db5ce7e6608cf55231689030342039" integrity="sha512-DI3rPuZDcpH/mSGyN22erN5QFnhl760f50/te7FTIYxodEF8jJnSFnfnmG/c+osmIQemvUrnBtxnMpNdzvx1/g==" data-cf-beacon='{"rayId":"7e9a132ffcafba4d","version":"2023.4.0","r":1,"token":"9a6015d415bb4773a0bff22543062d3b","si":100}' crossorigin="anonymous"></script> -->
</body>
</html>