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/blocks/navbar.html
+57 -57
View File
@@ -557,13 +557,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>
@@ -607,7 +607,7 @@
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='footer.html'>Footer</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='hero.html'>Hero</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='misc.html'>Misc</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded !text-[#3f78e0] pointer-events-none' href='navbar.html'>Navbar</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded !text-[#e31e24] pointer-events-none' href='navbar.html'>Navbar</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='portfolio.html'>Portfolio</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='pricing.html'>Pricing</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='process.html'>Process</a></li>
@@ -630,7 +630,7 @@
<section id="snippet-1" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-14">
<h2 class="!mb-3 !leading-[1.35]">Center Nav - Transparent Background</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo1.html' target='_blank'>Demo 1</a> or <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo4.html' target='_blank'>Demo 4</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo1.html' target='_blank'>Demo 1</a> or <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo4.html' target='_blank'>Demo 4</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -778,7 +778,7 @@
</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]' 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]' href='../../contact.html'>Contact</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -948,7 +948,7 @@
&#60;/ul&#62;
&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -979,7 +979,7 @@
&quot;otherClassList&quot;: &quot;w-full flex !ml-auto&quot;,
&quot;otherLanguageSelect&quot;: true,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Contact&quot;,
&quot;otherBtnLink&quot;: &quot;&commat;&commat;webRoot/contact.html&quot;
})</code></pre>
@@ -998,7 +998,7 @@
<section id="snippet-2" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Center Nav - Transparent Background - Light Text</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo3.html' target='_blank'>Demo 3</a> or <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo15.html' target='_blank'>Demo 15</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo3.html' target='_blank'>Demo 3</a> or <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo15.html' target='_blank'>Demo 15</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -1368,7 +1368,7 @@
<section id="snippet-3" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Center Nav - Light Background</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../shop.html' target='_blank'>Shop</a> or <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../shop-product.html' target='_blank'>Product Page</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../shop.html' target='_blank'>Shop</a> or <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../shop-product.html' target='_blank'>Product Page</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -1516,7 +1516,7 @@
</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]' 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]' href='../../contact.html'>Contact</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -1686,7 +1686,7 @@
&#60;/ul&#62;
&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -1716,7 +1716,7 @@
&quot;otherClassList&quot;: &quot;w-full flex !ml-auto&quot;,
&quot;otherLanguageSelect&quot;: true,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Contact&quot;,
&quot;otherBtnLink&quot;: &quot;&commat;&commat;webRoot/contact.html&quot;
})</code></pre>
@@ -1882,7 +1882,7 @@
</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]' 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]' href='../../contact.html'>Contact</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -2052,7 +2052,7 @@
&#60;/ul&#62;
&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -2083,7 +2083,7 @@
&quot;otherClassList&quot;: &quot;w-full flex !ml-auto&quot;,
&quot;otherLanguageSelect&quot;: true,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Contact&quot;,
&quot;otherBtnLink&quot;: &quot;&commat;&commat;webRoot/contact.html&quot;
})</code></pre>
@@ -2102,7 +2102,7 @@
<section id="snippet-5" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Center Nav - Fancy</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo7.html' target='_blank'>Demo 7</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo7.html' target='_blank'>Demo 7</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -2251,7 +2251,7 @@
</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]' 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]' href='../../contact.html'>Contact</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -2424,7 +2424,7 @@
&#60;/ul&#62;
&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;a href="../../contact.html" 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]"&#62;Contact&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -2457,7 +2457,7 @@
&quot;otherClassList&quot;: &quot;w-full flex !ml-auto&quot;,
&quot;otherLanguageSelect&quot;: true,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Contact&quot;,
&quot;otherBtnLink&quot;: &quot;&commat;&commat;webRoot/contact.html&quot;
})</code></pre>
@@ -2476,7 +2476,7 @@
<section id="snippet-6" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Classic - Transparent Background</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo6.html' target='_blank'>Demo 6</a> or <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo8.html' target='_blank'>Demo 8</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo6.html' target='_blank'>Demo 6</a> or <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo8.html' target='_blank'>Demo 8</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -2617,7 +2617,7 @@
<ul class="navbar-nav !flex-row !items-center !ml-auto">
<li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"></i></a></li>
<li class="nav-item hidden xl:block lg:block md:block">
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -2647,7 +2647,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPassword">Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
</form>
<!-- /form -->
<p class="!mb-1"><a href="#" class="hover">Forgot Password?</a></p>
@@ -2693,7 +2693,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPasswordConfirm">Confirm Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
</form>
<!-- /form -->
<p class="!mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>
@@ -2725,7 +2725,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -2904,7 +2904,7 @@
&#60;ul class="navbar-nav !flex-row !items-center !ml-auto"&#62;
&#60;li class="nav-item"&#62;&#60;a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"&#62;&#60;i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -2933,7 +2933,7 @@
&quot;classList&quot;: &quot;classic transparent navbar-light&quot;,
&quot;otherClassList&quot;: &quot;lg:!ml-4&quot;,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Sign In&quot;,
&quot;otherBtnModal&quot;: true,
&quot;otherInfo&quot;: true
@@ -2953,7 +2953,7 @@
<section id="snippet-7" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Classic - Transparent Background - Light Text</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo11.html' target='_blank'>Demo 11</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo11.html' target='_blank'>Demo 11</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -3125,7 +3125,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPassword3">Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
</form>
<!-- /form -->
<p class="!mb-1"><a href="#" class="hover">Forgot Password?</a></p>
@@ -3171,7 +3171,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPasswordConfirm2">Confirm Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
</form>
<!-- /form -->
<p class="!mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin2" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>
@@ -3203,7 +3203,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -3573,7 +3573,7 @@
<ul class="navbar-nav !flex-row !items-center !ml-auto">
<li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info3"><i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"></i></a></li>
<li class="nav-item hidden xl:block lg:block md:block">
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -3603,7 +3603,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPassword5">Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
</form>
<!-- /form -->
<p class="!mb-1"><a href="#" class="hover">Forgot Password?</a></p>
@@ -3649,7 +3649,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPasswordConfirm3">Confirm Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
</form>
<!-- /form -->
<p class="!mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin3" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>
@@ -3681,7 +3681,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -3859,7 +3859,7 @@
&#60;ul class="navbar-nav !flex-row !items-center !ml-auto"&#62;
&#60;li class="nav-item"&#62;&#60;a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info3"&#62;&#60;i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -3888,7 +3888,7 @@
&quot;classList&quot;: &quot;classic navbar-light !bg-[#ffffff] &quot;,
&quot;otherClassList&quot;: &quot;lg:!ml-4&quot;,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Sign In&quot;,
&quot;otherBtnModal&quot;: true,
&quot;otherInfo&quot;: true
@@ -4048,7 +4048,7 @@
<ul class="navbar-nav !flex-row !items-center !ml-auto">
<li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info4"><i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"></i></a></li>
<li class="nav-item hidden xl:block lg:block md:block">
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -4078,7 +4078,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPassword7">Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
</form>
<!-- /form -->
<p class="!mb-1"><a href="#" class="hover">Forgot Password?</a></p>
@@ -4124,7 +4124,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPasswordConfirm4">Confirm Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
</form>
<!-- /form -->
<p class="!mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin4" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>
@@ -4156,7 +4156,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -4334,7 +4334,7 @@
&#60;ul class="navbar-nav !flex-row !items-center !ml-auto"&#62;
&#60;li class="nav-item"&#62;&#60;a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info4"&#62;&#60;i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -4364,7 +4364,7 @@
&quot;logoLight&quot;: true,
&quot;otherClassList&quot;: &quot;lg:!ml-4&quot;,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Sign In&quot;,
&quot;otherBtnModal&quot;: true,
&quot;otherInfo&quot;: true
@@ -4525,7 +4525,7 @@
<ul class="navbar-nav !flex-row !items-center !ml-auto">
<li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info5"><i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"></i></a></li>
<li class="nav-item hidden xl:block lg:block md:block">
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
<a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink">Sign In</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
@@ -4557,7 +4557,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPassword9">Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
<a class="btn 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] btn-login w-full !mb-2">Sign In</a>
</form>
<!-- /form -->
<p class="!mb-1"><a href="#" class="hover">Forgot Password?</a></p>
@@ -4603,7 +4603,7 @@
<span class="password-toggle absolute -translate-y-2/4 cursor-pointer text-[0.9rem] !text-[#959ca9] right-3 top-2/4"><i class="uil uil-eye"></i></span>
<label for="loginPasswordConfirm5">Confirm Password</label>
</div>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
<a class="btn 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] btn-login w-full !mb-2">Sign Up</a>
</form>
<!-- /form -->
<p class="!mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin5" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>
@@ -4635,7 +4635,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -4815,7 +4815,7 @@
&#60;ul class="navbar-nav !flex-row !items-center !ml-auto"&#62;
&#60;li class="nav-item"&#62;&#60;a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info5"&#62;&#60;i class="uil uil-info-circle before:content-['\eb99'] !text-[1.1rem]"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="nav-item hidden xl:block lg:block md:block"&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;a href="#" 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]" data-bs-toggle="modal" data-bs-target="trueLink"&#62;Sign In&#60;/a&#62;
&#60;/li&#62;
&#60;li class="nav-item xl:!hidden lg:!hidden"&#62;
&#60;button class="hamburger offcanvas-nav-btn"&#62;&#60;span&#62;&#60;/span&#62;&#60;/button&#62;
@@ -4847,7 +4847,7 @@
&quot;fancy&quot;: true,
&quot;otherClassList&quot;: &quot;lg:!ml-4&quot;,
&quot;otherBtn&quot;: true,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnClassList&quot;: &quot;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]&quot;,
&quot;otherBtnText&quot;: &quot;Sign In&quot;,
&quot;otherBtnModal&quot;: true,
&quot;otherInfo&quot;: true
@@ -5225,7 +5225,7 @@
<section id="snippet-12" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Center Logo - Transparent Background - Light Text</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo13.html' target='_blank'>Demo 13</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo13.html' target='_blank'>Demo 13</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -6668,7 +6668,7 @@
<section id="snippet-16" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Extended</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo12.html' target='_blank'>Demo 12</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo12.html' target='_blank'>Demo 12</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -6851,7 +6851,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -7088,7 +7088,7 @@
<section id="snippet-17" class="wrapper !bg-[#ffffff] border-b-[rgba(164,174,198,0.2)] border-b border-solid">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<h2 class="!mb-3 !leading-[1.35]">Extended - Alternative</h2>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#3f78e0] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo24.html' target='_blank'>Demo 24</a>.</p>
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">Check out some of the live examples: <a class='external hover:!text-[#e31e24] !pr-[1.4rem] after:content-[\'\e906\'] after:text-[0.7rem] after:font-Custom' href='../../demo24.html' target='_blank'>Demo 24</a>.</p>
</div>
<!-- /.container -->
<div class="container-fluid pt-10 xl:pt-14 lg:pt-14 md:pt-14 pb-14 xl:pb-[4.5rem] lg:pb-[4.5rem] md:pb-[4.5rem] xxl:!px-10">
@@ -7263,7 +7263,7 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-3">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-4"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
@@ -7517,9 +7517,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>