generated from randyaajr/my-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1572 lines (1462 loc) · 95.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
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, shrink-to-fit=no" name="viewport">
<title>Randy Anderson | Full Stack Web Developer</title>
<meta name="author" content="Randy Anderson">
<meta name="description" content="Customer-Centric, detail oriented professional Front and Back-end Web Developer.">
<meta name="keywords"
content="Portfolio, Programmer, Full Stack Software Developer, Full Stack Web Developer, Front-End Developer, Web Developer, Back-End Developer, WordPress, React, Python, JavaScript">
<!-- Open gragh protocol-->
<meta property="og:title" content="Randy Anderson | Full Stack Web Developer" />
<meta property="og:description"
content="Customer-Centric, detail oriented professional Front and Back-end Web Developer." />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<!-- Twitter meta-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Randy Anderson | Full Stack Web Developer" />
<meta name="twitter:description"
content="Customer-Centric, detail oriented professional Front and Back-end Web Developer." />
<meta name="twitter:image" content="assets/img/portfolioTwitterImage.webp" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/flavicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/flavicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/flavicon/favicon-16x16.png">
<link rel="manifest" href="assets/flavicon/site.webmanifest">
<link rel="mask-icon" href="assets/flavicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- BootStrap CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<!-- Boxicons -->
<link href="https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css" rel="preload" as="style"
onload="this.rel='stylesheet'">
<!-- AOS Animate Library -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<!-- Vendor CSS Files -->
<link href="assets/vendor/icofont/icofont.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="assets/vendor/venobox/venobox.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="preload" as="style"
onload="this.rel='stylesheet'">
<!-- Main CSS File -->
<link href="assets/css/style.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="preload" as="style"
onload="this.rel='stylesheet'">
</head>
<body>
<!-- ======= Mobile nav toggle button ======= -->
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
<!-- ======= Header ======= -->
<header id="header" class="d-flex flex-column justify-content-center">
<nav class="nav-menu">
<ul>
<li class="active"><a href="#hero"><i class="bx bx-home"></i> <span>Home</span></a></li>
<li><a href="#about"><i class="bx bx-user"></i> <span>About</span></a></li>
<li><a href="#resume"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
<li><a href="#portfolio"><i class="bx bx-book-content"></i> <span>Portfolio</span></a></li>
<li><a href="#services"><i class="bx bx-server"></i> <span>Services</span></a></li>
<li><a href="#contact"><i class="bx bx-envelope"></i> <span>Contact</span></a></li>
</ul>
</nav>
<!-- .nav-menu -->
</header>
<!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-center">
<div class="container" data-aos="zoom-in" data-aos-delay="100">
<h3>Hi, my name is</h3>
<h1>Randy Anderson</h1>
<p>I'm a <span class="typed"
data-typed-items="Multiple Sclerosis Warrior, Developer, Freelancer, Music Producer, Designer"></span>
</p>
<div class="social-links">
<a href="https://www.linkedin.com/in/randy-anderson-jr/" target="_blank"
title="Direct link to my Linkedin"><i class="bx bxl-linkedin"></i></a>
<a href="https://github.com/randyaajr" target="_blank" title="Direct link to my GitHub">
<i class="bx bxl-github"></i></a>
<a href="https://codepen.io/randyaajr" target="_blank" title="Direct link to my CodePen">
<i class="bx bxl-codepen"></i></a>
<a href="https://www.instagram.com/randy_anderson_1990/" target="_blank"
title="Direct link to my Instagram"><i class="bx bxl-instagram"></i></a>
<a href="https://www.facebook.com/randy.anderson.963871/" target="_blank"
title="Direct link to my FaceBook"><i class="bx bxl-facebook"></i></a>
</div>
</div>
</section>
<!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About</h2>
<p>
I gravitate towards a life in Software Development because it allows me to earn a living while
doing many of my favorite things.
</p>
</div>
<div class="row">
<div class="col-lg-4">
<img src="assets/img/undraw_programming_2svr.svg" class="img-fluid"
alt="Picture of programmer working in front of 6 monitors.">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content">
<h3>Junior Full Stack Developer & Web Designer</h3>
<p class="font-italic">
I truly enjoy meeting new people and consider the relationships I form to be one of life's
greatest assets. I strive to be a contributor to the personal and professional success of
others and have a passion for building longstanding relationships with clients.
</p>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Github:</strong>
<a href="https://github.com/randyaajr" target="_blank"> My Github Account</a>
</li>
<li><i class="icofont-rounded-right"></i> <strong>Phone:</strong>
<a href="tel:+16477738434">+1 647-773-8434</a>
</li>
<li><i class="icofont-rounded-right"></i> <strong>City:</strong> Toronto, Canada
</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Email:</strong>
<a href="mailto:randyaajrsp@gmail.com"> randyaajrsp@gmail.com</a>
</li>
<li><i class="icofont-rounded-right"></i> <strong>Degree:</strong>
<a href="https://codeinstitute.net/full-stack-software-development-diploma/"
target="_blank">
FSSD - GPA 3.78
</a>
</li>
<li><i class="icofont-rounded-right"></i> <strong>Freelance:</strong> Available</li>
</ul>
</div>
</div>
<p>
When I'm not coding, I'm probably experimenting with new sounds, mixing soundtracks, or
exploring the outdoors, guitar in hand.
</p>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- ======= Skills Section ======= -->
<section id="skills" class="skills section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Skills</h2>
<p>
Creative personality with an obsessive curiosity to learn all things tech! I am forever
expanding my knowledge of cutting-edge programming languages.
</p>
</div>
<div class="row skills-content">
<div class="col-lg-6">
<div class="progress">
<span class="skill">HTML <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">CSS/Sass <i class="val">75%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">JavaScript/React/Nodejs <i class="val">62%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="62" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Python/Flask/Django <i class="val">60%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="progress">
<span class="skill">MySQL/PostgreSQL/MongoDB <i class="val">65%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="65" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Adobe Photoshop <i class="val">45%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Music Production <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Adobe Premiere Pro <i class="val">40%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Skills Section -->
<!-- ======= Resume Section ======= -->
<section id="resume" class="resume">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Resume</h2>
<p>
I'm a skilled Junior Full Stack Developer with a wealth of diverse life and technical experience
that I bring to every project.
</p>
</div>
<div class="row">
<div class="col-lg-6">
<h3 class="resume-title">Summary</h3>
<div class="resume-item pb-0">
<h4>Randy Anderson</h4>
<p><em>
Creative Developer with one year of freelance experience providing high-impact web
solutions for a diverse range of industries. Skilled in designing, developing, and
testing multiple web-based applications incorporating a range of technologies.
Aspiring to combine broad background with strong technical skills to excel as a
Developer.
</em></p>
<ul>
<li>Customer-Centric, detail-oriented professional with experience in Front and Back-end
Web Development.</li>
<li>Genuine thirst for expanding my knowledge of cutting-edge programming languages
whilst utilizing my client service experience to deliver products with end-users in
mind.
</li>
<li>Over 7 years of professional experience in Sales and Relationship Management with a
passion for building long-standing client relationships.</li>
<li>International work experience working across two different continents.</li>
<li>My goal is to further build upon my technical Web Development knowledge acquired in
academia and apply this experience in a professional commercial environment.</li>
</ul>
</div>
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>Sass, React, React Native, Node.js, PHP</h4>
<h5>2020 - Present</h5>
<p><em>Udemy, Toronto, Ontario</em></p>
<p>
I decided to expand my knowledge and skills in programming. Udemy has a vast catalog of
courses to choose from.
</p>
</div>
<div class="resume-item">
<h4>Full Stack Software Development</h4>
<h5>2020 - 2021</h5>
<p><em>Canadian Business College, Toronto, Ontario</em></p>
<p>
Canadian Business College’s 28-week program introduced me to a variety of programming
languages, all of which are needed to build a Full Stack web application from start to
finish. Graduated with a GPA 3.78
</p>
</div>
<div class="resume-item">
<h4>Media and Music Production</h4>
<h5>2011 - 2012</h5>
<p><em>Algonquin College of Applied Arts and Technology, Ottawa, Ontario</em></p>
<p>
Media and Music Production Program provided me with in-depth knowledge of music
engineering, mixing, and production techniques. The program also taught
marketing/promoting, small business, and entrepreneurship to prepare for the business
side of the music industry.
</p>
<img src="assets/img/undraw_about_me_wa29.svg" alt="" class="img-fluid">
</div>
</div>
<div class="col-lg-6">
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
<h4>Freelance Web Developer</h4>
<h5>2021 - Present</h5>
<p><em>Self Employed, Toronto, Ontario</em></p>
<ul>
<li>Build, design, and maintain client websites using HTML5, CSS3, JavaScript, Python,
and WordPress CMS.</li>
<li>Prepare designs and Wireframes for clients approval.</li>
<li>Develop new user-facing features for websites.</li>
<li>Spearhead various projects on different stages of development (HTML5, CSS/Sass,
JavaScript, React, Python-Django, WordPress).</li>
<li>Design and implement MySQL database to support client websites.</li>
<li>Integrate Google Analytics, MailChimp, Facebook Pixel, ect into clients websites.
</li>
<li>Create logos and edit images using Adobe Photoshop.</li>
</ul>
</div>
<div class="resume-item">
<h4>Technical Recruiting Specialist</h4>
<h5>2019 - Present</h5>
<p><em>Outfit, Toronto, Ontario</em></p>
</div>
<div class="resume-item">
<h4>Composer/Publishing Artist</h4>
<h5>2017 - Present</h5>
<p><em>AA+Audio, Toronto, Ontario</em></p>
<ul>
<li>Collaborate with clients to determine project scopes and set milestones.</li>
<li>Utilize specialized software to mix and master soundtracks.</li>
<li>Guided musicians during rehearsals, performances and recording sessions.</li>
<li>Advised musicians and vocalists on technique to improve end result.</li>
<li>Partnered with producers and performers to determine and achieve desired sound for
productions and provided audio system oversight for live sessions.</li>
<li>Engineered recording sessions and produced musical soundtracks for various artists,
including Hip hop, Ambient, K-Pop, J-pop and Punk rock.</li>
<li>Schedule and manage all phases of a recording project.</li>
<li>Developed and sold Omnisphere, Keyscape and Trillian Presets.</li>
<li>Sampled and processed sounds from everyday items to create a unique Drum Sample
Pack.
</li>
<li>Illustrated designs, logos and visuals materials for physical and digital album
artwork.
</li>
</ul>
</div>
<div class="resume-item">
<h4>Sales Lead</h4>
<h5>2017 - 2018</h5>
<p><em>iRestify, Toronto, Ontario</em></p>
<ul>
<li>Developed growth strategies and plans, coordinated staff schedule and onboarding,
trained new employees.</li>
<li>Managed and retained relationships with existing clients encouraging positive work
environment and corporate culture.</li>
<li>Writing business proposals.</li>
<li>Identifying and mapping business strengths and customer needs.</li>
<li> Communicate with clients and staff to ensure all issues are resolved quickly and
successfully.
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End Resume Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Portfolio</h2>
<p>
I'm well versed in User Experience Design using the trinity of HTML/CSS/Javascript. I also have
extensive experience in Back-End, specializing in data-driven web applications. I use Python and
Django in conjunction with MongoDB/PostgreSQL to process and present information.
</p>
</div>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-Front">HTML, CSS, JavaScript</li>
<li data-filter=".javascript">JavaScript Frameworks</li>
<li data-filter=".filter-Back">Python Frameworks & Database</li>
<li data-filter=".client">Client Projects</li>
<li data-filter=".filter-Game">Games</li>
</ul>
</div>
</div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item client">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/defina-1x.webp 1x, assets/img/portfolio/defina.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/defina-1x.webp" class="img-fluid"
alt="Picture of my clients website called Pizzeria Defina website photo">
</picture>
<div class="portfolio-info">
<h4>Pizzeria Defina</h4>
<p>Client Project - WordPress</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-13.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class='bx bx-expand'></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Back">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/boutique-1x.webp 1x, assets/img/portfolio/boutique.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/boutique-1x.webp" class="img-fluid"
alt="Full Stack Django eCommerce website with postgreSQL and AWS database called Boutique Ado">
</picture>
<div class="portfolio-info">
<h4>E-Commerce Web App</h4>
<p>Django, Database, Stripe API</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item javascript">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/react_portfolio-1x.webp 1x, assets/img/portfolio/react_portfolio.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/react_portfolio.webp" class="img-fluid"
alt="React portfolio website">
</picture>
<div class="portfolio-info">
<h4>Portfolio</h4>
<p>React portfolio website</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-16.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item javascript">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/webagent-1x.webp 1x, assets/img/portfolio/webagent.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/webagent-1x.webp" class="img-fluid"
alt="React website built with stlyed components">
</picture>
<div class="portfolio-info">
<h4>WebAgent</h4>
<p>React Styled Components</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-15.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item javascript">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/homies-1x.webp 1x, assets/img/portfolio/homies.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/homies-1x.webp" class="img-fluid"
alt="React mini project Homies website">
</picture>
<div class="portfolio-info">
<h4>Luxury Home Rentals</h4>
<p>React</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-11.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Back">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/gymatic-1x.webp 1x, assets/img/portfolio/gymatic.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/gymatic-1x.webp" class="img-fluid"
alt="Flask project for local gym">
</picture>
<div class="portfolio-info">
<h4>Gymatic | Local gym site</h4>
<p>Flask</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-14.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Back">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/task-manager1-1x.webp 1x, assets/img/portfolio/task-manager1.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/task-manager1-1x.webp" class="img-fluid"
alt="Full Stack Flask app which you can use to manage your tasks">
</picture>
<div class="portfolio-info">
<h4>Task Manager App</h4>
<p>Flask, Database</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-2.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/tours-1x.webp 1x, assets/img/portfolio/tours.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/tours-1x.webp" class="img-fluid"
alt="Fully responsive Sass (SCSS) project. Tour travel agency">
</picture>
<div class="portfolio-info">
<h4>Tour and Travel Agency</h4>
<p>HTML, Sass</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-12.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/infoflix0-1x.webp 1x, assets/img/portfolio/infoflix0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/infoflix0-1x.webp" class="img-fluid"
alt="InfoFlix is a responsive website which requests OMDb RESTful API data to obtain movie information">
</picture>
<div class="portfolio-info">
<h4>Film Title Search App</h4>
<p>CSS, BootStrap, JavaScript , jQuery, Axios</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-3.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/meal-maid0-1x.webp, assets/img/portfolio/meal-maid0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/meal-maid0-1x.webp" class="img-fluid"
alt="Responsive Website - This Project was created for template use">
</picture>
<div class="portfolio-info">
<h4>Food Delivery Web App</h4>
<p>HTML, CSS, JavaScript, BootStrap, jQuery</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-4.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/whiskydrop0-1x.webp, assets/img/portfolio/whiskydrop0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/whiskydrop0-1x.webp" class="img-fluid"
alt="Responsive Website - This Project was created for template use">
</picture>
<div class="portfolio-info">
<h4>Web App Template</h4>
<p>HTML, CSS, JavaScript, BootStrap</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-5.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/resume0-1x.webp 1x, assets/img/portfolio/resume0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/resume0-1x.webp" class="img-fluid"
alt="My first resume website project written with HTML, CSS JavaScript">
</picture>
<div class="portfolio-info">
<h4>Resume Web App</h4>
<p>HTML, CSS, JavaScript, BootStrap</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-6.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/todo-app0-1x.webp 1x, assets/img/portfolio/todo-app0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/todo-app0-1x.webp" class="img-fluid"
alt="My first task manager application written in JavaScript">
</picture>
<div class="portfolio-info">
<h4>Todo-List App</h4>
<p>HTML, CSS, JavaScript</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-7.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Game">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/stackem-1x.webp 1x, assets/img/portfolio/stackem.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/stackem-1x.webp" class="img-fluid"
alt="JavaScript Game where you need to stack array blocks">
</picture>
<div class="portfolio-info">
<h4>Stacking Game</h4>
<p>HTML, CSS, JavaScript</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-8.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Front">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/loverunnings0-1x.webp 1x, assets/img/portfolio/loverunnings0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/loverunnings0-1x.webp" class="img-fluid"
alt="Responsive HTML and CSS website with media queries">
</picture>
<div class="portfolio-info">
<h4>Comunity Meetup Web App</h4>
<p>HTML, CSS</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-9.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-Game">
<div class="portfolio-wrap">
<picture>
<source
srcset="assets/img/portfolio/Boxie-game0-1x.webp 1x, assets/img/portfolio/Boxie-game0.webp 2x"
media="(max-width: 37.5em)">
<img src="assets/img/portfolio/Boxie-game0-1x.webp" class="img-fluid"
alt="Fun JavaScript game where you have to avoid getting hit by enemy objects">
</picture>
<div class="portfolio-info">
<h4>Simple JavaScript Game</h4>
<p>HTML, CSS, JavaScript</p>
<div class="portfolio-links">
<a href="assets/portfolio/portfolio-details-10.html"
data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox"
title="Portfolio Details"><i class="bx bx-expand"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Services</h2>
<p>
</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box iconbox-blue">
<div class="icon">
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1280.000000 1264.000000" preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.15, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,1264.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M5925 12625 c-248 -21 -380 -39 -378 -51 1 -7 -56 -18 -148 -29 -83
-9 -190 -25 -237 -35 -244 -53 -454 -105 -602 -151 -91 -28 -210 -64 -264 -81
-465 -138 -1038 -415 -1493 -719 -234 -157 -585 -429 -773 -600 -215 -196
-538 -518 -659 -659 -284 -330 -532 -685 -692 -995 -77 -148 -267 -563 -324
-705 -107 -271 -232 -718 -289 -1030 -50 -277 -61 -391 -61 -650 0 -246 7
-324 27 -318 19 7 37 72 78 278 21 107 43 218 48 245 8 39 9 25 4 -65 -4 -63
-7 -219 -7 -347 0 -255 6 -282 45 -216 17 27 29 79 46 188 l23 150 -6 -191
c-3 -129 -1 -221 7 -283 13 -91 13 -92 26 -61 10 23 34 227 34 286 0 2 7 4 15
4 25 0 64 152 126 491 32 179 72 384 89 455 35 146 79 298 85 292 3 -2 -2 -39
-10 -82 -18 -92 -17 -86 -5 -86 6 0 10 8 10 18 1 12 5 9 16 -11 8 -15 19 -25
25 -22 5 4 25 37 44 73 20 40 34 59 35 47 0 -12 4 -25 9 -30 5 -6 5 -59 0
-120 -11 -153 4 -275 33 -275 13 0 42 71 108 268 67 195 71 204 80 177 5 -14
15 -1 40 56 75 165 285 573 365 707 101 171 155 249 427 613 292 390 419 544
672 809 125 131 146 145 66 45 -143 -181 -214 -315 -166 -315 18 0 124 82 321
249 593 504 995 778 1507 1025 559 271 1128 428 1798 498 168 17 793 17 960 0
325 -34 662 -97 926 -172 1721 -488 3064 -1775 3618 -3467 119 -365 196 -746
238 -1178 16 -171 16 -682 0 -860 -63 -686 -245 -1327 -557 -1960 -413 -840
-1042 -1558 -1830 -2090 -883 -595 -1871 -899 -3025 -931 -917 -26 -1785 174
-2670 616 -141 70 -106 38 50 -46 651 -351 1351 -559 2140 -636 180 -17 819
-17 1000 0 1357 132 2511 667 3474 1612 103 102 234 237 289 300 137 156 146
164 71 60 -18 -25 -32 -53 -31 -62 3 -23 -225 -278 -400 -449 -389 -378 -806
-687 -1263 -932 -248 -133 -705 -304 -1061 -396 -432 -112 -759 -157 -1319
-181 -140 -6 -292 -15 -337 -21 -203 -24 -781 41 -1163 132 -885 211 -1709
627 -2425 1225 -119 100 -403 375 -586 569 -147 155 -313 363 -449 563 -35 51
-65 90 -68 87 -15 -15 245 -368 409 -556 46 -53 119 -137 162 -187 110 -127
430 -438 572 -558 576 -480 1211 -831 1915 -1058 206 -67 518 -145 715 -181
77 -13 163 -29 190 -34 30 -5 39 -9 23 -10 -53 -2 -386 60 -586 110 -385 95
-769 234 -1117 405 -851 418 -1542 989 -2093 1732 -58 78 -107 140 -110 137
-6 -5 68 -110 177 -250 496 -637 1112 -1160 1806 -1532 882 -472 1890 -706
2925 -679 135 3 283 8 330 11 l85 4 -88 -14 c-162 -25 -410 -38 -687 -38 -620
1 -1087 74 -1620 253 -488 164 -1043 444 -1460 736 -1013 709 -1779 1701
-2169 2807 -65 186 -84 177 -22 -10 311 -944 925 -1853 1713 -2538 43 -37 78
-70 78 -72 0 -3 -26 16 -57 43 -353 296 -662 622 -938 989 -226 300 -383 560
-602 995 -85 168 -161 312 -169 320 -12 12 -14 12 -14 -5 0 -24 19 -87 54
-179 14 -37 24 -72 21 -77 -17 -27 300 -594 496 -886 353 -526 832 -1029 1354
-1423 146 -109 419 -290 580 -384 164 -95 184 -110 70 -50 -272 141 -644 395
-930 634 -449 374 -826 792 -1143 1268 -116 172 -235 372 -228 379 8 8 -54
126 -79 148 -11 11 -36 56 -54 100 -18 44 -57 125 -86 180 -107 200 -264 636
-350 969 -110 428 -165 790 -185 1231 -14 292 -17 314 -18 135 -5 -434 80
-1004 223 -1501 165 -571 420 -1128 741 -1616 52 -79 92 -149 89 -154 -12 -18
130 -212 375 -513 17 -21 4 -14 -40 23 -74 61 -87 54 -41 -22 l31 -52 -46 50
c-76 81 -272 329 -376 475 -323 454 -602 985 -785 1495 -28 77 -56 154 -62
170 l-11 30 4 -35 c2 -19 32 -114 66 -210 307 -859 797 -1636 1440 -2281 204
-204 313 -302 540 -484 246 -197 366 -285 570 -420 863 -573 1830 -901 2872
-975 216 -15 656 -12 879 6 751 60 1493 262 2168 590 577 280 1163 678 1588
1078 57 53 105 96 107 96 17 0 -37 -70 -102 -131 -399 -381 -986 -784 -1515
-1039 -844 -408 -1717 -611 -2677 -625 -975 -13 -1900 191 -2784 615 -901 432
-1681 1072 -2289 1880 -674 895 -1082 1897 -1217 2990 -29 238 -51 380 -60
385 -30 18 -16 -313 25 -588 155 -1055 576 -2051 1219 -2887 636 -827 1487
-1494 2446 -1918 1108 -490 2280 -647 3510 -471 721 103 1501 368 2144 729
801 448 1448 1019 2014 1775 431 575 781 1295 987 2030 155 554 223 1053 239
1755 1 74 2 -25 0 -220 -1 -237 -8 -407 -18 -510 -108 -1043 -415 -1944 -957
-2809 -60 -96 -108 -176 -105 -178 7 -8 73 81 154 207 491 769 804 1643 926
2580 48 370 65 930 37 1265 -60 737 -217 1389 -481 2000 -28 66 -65 160 -82
209 -154 458 -537 1096 -958 1596 -147 174 -459 487 -625 624 -287 238 -632
480 -835 585 -416 214 -583 292 -850 396 -74 29 -207 82 -295 117 -479 195
-1020 322 -1635 384 -230 23 -864 28 -1095 9z m-1790 -502 c-685 -272 -1356
-675 -1885 -1132 -142 -123 -401 -375 -540 -526 -91 -99 -89 -91 9 30 261 322
768 749 1256 1057 338 214 800 451 1080 554 90 33 156 47 80 17z m-814 -577
c-7 -8 -53 -39 -104 -69 -389 -232 -858 -607 -1152 -919 -107 -114 -412 -408
-371 -358 15 19 88 100 161 180 391 426 844 798 1349 1107 66 40 122 73 124
73 3 0 -1 -6 -7 -14z m-2171 -2051 c0 -2 -18 -34 -40 -70 -51 -83 -137 -254
-209 -416 -31 -69 -66 -135 -77 -147 -39 -42 -261 -553 -324 -747 -21 -67 -40
-103 -40 -78 0 38 140 422 225 619 101 234 264 541 421 797 25 40 44 59 44 42z
m-436 -952 c-82 -196 -218 -605 -267 -803 -37 -150 -82 -396 -116 -628 -11
-73 -24 -139 -29 -145 -5 -7 -12 -21 -15 -32 -12 -41 5 96 39 316 37 245 84
449 163 710 74 248 249 709 258 682 2 -6 -13 -51 -33 -100z m-537 -1355 c-3
-8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m128 -357 c-4 -25 -10 -40
-12 -33 -3 7 -2 39 3 70 5 36 9 48 12 33 2 -13 1 -45 -3 -70z m2181 -5032
c596 -523 1291 -920 2044 -1169 354 -117 757 -206 1173 -260 140 -18 197 -29
312 -59 57 -15 -83 -6 -291 19 -1347 163 -2586 767 -3509 1711 l-120 123 136
-130 c74 -72 189 -177 255 -235z m3177 -1136 c-7 -2 -21 -2 -30 0 -10 3 -4 5
12 5 17 0 24 -2 18 -5z" />
<path d="M11489 2413 c-428 -544 -921 -999 -1494 -1378 -798 -529 -1692 -868
-2615 -994 -200 -28 -228 -33 -212 -38 20 -8 331 36 527 73 949 183 1837 577
2620 1165 349 261 677 566 963 893 128 147 276 335 269 342 -2 3 -29 -26 -58
-63z" />
</g>
</svg>
<i class="bx bx-devices bx-tada-hover"></i>
</div>
<h4><a href="">Responsive Design</a></h4>
<p>My responsive Web Development techniques will have your website looking fabulous on all
devices.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box iconbox-yellow">
<div class="icon">
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1280.000000 1264.000000" preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.15, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,1264.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M5925 12625 c-248 -21 -380 -39 -378 -51 1 -7 -56 -18 -148 -29 -83
-9 -190 -25 -237 -35 -244 -53 -454 -105 -602 -151 -91 -28 -210 -64 -264 -81
-465 -138 -1038 -415 -1493 -719 -234 -157 -585 -429 -773 -600 -215 -196
-538 -518 -659 -659 -284 -330 -532 -685 -692 -995 -77 -148 -267 -563 -324
-705 -107 -271 -232 -718 -289 -1030 -50 -277 -61 -391 -61 -650 0 -246 7
-324 27 -318 19 7 37 72 78 278 21 107 43 218 48 245 8 39 9 25 4 -65 -4 -63
-7 -219 -7 -347 0 -255 6 -282 45 -216 17 27 29 79 46 188 l23 150 -6 -191
c-3 -129 -1 -221 7 -283 13 -91 13 -92 26 -61 10 23 34 227 34 286 0 2 7 4 15
4 25 0 64 152 126 491 32 179 72 384 89 455 35 146 79 298 85 292 3 -2 -2 -39
-10 -82 -18 -92 -17 -86 -5 -86 6 0 10 8 10 18 1 12 5 9 16 -11 8 -15 19 -25
25 -22 5 4 25 37 44 73 20 40 34 59 35 47 0 -12 4 -25 9 -30 5 -6 5 -59 0
-120 -11 -153 4 -275 33 -275 13 0 42 71 108 268 67 195 71 204 80 177 5 -14
15 -1 40 56 75 165 285 573 365 707 101 171 155 249 427 613 292 390 419 544
672 809 125 131 146 145 66 45 -143 -181 -214 -315 -166 -315 18 0 124 82 321
249 593 504 995 778 1507 1025 559 271 1128 428 1798 498 168 17 793 17 960 0
325 -34 662 -97 926 -172 1721 -488 3064 -1775 3618 -3467 119 -365 196 -746
238 -1178 16 -171 16 -682 0 -860 -63 -686 -245 -1327 -557 -1960 -413 -840
-1042 -1558 -1830 -2090 -883 -595 -1871 -899 -3025 -931 -917 -26 -1785 174
-2670 616 -141 70 -106 38 50 -46 651 -351 1351 -559 2140 -636 180 -17 819
-17 1000 0 1357 132 2511 667 3474 1612 103 102 234 237 289 300 137 156 146
164 71 60 -18 -25 -32 -53 -31 -62 3 -23 -225 -278 -400 -449 -389 -378 -806
-687 -1263 -932 -248 -133 -705 -304 -1061 -396 -432 -112 -759 -157 -1319
-181 -140 -6 -292 -15 -337 -21 -203 -24 -781 41 -1163 132 -885 211 -1709
627 -2425 1225 -119 100 -403 375 -586 569 -147 155 -313 363 -449 563 -35 51
-65 90 -68 87 -15 -15 245 -368 409 -556 46 -53 119 -137 162 -187 110 -127
430 -438 572 -558 576 -480 1211 -831 1915 -1058 206 -67 518 -145 715 -181
77 -13 163 -29 190 -34 30 -5 39 -9 23 -10 -53 -2 -386 60 -586 110 -385 95
-769 234 -1117 405 -851 418 -1542 989 -2093 1732 -58 78 -107 140 -110 137
-6 -5 68 -110 177 -250 496 -637 1112 -1160 1806 -1532 882 -472 1890 -706
2925 -679 135 3 283 8 330 11 l85 4 -88 -14 c-162 -25 -410 -38 -687 -38 -620
1 -1087 74 -1620 253 -488 164 -1043 444 -1460 736 -1013 709 -1779 1701
-2169 2807 -65 186 -84 177 -22 -10 311 -944 925 -1853 1713 -2538 43 -37 78
-70 78 -72 0 -3 -26 16 -57 43 -353 296 -662 622 -938 989 -226 300 -383 560
-602 995 -85 168 -161 312 -169 320 -12 12 -14 12 -14 -5 0 -24 19 -87 54
-179 14 -37 24 -72 21 -77 -17 -27 300 -594 496 -886 353 -526 832 -1029 1354
-1423 146 -109 419 -290 580 -384 164 -95 184 -110 70 -50 -272 141 -644 395
-930 634 -449 374 -826 792 -1143 1268 -116 172 -235 372 -228 379 8 8 -54
126 -79 148 -11 11 -36 56 -54 100 -18 44 -57 125 -86 180 -107 200 -264 636
-350 969 -110 428 -165 790 -185 1231 -14 292 -17 314 -18 135 -5 -434 80
-1004 223 -1501 165 -571 420 -1128 741 -1616 52 -79 92 -149 89 -154 -12 -18
130 -212 375 -513 17 -21 4 -14 -40 23 -74 61 -87 54 -41 -22 l31 -52 -46 50
c-76 81 -272 329 -376 475 -323 454 -602 985 -785 1495 -28 77 -56 154 -62
170 l-11 30 4 -35 c2 -19 32 -114 66 -210 307 -859 797 -1636 1440 -2281 204
-204 313 -302 540 -484 246 -197 366 -285 570 -420 863 -573 1830 -901 2872
-975 216 -15 656 -12 879 6 751 60 1493 262 2168 590 577 280 1163 678 1588
1078 57 53 105 96 107 96 17 0 -37 -70 -102 -131 -399 -381 -986 -784 -1515
-1039 -844 -408 -1717 -611 -2677 -625 -975 -13 -1900 191 -2784 615 -901 432
-1681 1072 -2289 1880 -674 895 -1082 1897 -1217 2990 -29 238 -51 380 -60
385 -30 18 -16 -313 25 -588 155 -1055 576 -2051 1219 -2887 636 -827 1487
-1494 2446 -1918 1108 -490 2280 -647 3510 -471 721 103 1501 368 2144 729
801 448 1448 1019 2014 1775 431 575 781 1295 987 2030 155 554 223 1053 239
1755 1 74 2 -25 0 -220 -1 -237 -8 -407 -18 -510 -108 -1043 -415 -1944 -957
-2809 -60 -96 -108 -176 -105 -178 7 -8 73 81 154 207 491 769 804 1643 926
2580 48 370 65 930 37 1265 -60 737 -217 1389 -481 2000 -28 66 -65 160 -82
209 -154 458 -537 1096 -958 1596 -147 174 -459 487 -625 624 -287 238 -632
480 -835 585 -416 214 -583 292 -850 396 -74 29 -207 82 -295 117 -479 195
-1020 322 -1635 384 -230 23 -864 28 -1095 9z m-1790 -502 c-685 -272 -1356
-675 -1885 -1132 -142 -123 -401 -375 -540 -526 -91 -99 -89 -91 9 30 261 322
768 749 1256 1057 338 214 800 451 1080 554 90 33 156 47 80 17z m-814 -577
c-7 -8 -53 -39 -104 -69 -389 -232 -858 -607 -1152 -919 -107 -114 -412 -408
-371 -358 15 19 88 100 161 180 391 426 844 798 1349 1107 66 40 122 73 124
73 3 0 -1 -6 -7 -14z m-2171 -2051 c0 -2 -18 -34 -40 -70 -51 -83 -137 -254
-209 -416 -31 -69 -66 -135 -77 -147 -39 -42 -261 -553 -324 -747 -21 -67 -40
-103 -40 -78 0 38 140 422 225 619 101 234 264 541 421 797 25 40 44 59 44 42z
m-436 -952 c-82 -196 -218 -605 -267 -803 -37 -150 -82 -396 -116 -628 -11
-73 -24 -139 -29 -145 -5 -7 -12 -21 -15 -32 -12 -41 5 96 39 316 37 245 84
449 163 710 74 248 249 709 258 682 2 -6 -13 -51 -33 -100z m-537 -1355 c-3
-8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m128 -357 c-4 -25 -10 -40
-12 -33 -3 7 -2 39 3 70 5 36 9 48 12 33 2 -13 1 -45 -3 -70z m2181 -5032
c596 -523 1291 -920 2044 -1169 354 -117 757 -206 1173 -260 140 -18 197 -29
312 -59 57 -15 -83 -6 -291 19 -1347 163 -2586 767 -3509 1711 l-120 123 136
-130 c74 -72 189 -177 255 -235z m3177 -1136 c-7 -2 -21 -2 -30 0 -10 3 -4 5
12 5 17 0 24 -2 18 -5z" />
<path d="M11489 2413 c-428 -544 -921 -999 -1494 -1378 -798 -529 -1692 -868
-2615 -994 -200 -28 -228 -33 -212 -38 20 -8 331 36 527 73 949 183 1837 577
2620 1165 349 261 677 566 963 893 128 147 276 335 269 342 -2 3 -29 -26 -58
-63z" />
</g>
</svg>
<i class="bx bxs-customize bx-spin-hover"></i>
</div>
<h4><a href="">Customization</a></h4>
<p>With custom web application development, your website or application will be built
according to your specific business needs.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in"
data-aos-delay="300">
<div class="icon-box iconbox-pink">
<div class="icon">
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1280.000000 1264.000000" preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.15, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,1264.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M5925 12625 c-248 -21 -380 -39 -378 -51 1 -7 -56 -18 -148 -29 -83
-9 -190 -25 -237 -35 -244 -53 -454 -105 -602 -151 -91 -28 -210 -64 -264 -81
-465 -138 -1038 -415 -1493 -719 -234 -157 -585 -429 -773 -600 -215 -196