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/portfolio.html
+69 -69
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>
@@ -587,7 +587,7 @@
<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 ' href='navbar.html'>Navbar</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='portfolio.html'>Portfolio</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='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>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='team.html'>Team</a></li>
@@ -714,7 +714,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd7.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Cras Fermentum Sem</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Cras Fermentum Sem</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary</div>
</div>
<!-- /.post-header -->
@@ -726,7 +726,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd8.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project2.html'>Mollis Ipsum Mattis</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project2.html'>Mollis Ipsum Mattis</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Magazine, Book</div>
</div>
<!-- /.post-header -->
@@ -738,7 +738,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd9.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project3.html'>Ipsum Ultricies Cursus</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project3.html'>Ipsum Ultricies Cursus</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Packaging</div>
</div>
<!-- /.post-header -->
@@ -750,7 +750,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd10.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Inceptos Euismod Egestas</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Inceptos Euismod Egestas</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary, Branding</div>
</div>
<!-- /.post-header -->
@@ -762,7 +762,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd11.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project2.html'>Ipsum Mollis Vulputate</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project2.html'>Ipsum Mollis Vulputate</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Packaging</div>
</div>
<!-- /.post-header -->
@@ -774,7 +774,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd12.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project3.html'>Porta Ornare Cras</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project3.html'>Porta Ornare Cras</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Branding</div>
</div>
<!-- /.post-header -->
@@ -816,7 +816,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd7.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Cras Fermentum Sem&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Cras Fermentum Sem&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Stationary&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -828,7 +828,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd8.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Mollis Ipsum Mattis&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Mollis Ipsum Mattis&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Magazine, Book&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -840,7 +840,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd9.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Ipsum Ultricies Cursus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Ipsum Ultricies Cursus&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Packaging&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -852,7 +852,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd10.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Inceptos Euismod Egestas&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Inceptos Euismod Egestas&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Stationary, Branding&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -864,7 +864,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd11.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Ipsum Mollis Vulputate&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Ipsum Mollis Vulputate&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Packaging&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -876,7 +876,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd12.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Porta Ornare Cras&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Porta Ornare Cras&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Branding&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1344,7 +1344,7 @@
</div>
<!--/column -->
<div class="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-auto lg:!ml-auto md:!ml-auto xl:!text-right lg:!text-right md:!text-right !mt-5 xl:!mt-0 lg:!mt-0 md:!mt-0">
<a href="#" 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] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See All Projects</a>
<a href="#" 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] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See All Projects</a>
</div>
<!--/column -->
</div>
@@ -1373,10 +1373,10 @@
<div class="card-body p-14">
<div class="flex flex-wrap mx-[-15px] !mt-[-50px] items-center">
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2 xl:!ml-[8.33333333%] lg:!order-2 lg:!ml-[8.33333333%] !mt-[50px]">
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-3 !text-[#3f78e0]">Mobile Design</div>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-3 !text-[#e31e24]">Mobile Design</div>
<h3 class="h1 post-title !mb-3 !leading-[1.3]">Budget App</h3>
<p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>
<a href="#" class="more hover !text-[#3f78e0] hover:!text-[#3f78e0]">See Project</a>
<a href="#" class="more hover !text-[#e31e24] hover:!text-[#e31e24]">See Project</a>
</div>
<!-- /column -->
<div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[50px]">
@@ -1440,7 +1440,7 @@
&#60;/div&#62;
&#60;!--/column --&#62;
&#60;div class="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-auto lg:!ml-auto md:!ml-auto xl:!text-right lg:!text-right md:!text-right !mt-5 xl:!mt-0 lg:!mt-0 md:!mt-0"&#62;
&#60;a href="#" 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] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"&#62;See All Projects&#60;/a&#62;
&#60;a href="#" 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] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"&#62;See All Projects&#60;/a&#62;
&#60;/div&#62;
&#60;!--/column --&#62;
&#60;/div&#62;
@@ -1469,10 +1469,10 @@
&#60;div class="card-body p-14"&#62;
&#60;div class="flex flex-wrap mx-[-15px] !mt-[-50px] items-center"&#62;
&#60;div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2 xl:!ml-[8.33333333%] lg:!order-2 lg:!ml-[8.33333333%] !mt-[50px]"&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-3 !text-[#3f78e0]"&#62;Mobile Design&#60;/div&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-3 !text-[#e31e24]"&#62;Mobile Design&#60;/div&#62;
&#60;h3 class="h1 post-title !mb-3 !leading-[1.3]"&#62;Budget App&#60;/h3&#62;
&#60;p&#62;Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.&#60;/p&#62;
&#60;a href="#" class="more hover !text-[#3f78e0] hover:!text-[#3f78e0]"&#62;See Project&#60;/a&#62;
&#60;a href="#" class="more hover !text-[#e31e24] hover:!text-[#e31e24]"&#62;See Project&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /column --&#62;
&#60;div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[50px]"&#62;
@@ -1534,7 +1534,7 @@
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
<div class="flex flex-wrap mx-[-15px]">
<div class="lg:w-10/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35]">Latest Projects</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35]">Latest Projects</h2>
<h3 class="xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] font-bold !tracking-[-.01rem] !mb-[2.5rem] !leading-[1.25]">Check out some of our awesome projects with creative ideas and great design.</h3>
</div>
<!-- /column -->
@@ -1547,7 +1547,7 @@
<figure class="!rounded-[.4rem] !mb-7"><a href='../../single-project.html'><img src="../../assets/img/photos/sp1.jpg" alt="image"></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Cras Fermentum Sem</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Cras Fermentum Sem</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Mobile Design</div>
</div>
<!-- /.post-header -->
@@ -1559,7 +1559,7 @@
<figure class="!rounded-[.4rem] !mb-7"><a href='../../single-project.html'><img src="../../assets/img/photos/sp2.jpg" alt="image"></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Venenatis Euismod Vehicula</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Venenatis Euismod Vehicula</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Web Design</div>
</div>
<!-- /.post-header -->
@@ -1571,7 +1571,7 @@
<figure class="!rounded-[.4rem] !mb-7"><a href='../../single-project.html'><img src="../../assets/img/photos/sp3.jpg" alt="image"></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Tortor Tellus Cursus</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Tortor Tellus Cursus</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary</div>
</div>
<!-- /.post-header -->
@@ -1583,7 +1583,7 @@
<figure class="!rounded-[.4rem] !mb-7"><a href='../../single-project.html'><img src="../../assets/img/photos/sp4.jpg" alt="image"></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Ridiculus Sem Parturient</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Ridiculus Sem Parturient</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Web Application</div>
</div>
<!-- /.post-header -->
@@ -1595,7 +1595,7 @@
<figure class="!rounded-[.4rem] !mb-7"><a href='../../single-project.html'><img src="../../assets/img/photos/sp5.jpg" alt="image"></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Cursus Sollicitudin Adipiscing</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Cursus Sollicitudin Adipiscing</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Web Design</div>
</div>
<!-- /.post-header -->
@@ -1607,7 +1607,7 @@
<figure class="!rounded-[.4rem] !mb-7"><a href='../../single-project.html'><img src="../../assets/img/photos/sp6.jpg" alt="image"></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Fringilla Quam Vulputate</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Fringilla Quam Vulputate</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary</div>
</div>
<!-- /.post-header -->
@@ -1638,7 +1638,7 @@
&#60;div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20"&#62;
&#60;div class="flex flex-wrap mx-[-15px]"&#62;
&#60;div class="lg:w-10/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center"&#62;
&#60;h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35]"&#62;Latest Projects&#60;/h2&#62;
&#60;h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35]"&#62;Latest Projects&#60;/h2&#62;
&#60;h3 class="xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] font-bold !tracking-[-.01rem] !mb-[2.5rem] !leading-[1.25]"&#62;Check out some of our awesome projects with creative ideas and great design.&#60;/h3&#62;
&#60;/div&#62;
&#60;!-- /column --&#62;
@@ -1651,7 +1651,7 @@
&#60;figure class="!rounded-[.4rem] !mb-7"&#62;&#60;a href="../../single-project.html"&#62;&#60;img src="../../assets/img/photos/sp1.jpg" alt="image"&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Cras Fermentum Sem&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Cras Fermentum Sem&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Mobile Design&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1663,7 +1663,7 @@
&#60;figure class="!rounded-[.4rem] !mb-7"&#62;&#60;a href="../../single-project.html"&#62;&#60;img src="../../assets/img/photos/sp2.jpg" alt="image"&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Venenatis Euismod Vehicula&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Venenatis Euismod Vehicula&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Web Design&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1675,7 +1675,7 @@
&#60;figure class="!rounded-[.4rem] !mb-7"&#62;&#60;a href="../../single-project.html"&#62;&#60;img src="../../assets/img/photos/sp3.jpg" alt="image"&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Tortor Tellus Cursus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Tortor Tellus Cursus&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Stationary&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1687,7 +1687,7 @@
&#60;figure class="!rounded-[.4rem] !mb-7"&#62;&#60;a href="../../single-project.html"&#62;&#60;img src="../../assets/img/photos/sp4.jpg" alt="image"&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Ridiculus Sem Parturient&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Ridiculus Sem Parturient&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Web Application&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1699,7 +1699,7 @@
&#60;figure class="!rounded-[.4rem] !mb-7"&#62;&#60;a href="../../single-project.html"&#62;&#60;img src="../../assets/img/photos/sp5.jpg" alt="image"&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Cursus Sollicitudin Adipiscing&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Cursus Sollicitudin Adipiscing&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Web Design&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1711,7 +1711,7 @@
&#60;figure class="!rounded-[.4rem] !mb-7"&#62;&#60;a href="../../single-project.html"&#62;&#60;img src="../../assets/img/photos/sp6.jpg" alt="image"&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Fringilla Quam Vulputate&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Fringilla Quam Vulputate&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Stationary&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1754,7 +1754,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd7.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Cras Fermentum Sem</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Cras Fermentum Sem</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary</div>
</div>
<!-- /.post-header -->
@@ -1766,7 +1766,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd8.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project2.html'>Mollis Ipsum Mattis</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project2.html'>Mollis Ipsum Mattis</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Magazine, Book</div>
</div>
<!-- /.post-header -->
@@ -1778,7 +1778,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd9.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project3.html'>Ipsum Ultricies Cursus</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project3.html'>Ipsum Ultricies Cursus</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Packaging</div>
</div>
<!-- /.post-header -->
@@ -1790,7 +1790,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd10.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project.html'>Inceptos Euismod Egestas</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project.html'>Inceptos Euismod Egestas</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary, Branding</div>
</div>
<!-- /.post-header -->
@@ -1802,7 +1802,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd11.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project2.html'>Ipsum Mollis Vulputate</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project2.html'>Ipsum Mollis Vulputate</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Packaging</div>
</div>
<!-- /.post-header -->
@@ -1814,7 +1814,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../../assets/img/photos/pd12.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../single-project3.html'>Porta Ornare Cras</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../single-project3.html'>Porta Ornare Cras</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Branding</div>
</div>
<!-- /.post-header -->
@@ -1827,7 +1827,7 @@
</div>
<!-- /.grid -->
<div class="text-center !mt-10">
<a href="#" class="btn btn-lg 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)]">Start a Project</a>
<a href="#" class="btn btn-lg 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)]">Start a Project</a>
</div>
</div>
<!-- /.container -->
@@ -1856,7 +1856,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd7.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Cras Fermentum Sem&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Cras Fermentum Sem&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Stationary&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1868,7 +1868,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd8.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Mollis Ipsum Mattis&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Mollis Ipsum Mattis&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Magazine, Book&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1880,7 +1880,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd9.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Ipsum Ultricies Cursus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Ipsum Ultricies Cursus&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Packaging&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1892,7 +1892,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd10.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Inceptos Euismod Egestas&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Inceptos Euismod Egestas&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Stationary, Branding&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1904,7 +1904,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd11.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Ipsum Mollis Vulputate&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project2.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Ipsum Mollis Vulputate&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Packaging&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1916,7 +1916,7 @@
&#60;figure class="!rounded-[.4rem] !mb-6"&#62;&#60;img class="!rounded-[.4rem]" src="../../assets/img/photos/pd12.jpg" alt="image"&#62;&#60;a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../../assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"&#62;&#60;i class="uil uil-focus-add before:content-['\eb22']"&#62;&#60;/i&#62;&#60;/a&#62;&#60;/figure&#62;
&#60;div class="project-details flex justify-center flex-col"&#62;
&#60;div class="post-header"&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#3f78e0]"&#62;Porta Ornare Cras&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 text-[1.1rem]"&#62;&#60;a href="../../single-project3.html" class="!text-[#343f52] hover:!text-[#e31e24]"&#62;Porta Ornare Cras&#60;/a&#62;&#60;/h2&#62;
&#60;div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]"&#62;Branding&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
@@ -1929,7 +1929,7 @@
&#60;/div&#62;
&#60;!-- /.grid --&#62;
&#60;div class="text-center !mt-10"&#62;
&#60;a href="#" class="btn btn-lg 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)]"&#62;Start a Project&#60;/a&#62;
&#60;a href="#" class="btn btn-lg 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)]"&#62;Start a Project&#60;/a&#62;
&#60;/div&#62;
&#60;/div&#62;</code></pre>
</div>
@@ -1958,10 +1958,10 @@
<div class="isotope-filter !relative z-[5] filter !mb-10">
<ul class=" inline m-0 p-0 list-none">
<li class="inline"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer active" data-filter="*">All</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".foods">Foods</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".drinks">Drinks</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".events">Events</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".pastries">Pastries</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".foods">Foods</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".drinks">Drinks</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".events">Events</a></li>
<li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"><a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".pastries">Pastries</a></li>
</ul>
</div>
<div class="flex flex-wrap mx-[-15px] md:mx-[-15px] !mt-[-30px] isotope">
@@ -2098,10 +2098,10 @@
&#60;div class="isotope-filter !relative z-[5] filter !mb-10"&#62;
&#60;ul class=" inline m-0 p-0 list-none"&#62;
&#60;li class="inline"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer active" data-filter="*"&#62;All&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".foods"&#62;Foods&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".drinks"&#62;Drinks&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".events"&#62;Events&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#3f78e0]" data-filter=".pastries"&#62;Pastries&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".foods"&#62;Foods&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".drinks"&#62;Drinks&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".events"&#62;Events&#60;/a&#62;&#60;/li&#62;
&#60;li class="inline before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:ml-2 before:mr-[0.8rem] before:my-0 before:rounded-[100%] before:bg-[rgba(30,34,40,.2)] before:align-[.15rem]"&#62;&#60;a class="filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer hover:!text-[#e31e24]" data-filter=".pastries"&#62;Pastries&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;/div&#62;
&#60;div class="flex flex-wrap mx-[-15px] md:mx-[-15px] !mt-[-30px] isotope"&#62;
@@ -2231,7 +2231,7 @@
<div class="flex flex-wrap mx-[-15px] !text-center">
<div class="xl:w-10/12 lg:w-10/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-14">
<h2 class="!text-[0.8rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3 !leading-[1.35]">Latest Projects</h2>
<h3 class="!text-[calc(1.345rem_+_1.14vw)] font-bold !leading-[1.25] xl:!text-[2.2rem] !tracking-[-0.03em]">Check out some of our <span class="!relative z-[1] style-1 primary before:content-[''] before:z-[-1] before:absolute before:opacity-100 before:-translate-x-2/4 before:-translate-y-2/4 before:-rotate-1 before:w-[111%] before:h-[110%] before:rounded-[80%] before:border-t-0 before:border-[3px] before:border-solid before:border-[#3f78e0] before:left-2/4 before:top-[52%] after:content-[''] after:z-[-1] after:absolute after:opacity-100 after:block after:[background-size:100%_100%] after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:-translate-x-2/4 after:-translate-y-2/4 after:-rotate-2 after:w-[107%] after:h-[111%] after:rounded-[80%] after:border-l-0 after:border-b-0 after:border-[3px] after:border-solid after:border-[#3f78e0] after:left-2/4 after:top-[52%] max-xl:before:!hidden max-xl:after:!hidden"><em>awesome</em></span> projects with creative ideas and great design.</h3>
<h3 class="!text-[calc(1.345rem_+_1.14vw)] font-bold !leading-[1.25] xl:!text-[2.2rem] !tracking-[-0.03em]">Check out some of our <span class="!relative z-[1] style-1 primary before:content-[''] before:z-[-1] before:absolute before:opacity-100 before:-translate-x-2/4 before:-translate-y-2/4 before:-rotate-1 before:w-[111%] before:h-[110%] before:rounded-[80%] before:border-t-0 before:border-[3px] before:border-solid before:border-[#e31e24] before:left-2/4 before:top-[52%] after:content-[''] after:z-[-1] after:absolute after:opacity-100 after:block after:[background-size:100%_100%] after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:-translate-x-2/4 after:-translate-y-2/4 after:-rotate-2 after:w-[107%] after:h-[111%] after:rounded-[80%] after:border-l-0 after:border-b-0 after:border-[3px] after:border-solid after:border-[#e31e24] after:left-2/4 after:top-[52%] max-xl:before:!hidden max-xl:after:!hidden"><em>awesome</em></span> projects with creative ideas and great design.</h3>
</div>
<!-- /column -->
</div>
@@ -2285,7 +2285,7 @@
<span>Branding</span>, <span>Web Design</span>
</div>
<p class="!mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>
<a href="#" 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 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See Project</a>
<a href="#" 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 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See Project</a>
</div>
<!-- /column -->
</div>
@@ -2306,7 +2306,7 @@
&#60;div class="flex flex-wrap mx-[-15px] !text-center"&#62;
&#60;div class="xl:w-10/12 lg:w-10/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-14"&#62;
&#60;h2 class="!text-[0.8rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3 !leading-[1.35]"&#62;Latest Projects&#60;/h2&#62;
&#60;h3 class="!text-[calc(1.345rem_+_1.14vw)] font-bold !leading-[1.25] xl:!text-[2.2rem] !tracking-[-0.03em]"&#62;Check out some of our &#60;span class="!relative z-[1] style-1 primary before:content-[''] before:z-[-1] before:absolute before:opacity-100 before:-translate-x-2/4 before:-translate-y-2/4 before:-rotate-1 before:w-[111%] before:h-[110%] before:rounded-[80%] before:border-t-0 before:border-[3px] before:border-solid before:border-[#3f78e0] before:left-2/4 before:top-[52%] after:content-[''] after:z-[-1] after:absolute after:opacity-100 after:block after:[background-size:100%_100%] after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:-translate-x-2/4 after:-translate-y-2/4 after:-rotate-2 after:w-[107%] after:h-[111%] after:rounded-[80%] after:border-l-0 after:border-b-0 after:border-[3px] after:border-solid after:border-[#3f78e0] after:left-2/4 after:top-[52%] max-xl:before:!hidden max-xl:after:!hidden"&#62;&#60;em&#62;awesome&#60;/em&#62;&#60;/span&#62; projects with creative ideas and great design.&#60;/h3&#62;
&#60;h3 class="!text-[calc(1.345rem_+_1.14vw)] font-bold !leading-[1.25] xl:!text-[2.2rem] !tracking-[-0.03em]"&#62;Check out some of our &#60;span class="!relative z-[1] style-1 primary before:content-[''] before:z-[-1] before:absolute before:opacity-100 before:-translate-x-2/4 before:-translate-y-2/4 before:-rotate-1 before:w-[111%] before:h-[110%] before:rounded-[80%] before:border-t-0 before:border-[3px] before:border-solid before:border-[#e31e24] before:left-2/4 before:top-[52%] after:content-[''] after:z-[-1] after:absolute after:opacity-100 after:block after:[background-size:100%_100%] after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:-translate-x-2/4 after:-translate-y-2/4 after:-rotate-2 after:w-[107%] after:h-[111%] after:rounded-[80%] after:border-l-0 after:border-b-0 after:border-[3px] after:border-solid after:border-[#e31e24] after:left-2/4 after:top-[52%] max-xl:before:!hidden max-xl:after:!hidden"&#62;&#60;em&#62;awesome&#60;/em&#62;&#60;/span&#62; projects with creative ideas and great design.&#60;/h3&#62;
&#60;/div&#62;
&#60;!-- /column --&#62;
&#60;/div&#62;
@@ -2360,7 +2360,7 @@
&#60;span&#62;Branding&#60;/span&#62;, &#60;span&#62;Web Design&#60;/span&#62;
&#60;/div&#62;
&#60;p class="!mb-6"&#62;Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.&#60;/p&#62;
&#60;a href="#" 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 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"&#62;See Project&#60;/a&#62;
&#60;a href="#" 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 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"&#62;See Project&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /column --&#62;
&#60;/div&#62;
@@ -2383,7 +2383,7 @@
<div class="flex flex-wrap mx-[-15px] !mb-10">
<div class="md:w-9/12 lg:w-7/12 xl:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<div class="counter-wrapper">
<h3 class="xl:!text-[3.5rem] !text-[calc(1.475rem_+_2.7vw)] !mb-3 !text-[#3f78e0] !leading-none !text-center counter">21</h3>
<h3 class="xl:!text-[3.5rem] !text-[calc(1.475rem_+_2.7vw)] !mb-3 !text-[#e31e24] !leading-none !text-center counter">21</h3>
</div>
<h2 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.25] xl:!text-[2rem] !mb-3 !text-center">Functional, impressive and rich demos to start with</h2>
</div>
@@ -2465,7 +2465,7 @@
<!--/.card -->
</div>
<!-- /.project -->
<div class="text-center !mt-12"><a href="#" 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] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See All Demos</a></div>
<div class="text-center !mt-12"><a href="#" 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] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See All Demos</a></div>
</div>
<!-- /.demos-wrapper -->
</div>
@@ -2484,7 +2484,7 @@
&#60;div class="flex flex-wrap mx-[-15px] !mb-10"&#62;
&#60;div class="md:w-9/12 lg:w-7/12 xl:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto"&#62;
&#60;div class="counter-wrapper"&#62;
&#60;h3 class="xl:!text-[3.5rem] !text-[calc(1.475rem_+_2.7vw)] !mb-3 !text-[#3f78e0] !leading-none !text-center counter"&#62;21&#60;/h3&#62;
&#60;h3 class="xl:!text-[3.5rem] !text-[calc(1.475rem_+_2.7vw)] !mb-3 !text-[#e31e24] !leading-none !text-center counter"&#62;21&#60;/h3&#62;
&#60;/div&#62;
&#60;h2 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.25] xl:!text-[2rem] !mb-3 !text-center"&#62;Functional, impressive and rich demos to start with&#60;/h2&#62;
&#60;/div&#62;
@@ -2566,7 +2566,7 @@
&#60;!--/.card --&#62;
&#60;/div&#62;
&#60;!-- /.project --&#62;
&#60;div class="text-center !mt-12"&#62;&#60;a href="#" 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] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"&#62;See All Demos&#60;/a&#62;&#60;/div&#62;
&#60;div class="text-center !mt-12"&#62;&#60;a href="#" 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] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"&#62;See All Demos&#60;/a&#62;&#60;/div&#62;
&#60;/div&#62;
&#60;!-- /.demos-wrapper --&#62;
&#60;/div&#62;</code></pre>
@@ -2600,9 +2600,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>