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/elements/typography.html
+77 -77
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='../styleguide/colors.html'>Colors</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../styleguide/fonts.html'>Fonts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../styleguide/icons-svg.html'>SVG Icons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../styleguide/icons-font.html'>Font Icons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../styleguide/illustrations.html'>Illustrations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../styleguide/backgrounds.html'>Backgrounds</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='../styleguide/misc.html'>Misc</a></li>
<li><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/colors.html'>Colors</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/fonts.html'>Fonts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/icons-svg.html'>SVG Icons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/icons-font.html'>Font Icons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/illustrations.html'>Illustrations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/backgrounds.html'>Backgrounds</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='../styleguide/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='accordion.html'>Accordion</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='alerts.html'>Alerts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='animations.html'>Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='avatars.html'>Avatars</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='background.html'>Background</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='badges.html'>Badges</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='buttons.html'>Buttons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='card.html'>Card</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='carousel.html'>Carousel</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='dividers.html'>Dividers</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='form-elements.html'>Form Elements</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='image-hover.html'>Image Hover</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='image-mask.html'>Image Mask</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='lightbox.html'>Lightbox</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='player.html'>Media Player</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='modal.html'>Modal</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='pagination.html'>Pagination</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='progressbar.html'>Progressbar</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='shadows.html'>Shadows</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='shapes.html'>Shapes</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='tables.html'>Tables</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='tabs.html'>Tabs</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='text-animations.html'>Text Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='text-highlight.html'>Text Highlight</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='tiles.html'>Tiles</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#3f78e0]' href='tooltips-popovers.html'>Tooltips & Popovers</a></li>
<li class="!mt-[0.35rem]"><a class='hover:!text-[#3f78e0] active' href='typography.html'>Typography</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='accordion.html'>Accordion</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='alerts.html'>Alerts</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='animations.html'>Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='avatars.html'>Avatars</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='background.html'>Background</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='badges.html'>Badges</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='buttons.html'>Buttons</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='card.html'>Card</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='carousel.html'>Carousel</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='dividers.html'>Dividers</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='form-elements.html'>Form Elements</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='image-hover.html'>Image Hover</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='image-mask.html'>Image Mask</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='lightbox.html'>Lightbox</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='player.html'>Media Player</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='modal.html'>Modal</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='pagination.html'>Pagination</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='progressbar.html'>Progressbar</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='shadows.html'>Shadows</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='shapes.html'>Shapes</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='tables.html'>Tables</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='tabs.html'>Tabs</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='text-animations.html'>Text Animations</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='text-highlight.html'>Text Highlight</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='tiles.html'>Tiles</a></li>
<li class="!mt-[0.35rem]"><a class='!text-inherit hover:!text-[#e31e24]' href='tooltips-popovers.html'>Tooltips & Popovers</a></li>
<li class="!mt-[0.35rem]"><a class='hover:!text-[#e31e24] active' href='typography.html'>Typography</a></li>
</ul>
</nav>
<!-- /nav -->
@@ -647,14 +647,14 @@
<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">Headings</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-2">Display Headings</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-3">Tiny Headings</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-4">Lead</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-5">Lists</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-6">Blockquote</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-7">Dropcap</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#3f78e0] nav-link scroll !text-[0.7rem] " href="#snippet-8">Links</a></li>
<li><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] active" href="#snippet-1">Headings</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-2">Display Headings</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-3">Tiny Headings</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-4">Lead</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-5">Lists</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-6">Blockquote</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-7">Dropcap</a></li>
<li class="!mt-[0.35rem]"><a class="hover:!text-[#e31e24] nav-link scroll !text-[0.7rem] " href="#snippet-8">Links</a></li>
</ul>
</nav>
<!-- /nav -->
@@ -774,7 +774,7 @@
</div>
<!--/column -->
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
<h2 class="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0] !text-[#343f52] !mb-0 !leading-[1.35]">Tiny Heading with Line</h2>
<h2 class="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24] !text-[#343f52] !mb-0 !leading-[1.35]">Tiny Heading with Line</h2>
</div>
<!--/column -->
</div>
@@ -789,7 +789,7 @@
<div class="code-wrapper relative !mb-0">
<div class="code-wrapper-inner">
<pre class="language-html"><code>&lt;h2 class=&quot;!text-[.75rem] uppercase !text-[#343f52]&quot;&gt;Tiny heading&lt;/h2&gt;
&lt;h2 class=&quot;!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0] !text-[#343f52]&quot;&gt;Tiny heading with line&lt;/h2&gt;</code></pre>
&lt;h2 class=&quot;!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24] !text-[#343f52]&quot;&gt;Tiny heading with line&lt;/h2&gt;</code></pre>
</div>
<!--/.code-wrapper-inner -->
</div>
@@ -833,19 +833,19 @@
<div class="flex flex-wrap mx-[-15px] !mt-[-30px]">
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
<ul class="pl-0 list-none bullet-primary !mb-0">
<li class="relative !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif">Aenean eu leo quam.</li>
<li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif">Nullam quis risus eget.</li>
<li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif">Donec id elit non mi porta.</li>
<li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif">Fusce dapibus cursus.</li>
<li class="relative !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif">Aenean eu leo quam.</li>
<li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif">Nullam quis risus eget.</li>
<li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif">Donec id elit non mi porta.</li>
<li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif">Fusce dapibus cursus.</li>
</ul>
</div>
<!-- /column -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
<ul class="pl-0 list-none bullet-primary !mb-0">
<li class="relative !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"></i></span><span>Aenean eu leo quam.</span></li>
<li class="relative !mt-[0.35rem] !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"></i></span><span>Nullam quis risus eget.</span></li>
<li class="relative !mt-[0.35rem] !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"></i></span><span>Donec id elit non mi porta.</span></li>
<li class="relative !mt-[0.35rem] !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"></i></span><span>Fusce dapibus cursus.</span></li>
<li class="relative !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"></i></span><span>Aenean eu leo quam.</span></li>
<li class="relative !mt-[0.35rem] !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"></i></span><span>Nullam quis risus eget.</span></li>
<li class="relative !mt-[0.35rem] !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"></i></span><span>Donec id elit non mi porta.</span></li>
<li class="relative !mt-[0.35rem] !pl-5"><span><i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"></i></span><span>Fusce dapibus cursus.</span></li>
</ul>
</div>
<!-- /column -->
@@ -871,17 +871,17 @@
<div class="code-wrapper-inner">
<pre class="language-html"><code>
&#60;ul class="pl-0 list-none bullet-primary !mb-0"&#62;
&#60;li class="relative !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif"&#62;Aenean eu leo quam.&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif"&#62;Nullam quis risus eget.&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif"&#62;Donec id elit non mi porta.&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#3f78e0] before:left-0 before:font-SansSerif"&#62;Fusce dapibus cursus.&#60;/li&#62;
&#60;li class="relative !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif"&#62;Aenean eu leo quam.&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif"&#62;Nullam quis risus eget.&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif"&#62;Donec id elit non mi porta.&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:!text-[#e31e24] before:left-0 before:font-SansSerif"&#62;Fusce dapibus cursus.&#60;/li&#62;
&#60;/ul&#62;
&#60;ul class="pl-0 list-none bullet-primary !mb-0"&#62;
&#60;li class="relative !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Aenean eu leo quam.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Nullam quis risus eget.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Donec id elit non mi porta.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#3f78e0] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Fusce dapibus cursus.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Aenean eu leo quam.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Nullam quis risus eget.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Donec id elit non mi porta.&#60;/span&#62;&#60;/li&#62;
&#60;li class="relative !mt-[0.35rem] !pl-5"&#62;&#60;span&#62;&#60;i class="uil uil-arrow-right before:content-['\e94c'] absolute top-[-0.2rem] text-base !text-[#e31e24] left-0"&#62;&#60;/i&#62;&#60;/span&#62;&#60;span&#62;Fusce dapibus cursus.&#60;/span&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;ul class="pl-0 list-none bullet-bg bullet-soft-green !mb-0"&#62;
@@ -906,7 +906,7 @@
<div class="flex flex-wrap mx-[-15px] !mt-[-20px] xl:!mt-0 lg:!mt-0 md:!mt-0 items-center">
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
<figure>
<blockquote class="border-l-[#3f78e0] !leading-[1.7] font-medium !pl-4 border-l-[0.15rem] border-solid text-[1rem] m-[0_0_1rem]">
<blockquote class="border-l-[#e31e24] !leading-[1.7] font-medium !pl-4 border-l-[0.15rem] border-solid text-[1rem] m-[0_0_1rem]">
<p>Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula lacinia odio.</p>
</blockquote>
<figcaption class="!text-[0.6rem] !text-[#aab0bc] !mb-0 before:content-['\2014\a0'] font-bold uppercase !tracking-[0.02rem]">Connor Gibson</figcaption>
@@ -941,7 +941,7 @@
<div class="code-wrapper-inner">
<pre class="language-html"><code>
&#60;figure&#62;
&#60;blockquote class="border-l-[#3f78e0] !leading-[1.7] font-medium !pl-4 border-l-[0.15rem] border-solid text-[1rem] m-[0_0_1rem]"&#62;
&#60;blockquote class="border-l-[#e31e24] !leading-[1.7] font-medium !pl-4 border-l-[0.15rem] border-solid text-[1rem] m-[0_0_1rem]"&#62;
&#60;p&#62;Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula lacinia odio.&#60;/p&#62;
&#60;/blockquote&#62;
&#60;figcaption class="!text-[0.6rem] !text-[#aab0bc] !mb-0 before:content-['\2014\a0'] font-bold uppercase !tracking-[0.02rem]"&#62;Connor Gibson&#60;/figcaption&#62;
@@ -972,11 +972,11 @@
</div>
<!-- /column -->
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full">
<p><span class="xl:!text-[2.5rem] block float-left !text-[calc(1.375rem_+_1.5vw)] leading-none font-medium !ml-0 !mr-[0.6rem] !mt-[0.2rem] !mb-0 !p-0 !text-[#3f78e0] ">A</span>enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.</p>
<p><span class="xl:!text-[2.5rem] block float-left !text-[calc(1.375rem_+_1.5vw)] leading-none font-medium !ml-0 !mr-[0.6rem] !mt-[0.2rem] !mb-0 !p-0 !text-[#e31e24] ">A</span>enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.</p>
</div>
<!-- /column -->
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full">
<p><span class="xl:!text-[1.4rem] float-left leading-none font-medium m-[.25rem_.5rem_0_0] p-0 !rounded-[50%] !text-[#3f78e0] !bg-[#e0e9fa] text-[1.4rem] h-[2.3rem] w-[2.3rem] flex content-center items-center justify-center pb-[0.15rem]">A</span>enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.</p>
<p><span class="xl:!text-[1.4rem] float-left leading-none font-medium m-[.25rem_.5rem_0_0] p-0 !rounded-[50%] !text-[#e31e24] !bg-[#e0e9fa] text-[1.4rem] h-[2.3rem] w-[2.3rem] flex content-center items-center justify-center pb-[0.15rem]">A</span>enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.</p>
</div>
<!-- /column -->
</div>
@@ -993,9 +993,9 @@
<pre class="language-html"><code>
&#60;p&#62;&#60;span class="xl:!text-[2.5rem] block float-left !text-[calc(1.375rem_+_1.5vw)] leading-none font-medium !ml-0 !mr-[0.6rem] !mt-[0.2rem] !mb-0 p-0text-[#343f52]"&#62;A&#60;/span&#62;enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.&#60;/p&#62;
&#60;p&#62;&#60;span class="xl:!text-[2.5rem] block float-left !text-[calc(1.375rem_+_1.5vw)] leading-none font-medium !ml-0 !mr-[0.6rem] !mt-[0.2rem] !mb-0 !p-0 !text-[#3f78e0] "&#62;A&#60;/span&#62;enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.&#60;/p&#62;
&#60;p&#62;&#60;span class="xl:!text-[2.5rem] block float-left !text-[calc(1.375rem_+_1.5vw)] leading-none font-medium !ml-0 !mr-[0.6rem] !mt-[0.2rem] !mb-0 !p-0 !text-[#e31e24] "&#62;A&#60;/span&#62;enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.&#60;/p&#62;
&#60;p&#62;&#60;span class="xl:!text-[1.4rem] float-left leading-none font-medium m-[.25rem_.5rem_0_0] p-0 !rounded-[50%] !text-[#3f78e0] !bg-[#e0e9fa] text-[1.4rem] h-[2.3rem] w-[2.3rem] flex content-center items-center justify-center pb-[0.15rem]"&#62;A&#60;/span&#62;enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.&#60;/p&#62;</code></pre>
&#60;p&#62;&#60;span class="xl:!text-[1.4rem] float-left leading-none font-medium m-[.25rem_.5rem_0_0] p-0 !rounded-[50%] !text-[#e31e24] !bg-[#e0e9fa] text-[1.4rem] h-[2.3rem] w-[2.3rem] flex content-center items-center justify-center pb-[0.15rem]"&#62;A&#60;/span&#62;enean non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper amet.&#60;/p&#62;</code></pre>
</div>
<!--/.code-wrapper-inner -->
</div>
@@ -1078,9 +1078,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>