truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend style fix

Browse Source
This commit is contained in:
Ümit Tunç
2026-01-01 16:25:27 +03:00
parent e8cdba4fd3
commit 0ca75829bb
454 changed files with 10087 additions and 9940 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/docs/styleguide/illustrations.html
+109 -109
View File
@@ -536,13 +536,13 @@
<li class="nav-item dropdown language-select uppercase group">
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
<ul class="dropdown-menu group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
<li class="nav-item"><a class="dropdown-item hover:!text-[#3f78e0] hover:bg-[inherit] " href="#">En</a></li>
<li class="nav-item"><a class="dropdown-item hover:!text-[#3f78e0] hover:bg-[inherit] " href="#">De</a></li>
<li class="nav-item"><a class="dropdown-item hover:!text-[#3f78e0] hover:bg-[inherit] " href="#">Es</a></li>
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">En</a></li>
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">De</a></li>
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">Es</a></li>
</ul>
</li>
<li class="nav-item hidden xl:block lg:block md:block">
<a class='btn btn-sm btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]' href='../../contact.html'>Contact</a>
<a class='btn btn-sm btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]' href='../../contact.html'>Contact</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -578,11 +578,11 @@
<h6 class="widget-title text-[0.85rem] !mb-2">Usage</h6>
<nav id="collapse-usage">
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
<li><a class='!text-inherit hover:!text-[#3f78e0]' href='../index.html'>Get Started</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../forms.html'>Forms</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../faq.html'>FAQ</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../changelog.html'>Changelog</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../credits.html'>Credits</a></li>
<li><a class='!text-inherit hover:!text-[#e31e24]' href='../index.html'>Get Started</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../forms.html'>Forms</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../faq.html'>FAQ</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../changelog.html'>Changelog</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../credits.html'>Credits</a></li>
</ul>
</nav>
<!-- /nav -->
@@ -592,13 +592,13 @@
<h6 class="widget-title text-[0.85rem] !mb-2">Styleguide</h6>
<nav id="collapse-style">
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
<li><a class='!text-inherit hover:!text-[#3f78e0]' href='colors.html'>Colors</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='fonts.html'>Fonts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='icons-svg.html'>SVG Icons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='icons-font.html'>Font Icons</a></li>
<li><a class='!text-inherit hover:!text-[#e31e24]' href='colors.html'>Colors</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='fonts.html'>Fonts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='icons-svg.html'>SVG Icons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='icons-font.html'>Font Icons</a></li>
<li class="!mt-[0.35rem]"><a class='active' href='illustrations.html'>Illustrations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='backgrounds.html'>Backgrounds</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='misc.html'>Misc</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='backgrounds.html'>Backgrounds</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='misc.html'>Misc</a></li>
</ul>
</nav>
<!-- /nav -->
@@ -608,33 +608,33 @@
<h6 class="widget-title text-[0.85rem] !mb-2">Elements</h6>
<nav id="collapse-elements">
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/accordion.html'>Accordion</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/alerts.html'>Alerts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/animations.html'>Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/avatars.html'>Avatars</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/background.html'>Background</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/badges.html'>Badges</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/buttons.html'>Buttons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/card.html'>Card</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/carousel.html'>Carousel</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/dividers.html'>Dividers</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/form-elements.html'>Form Elements</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/image-hover.html'>Image Hover</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/image-mask.html'>Image Mask</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/lightbox.html'>Lightbox</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/player.html'>Media Player</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/modal.html'>Modal</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/pagination.html'>Pagination</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/progressbar.html'>Progressbar</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/shadows.html'>Shadows</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/shapes.html'>Shapes</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/tables.html'>Tables</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/tabs.html'>Tabs</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/text-animations.html'>Text Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/text-highlight.html'>Text Highlight</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/tiles.html'>Tiles</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/tooltips-popovers.html'>Tooltips & Popovers</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../elements/typography.html'>Typography</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/accordion.html'>Accordion</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/alerts.html'>Alerts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/animations.html'>Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/avatars.html'>Avatars</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/background.html'>Background</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/badges.html'>Badges</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/buttons.html'>Buttons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/card.html'>Card</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/carousel.html'>Carousel</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/dividers.html'>Dividers</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/form-elements.html'>Form Elements</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/image-hover.html'>Image Hover</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/image-mask.html'>Image Mask</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/lightbox.html'>Lightbox</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/player.html'>Media Player</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/modal.html'>Modal</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/pagination.html'>Pagination</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/progressbar.html'>Progressbar</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/shadows.html'>Shadows</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/shapes.html'>Shapes</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tables.html'>Tables</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tabs.html'>Tabs</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/text-animations.html'>Text Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/text-highlight.html'>Text Highlight</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tiles.html'>Tiles</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/tooltips-popovers.html'>Tooltips & Popovers</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../elements/typography.html'>Typography</a></li>
</ul>
</nav>
<!-- /nav -->
@@ -647,13 +647,13 @@
<h6 class="widget-title text-[0.85rem] !mb-2 xl:!pl-5">On this page</h6>
<nav class="xl:!pl-5" id="sidebar-nav">
<ul class="list-unstyled !pl-0 list-none text-[0.7rem] leading-normal text-inherit">
<li><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] active" href="#snippet-1">Set 1</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-2">Set 2</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-3">Set 3</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-4">Set 4</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-5">Set 5</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-6">Set 6</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-7">Set 7</a></li>
<li><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] active" href="#snippet-1">Set 1</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-2">Set 2</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-3">Set 3</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-4">Set 4</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-5">Set 5</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-6">Set 6</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-7">Set 7</a></li>
</ul>
</nav>
<!-- /nav -->
@@ -669,7 +669,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i1.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/growing-up-landing-page-design_4238115.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/growing-up-landing-page-design_4238115.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i1.html srcset=&quot;./assets/img/illustrations/i1@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -678,7 +678,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i2.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/startup-landing-page_4237363.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/startup-landing-page_4237363.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i2.html srcset=&quot;./assets/img/illustrations/i2@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -687,7 +687,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i3.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/teamwork-landing-page_4238239.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/teamwork-landing-page_4238239.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i3.html srcset=&quot;./assets/img/illustrations/i3@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -696,7 +696,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i4.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/about-us-landing-page-design_4238455.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/about-us-landing-page-design_4238455.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i4.html srcset=&quot;./assets/img/illustrations/i4@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -705,7 +705,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i5.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/data-protection-landing-page-design_4237696.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/data-protection-landing-page-design_4237696.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i5.html srcset=&quot;./assets/img/illustrations/i5@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -714,7 +714,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i6.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/digital-marketing-landing-page-web-design_4237912.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/digital-marketing-landing-page-web-design_4237912.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i6.html srcset=&quot;./assets/img/illustrations/i6@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -723,7 +723,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i7.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/online-shopping-landing-page_4237971.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/online-shopping-landing-page_4237971.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i7.html srcset=&quot;./assets/img/illustrations/i7@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -732,7 +732,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i8.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/seo-optimization-landing-page-design_4237777.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/seo-optimization-landing-page-design_4237777.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i8.html srcset=&quot;./assets/img/illustrations/i8@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -746,7 +746,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i9.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/app-development-landing-page_3103245.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/app-development-landing-page_3103245.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i9.html srcset=&quot;./assets/img/illustrations/i9@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -755,7 +755,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i10.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/web-design-landing-page_3103246.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/web-design-landing-page_3103246.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i10.html srcset=&quot;./assets/img/illustrations/i10@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -764,7 +764,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i11.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/data-analysis-landing-page_3103247.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/data-analysis-landing-page_3103247.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i11.html srcset=&quot;./assets/img/illustrations/i11@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -773,7 +773,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i12.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/teamwork-design-landing-page_3103248.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/teamwork-design-landing-page_3103248.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i12.html srcset=&quot;./assets/img/illustrations/i12@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -782,7 +782,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i13.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/time-management-landing-page_3103250.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/time-management-landing-page_3103250.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i13.html srcset=&quot;./assets/img/illustrations/i13@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -791,7 +791,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i14.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/workspace-design-landing-page_3103252.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/workspace-design-landing-page_3103252.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i14.html srcset=&quot;./assets/img/illustrations/i14@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -800,7 +800,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i15.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/online-shopping-landing-page_3103253.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/online-shopping-landing-page_3103253.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i15.html srcset=&quot;./assets/img/illustrations/i15@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -809,7 +809,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i16.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/responsive-design-landing-page_3103254.htm#page=56&query=landing+page&position=41" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/responsive-design-landing-page_3103254.htm#page=56&query=landing+page&position=41" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i16.html srcset=&quot;./assets/img/illustrations/i16@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -818,7 +818,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i17.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/creative-process-landing-page_4405718.htm#page=9&query=landing+page&position=37" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/creative-process-landing-page_4405718.htm#page=9&query=landing+page&position=37" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i17.html srcset=&quot;./assets/img/illustrations/i17@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -832,7 +832,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i18.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/3d-printing-technology-web-banner-landing-page-set_12447938.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/3d-printing-technology-web-banner-landing-page-set_12447938.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i18.html srcset=&quot;./assets/img/illustrations/i18@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -841,7 +841,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i19.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/advert-designer-illustrator-web-banner-landing-page_12447940.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/advert-designer-illustrator-web-banner-landing-page_12447940.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i19.html srcset=&quot;./assets/img/illustrations/i19@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -850,7 +850,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i20.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/cyber-web-security-specialist-web-banner-landing-page-set_12447948.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/cyber-web-security-specialist-web-banner-landing-page-set_12447948.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i20.html srcset=&quot;./assets/img/illustrations/i20@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -859,7 +859,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i21.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/graphic-designer-digital-illustrator-web-banner-landing-page-set_12447958.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/graphic-designer-digital-illustrator-web-banner-landing-page-set_12447958.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i21.html srcset=&quot;./assets/img/illustrations/i21@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -868,7 +868,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i22.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/graphic-designer-digital-illustrator-web-banner-landing-page-set_12447958.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/graphic-designer-digital-illustrator-web-banner-landing-page-set_12447958.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i22.html srcset=&quot;./assets/img/illustrations/i22@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -877,7 +877,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i23.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/system-administrator-web-banner-landing-page-set_12447983.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/system-administrator-web-banner-landing-page-set_12447983.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i23.html srcset=&quot;./assets/img/illustrations/i23@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -886,7 +886,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i24.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/web-design-web-layout-landing-page-set-presenting-content-web-pages-website-layout-composition-color-development-idea-computer-technology_13137171.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/web-design-web-layout-landing-page-set-presenting-content-web-pages-website-layout-composition-color-development-idea-computer-technology_13137171.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i24.html srcset=&quot;./assets/img/illustrations/i24@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -895,7 +895,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i25.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/web-programming-web-layout-landing-page-set-coding-testing-writing-program-website-using-internet-different-software-website-development_13137173.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/web-programming-web-layout-landing-page-set-coding-testing-writing-program-website-using-internet-different-software-website-development_13137173.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i25.html srcset=&quot;./assets/img/illustrations/i25@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -904,7 +904,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i26.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/mobile-app-development-web-layout-landing-page-set-modern-technology-smartphone-interface-design-application-building-programming_13137153.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/mobile-app-development-web-layout-landing-page-set-modern-technology-smartphone-interface-design-application-building-programming_13137153.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i26.html srcset=&quot;./assets/img/illustrations/i26@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -913,7 +913,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i27.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/director-web-banner-landing-page_12447955.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/director-web-banner-landing-page_12447955.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i27.html srcset=&quot;./assets/img/illustrations/i27@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -927,7 +927,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ui1.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/mobile-phone-interface-3d-concepts-landing-page_6721408.htm#page=1&query=Seo%20company&position=36&from_view=keyword" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/mobile-phone-interface-3d-concepts-landing-page_6721408.htm#page=1&query=Seo%20company&position=36&from_view=keyword" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ui1.html srcset=&quot;./assets/img/illustrations/ui1@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -936,7 +936,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ui2.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/digital-screens-plants-3d-concepts-landing-page_6721403.htm#page=1&query=3d&position=9&from_view=search" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/digital-screens-plants-3d-concepts-landing-page_6721403.htm#page=1&query=3d&position=9&from_view=search" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ui2.html srcset=&quot;./assets/img/illustrations/ui2@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -945,7 +945,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ui3.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/online-purchases-from-homr-3d-concepts-landing-page_6721402.htm#page=1&query=3d&position=48&from_view=search" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/online-purchases-from-homr-3d-concepts-landing-page_6721402.htm#page=1&query=3d&position=48&from_view=search" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ui3.html srcset=&quot;./assets/img/illustrations/ui3@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -954,7 +954,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ui4.png" alt="image"></figure>
<a href="https://www.freepik.com/free-vector/social-online-interaction-3d-concepts-landing-page_6721405.htm#page=1&position=9&from_view=user" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/free-vector/social-online-interaction-3d-concepts-landing-page_6721405.htm#page=1&position=9&from_view=user" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ui4.html srcset=&quot;./assets/img/illustrations/ui4@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -963,7 +963,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ui5.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-vector/landing-page-template-with-easy-shipping_12392824.htm#page=1&position=21&from_view=user" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-vector/landing-page-template-with-easy-shipping_12392824.htm#page=1&position=21&from_view=user" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ui5.html srcset=&quot;./assets/img/illustrations/ui5@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -977,7 +977,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d1.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3-email-campaign-with-mobile-phone_15751106.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3-email-campaign-with-mobile-phone_15751106.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d1.html srcset=&quot;./assets/img/illustrations/3d1@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -986,7 +986,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d2.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/great-idea-3d-illustration-concept_14514386.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/great-idea-3d-illustration-concept_14514386.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d2.html srcset=&quot;./assets/img/illustrations/3d2@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -995,7 +995,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d3.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-email-campaign-with-laptop_15751105.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-email-campaign-with-laptop_15751105.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d3.html srcset=&quot;./assets/img/illustrations/3d3@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1004,7 +1004,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d4.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-illustration-concept-man-looking-ideas_14514382.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-illustration-concept-man-looking-ideas_14514382.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d4.html srcset=&quot;./assets/img/illustrations/3d4@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1013,7 +1013,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d5.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-new-employee-interview-with-applicants-identity_16069636.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-new-employee-interview-with-applicants-identity_16069636.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d5.html srcset=&quot;./assets/img/illustrations/3d5@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1022,7 +1022,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d6.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-online-connection-with-male-character_15751113.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-online-connection-with-male-character_15751113.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d6.html srcset=&quot;./assets/img/illustrations/3d6@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1031,7 +1031,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d7.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-online-shopping-illustration_16523091.htm#page=1&query=online%20shopping%20illustration&position=7&from_view=search" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-online-shopping-illustration_16523091.htm#page=1&query=online%20shopping%20illustration&position=7&from_view=search" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d7.html srcset=&quot;./assets/img/illustrations/3d7@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1040,7 +1040,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d8.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-working-time-with-male-female-characters_16644661.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-working-time-with-male-female-characters_16644661.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d8.html srcset=&quot;./assets/img/illustrations/3d8@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1049,7 +1049,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d9.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-startup-life-with-man-standing-rocket_16644633.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-startup-life-with-man-standing-rocket_16644633.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d9.html srcset=&quot;./assets/img/illustrations/3d9@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1058,7 +1058,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d10.png" alt="image"></figure>
<a class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank" href="https://www.freepik.com/premium-psd/3d-hosting-with-male-character-using-laptop_16428910.htm#page=1&position=21&from_view=detail#&position=21&from_view=detail">Resource</a>
<a class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank" href="https://www.freepik.com/premium-psd/3d-hosting-with-male-character-using-laptop_16428910.htm#page=1&position=21&from_view=detail#&position=21&from_view=detail">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d10.html srcset=&quot;./assets/img/illustrations/3d10@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1067,7 +1067,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d11.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-startup-life-with-man-holding-notes_16644607.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-startup-life-with-man-holding-notes_16644607.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d11.html srcset=&quot;./assets/img/illustrations/3d11@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1076,7 +1076,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/3d12.png" alt="image"></figure>
<a href="https://www.freepik.com/premium-psd/3d-think-illustration_14902775.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.freepik.com/premium-psd/3d-think-illustration_14902775.htm" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/3d12.html srcset=&quot;./assets/img/illustrations/3d12@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1090,7 +1090,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i28.png" alt="image"></figure>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i28.html srcset=&quot;./assets/img/illustrations/i28@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1099,7 +1099,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i29.png" alt="image"></figure>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i29.html srcset=&quot;./assets/img/illustrations/i29@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1108,7 +1108,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i30.png" alt="image"></figure>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i30.html srcset=&quot;./assets/img/illustrations/i30@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1117,7 +1117,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i31.png" alt="image"></figure>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i31.html srcset=&quot;./assets/img/illustrations/i31@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1126,7 +1126,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/i32.png" alt="image"></figure>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://iconpark.oceanengine.com/illustrations/9" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/i32.html srcset=&quot;./assets/img/illustrations/i32@2x.png 2x&quot; alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1140,7 +1140,7 @@
<div class="card !h-full">
<div class="card-body !p-10 pb-6 flex flex-col justify-end items-center">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni1.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni1.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1149,7 +1149,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni2.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni2.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1158,7 +1158,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni3.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni3.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1167,7 +1167,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni4.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni4.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1176,7 +1176,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni5.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni5.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1185,7 +1185,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni6.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni6.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1194,7 +1194,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni7.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni7.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1203,7 +1203,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni8.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni8.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1212,7 +1212,7 @@
<div class="card !h-full">
<div class="card-body !p-10 !pb-6">
<figure class="m-0 p-0"><img class="max-w-full h-auto" src="../../assets/img/illustrations/ni9.png" alt="image"></figure>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#3f78e0] hover:after:!text-[#3f78e0] !mt-6" target="_blank">Resource</a>
<a href="https://www.figma.com/community/file/1000311109311441524" class="external !pr-[1.4rem] after:content-['\e906'] after:text-[0.7rem] after:font-Custom hover:!text-[#e31e24] hover:after:!text-[#e31e24] !mt-6" target="_blank">Resource</a>
</div>
<div class="card-footer !relative cursor-pointer text-[0.7rem] !p-[.5rem_.2rem]"><a class="stretched-link !text-[#60697b] btn-copy-icon" data-clipboard-text="&lt;img class=&quot;max-w-full h-auto&quot; src=_/assets/img/illustrations/ni9.html alt=&quot;&quot; /&gt;">Copy</a></div>
</div>
@@ -1243,9 +1243,9 @@
<!-- /.container -->
</section>
<!-- /section -->
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#3f78e0] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#e31e24] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path class="fill-none stroke-[#3f78e0] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
<path class="fill-none stroke-[#e31e24] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<script src="../../assets/js/plugins.js"></script>