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/blog.html
+137 -137
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>
@@ -576,7 +576,7 @@
<h2 class="h5">Filter Blocks:</h2>
<ul class="pl-0 list-none !mb-0">
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='about.html'>About</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='blog.html'>Blog</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='blog.html'>Blog</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='call-to-action.html'>Call to Action</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='clients.html'>Clients</a></li>
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='contact.html'>Contact</a></li>
@@ -612,17 +612,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Coding</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>14 Apr 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -639,17 +639,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Workspace</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>29 Mar 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -666,17 +666,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Meeting</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ultricies fusce porta elit</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ultricies fusce porta elit</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 Feb 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -693,16 +693,16 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Business Tips</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Morbi leo risus porta eget</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Morbi leo risus porta eget</a></h2>
</div>
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>7 Jan 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -743,17 +743,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Coding&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;14 Apr 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -770,17 +770,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Workspace&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;29 Mar 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -797,17 +797,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Meeting&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;26 Feb 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -824,16 +824,16 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Business Tips&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;7 Jan 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -884,17 +884,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Coding</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>14 Apr 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -911,17 +911,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Workspace</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>29 Mar 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -938,17 +938,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Meeting</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ultricies fusce porta elit</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ultricies fusce porta elit</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 Feb 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -965,16 +965,16 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Business Tips</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Morbi leo risus porta eget</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Morbi leo risus porta eget</a></h2>
</div>
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>7 Jan 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1025,17 +1025,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Coding&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;14 Apr 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1052,17 +1052,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Workspace&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;29 Mar 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1079,17 +1079,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Meeting&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;26 Feb 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1106,16 +1106,16 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Business Tips&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;7 Jan 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1153,14 +1153,14 @@
<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-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<h2 class="!text-[.75rem] !leading-[1.35] uppercase !text-[#3f78e0] !text-center">Our News</h2>
<h2 class="!text-[.75rem] !leading-[1.35] uppercase !text-[#e31e24] !text-center">Our News</h2>
<h3 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-6 !text-center">Here are the latest company news from our blog that got the most attention.</h3>
</div>
<!-- /column -->
</div>
<!-- /.row -->
<div class="!relative">
<div class="shape bg-dot primary rellax !w-[7rem] !h-[10rem] !absolute z-[1] opacity-50 !bg-[radial-gradient(#3f78e0_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: 0; left: -1.7rem;"></div>
<div class="shape bg-dot primary rellax !w-[7rem] !h-[10rem] !absolute z-[1] opacity-50 !bg-[radial-gradient(#e31e24_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: 0; left: -1.7rem;"></div>
<div class="swiper-container dots-closer blog grid-view !mb-6" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
<div class="swiper">
<div class="swiper-wrapper">
@@ -1175,11 +1175,11 @@
</figure>
<div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 ">
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Coding</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
</div>
<!-- /.post-header -->
<div class="!relative">
@@ -1191,8 +1191,8 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>14 Apr 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>5</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>5</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1216,11 +1216,11 @@
</figure>
<div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 ">
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Workspace</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
</div>
<!-- /.post-header -->
<div class="!relative">
@@ -1232,8 +1232,8 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>29 Mar 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1257,11 +1257,11 @@
</figure>
<div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 ">
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Meeting</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ultricies fusce porta elit</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ultricies fusce porta elit</a></h2>
</div>
<!-- /.post-header -->
<div class="!relative">
@@ -1273,8 +1273,8 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 Feb 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1298,11 +1298,11 @@
</figure>
<div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 ">
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Business Tips</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Morbi leo risus porta eget</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Morbi leo risus porta eget</a></h2>
</div>
<div class="!relative">
<p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor. Aenean lacinia bibendum nulla sed.</p>
@@ -1313,8 +1313,8 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>7 Jan 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>5</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
<li class="post-likes !ml-auto inline-block"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"></i>5</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1350,14 +1350,14 @@
&#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-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto"&#62;
&#60;h2 class="!text-[.75rem] !leading-[1.35] uppercase !text-[#3f78e0] !text-center"&#62;Our News&#60;/h2&#62;
&#60;h2 class="!text-[.75rem] !leading-[1.35] uppercase !text-[#e31e24] !text-center"&#62;Our News&#60;/h2&#62;
&#60;h3 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-6 !text-center"&#62;Here are the latest company news from our blog that got the most attention.&#60;/h3&#62;
&#60;/div&#62;
&#60;!-- /column --&#62;
&#60;/div&#62;
&#60;!-- /.row --&#62;
&#60;div class="!relative"&#62;
&#60;div class="shape bg-dot primary rellax !w-[7rem] !h-[10rem] !absolute z-[1] opacity-50 !bg-[radial-gradient(#3f78e0_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: 0; left: -1.7rem;"&#62;&#60;/div&#62;
&#60;div class="shape bg-dot primary rellax !w-[7rem] !h-[10rem] !absolute z-[1] opacity-50 !bg-[radial-gradient(#e31e24_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: 0; left: -1.7rem;"&#62;&#60;/div&#62;
&#60;div class="swiper-container dots-closer blog grid-view !mb-6" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1"&#62;
&#60;div class="swiper"&#62;
&#60;div class="swiper-wrapper"&#62;
@@ -1372,11 +1372,11 @@
&#60;/figure&#62;
&#60;div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 "&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Coding&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="!relative"&#62;
@@ -1388,8 +1388,8 @@
&#60;div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;14 Apr 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;5&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;5&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1413,11 +1413,11 @@
&#60;/figure&#62;
&#60;div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 "&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Workspace&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="!relative"&#62;
@@ -1429,8 +1429,8 @@
&#60;div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;29 Mar 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1454,11 +1454,11 @@
&#60;/figure&#62;
&#60;div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 "&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Meeting&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="!relative"&#62;
@@ -1470,8 +1470,8 @@
&#60;div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;26 Feb 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1495,11 +1495,11 @@
&#60;/figure&#62;
&#60;div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4 "&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Business Tips&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;div class="!relative"&#62;
&#60;p&#62;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor. Aenean lacinia bibendum nulla sed.&#60;/p&#62;
@@ -1510,8 +1510,8 @@
&#60;div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] p-[18px_40px]"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;7 Jan 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;5&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-likes !ml-auto inline-block"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-heart-alt pr-[0.2rem] align-[-.05rem] before:content-['\eb60']"&#62;&#60;/i&#62;5&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1578,15 +1578,15 @@
</div>
<!-- /.post-slider -->
<div class="post-header !mb-5">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Ideas</a>
</div>
<!-- /.post-category -->
<h2 class="post-title !mt-1 !mb-4"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Fringilla Ligula Pharetra Amet</a></h2>
<h2 class="post-title !mt-1 !mb-4"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Fringilla Ligula Pharetra Amet</a></h2>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>5 Jul 2022</span></li>
<li class="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']"></i><span>By Trunçgil</span></a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3<span> Comments</span></a></li>
<li class="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']"></i><span>By Trunçgil</span></a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3<span> Comments</span></a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1609,17 +1609,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Coding</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Ligula tristique quis risus</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>14 Apr 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1636,17 +1636,17 @@
</figcaption>
</figure>
<div class="post-header">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
<a href="#" class="hover" rel="category">Workspace</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html">Nullam id dolor elit id nibh</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>29 Mar 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1703,15 +1703,15 @@
&#60;/div&#62;
&#60;!-- /.post-slider --&#62;
&#60;div class="post-header !mb-5"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Ideas&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title !mt-1 !mb-4"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Fringilla Ligula Pharetra Amet&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title !mt-1 !mb-4"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Fringilla Ligula Pharetra Amet&#60;/a&#62;&#60;/h2&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;5 Jul 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']"&#62;&#60;/i&#62;&#60;span&#62;By Trunçgil&#60;/span&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;span&#62; Comments&#60;/span&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']"&#62;&#60;/i&#62;&#60;span&#62;By Trunçgil&#60;/span&#62;&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;span&#62; Comments&#60;/span&#62;&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1734,17 +1734,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Coding&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;14 Apr 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1761,17 +1761,17 @@
&#60;/figcaption&#62;
&#60;/figure&#62;
&#60;div class="post-header"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]"&#62;
&#60;div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]"&#62;
&#60;a href="#" class="hover" rel="category"&#62;Workspace&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;29 Mar 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -1806,7 +1806,7 @@
<div class="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-7/12 xxl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<i class="icn-flower !text-[#3f78e0] xl:!text-[1.5rem] !text-[calc(1.275rem_+_0.3vw)] opacity-25"></i>
<i class="icn-flower !text-[#e31e24] xl:!text-[1.5rem] !text-[calc(1.275rem_+_0.3vw)] opacity-25"></i>
<h2 class="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !text-center !mt-2 !mb-10">Here are the latest posts from my blog that grabbed the most attention.</h2>
</div>
<!--/column -->
@@ -1829,13 +1829,13 @@
<a href="#" class="hover" rel="category">Wedding</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Ligula tristique quis risus</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Ligula tristique quis risus</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>14 Apr 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>4</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1862,13 +1862,13 @@
<a href="#" class="hover" rel="category">Engagement</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Nullam id dolor elit id nibh</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Nullam id dolor elit id nibh</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>29 Mar 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1895,13 +1895,13 @@
<a href="#" class="hover" rel="category">Couples</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Ultricies fusce porta elit</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Ultricies fusce porta elit</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 Feb 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>6</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1928,13 +1928,13 @@
<a href="#" class="hover" rel="category">Engagement</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Morbi leo risus porta eget</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Morbi leo risus porta eget</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>17 Jan 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>3</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1961,13 +1961,13 @@
<a href="#" class="hover" rel="category">Couples</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Nulla vitae elit libero</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Nulla vitae elit libero</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>7 Jan 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>1</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>1</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1994,13 +1994,13 @@
<a href="#" class="hover" rel="category">Wedding</a>
</div>
<!-- /.post-category -->
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='../../blog-post.html'>Pharetra augue elit sem</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='../../blog-post.html'>Pharetra augue elit sem</a></h2>
</div>
<!-- /.post-header -->
<div class="post-footer">
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>2 Jan 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>2</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -2038,7 +2038,7 @@
&#60;div class="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24"&#62;
&#60;div class="flex flex-wrap mx-[-15px]"&#62;
&#60;div class="xl:w-7/12 xxl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center"&#62;
&#60;i class="icn-flower !text-[#3f78e0] xl:!text-[1.5rem] !text-[calc(1.275rem_+_0.3vw)] opacity-25"&#62;&#60;/i&#62;
&#60;i class="icn-flower !text-[#e31e24] xl:!text-[1.5rem] !text-[calc(1.275rem_+_0.3vw)] opacity-25"&#62;&#60;/i&#62;
&#60;h2 class="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !text-center !mt-2 !mb-10"&#62;Here are the latest posts from my blog that grabbed the most attention.&#60;/h2&#62;
&#60;/div&#62;
&#60;!--/column --&#62;
@@ -2061,13 +2061,13 @@
&#60;a href="#" class="hover" rel="category"&#62;Wedding&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Ligula tristique quis risus&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;14 Apr 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;4&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -2094,13 +2094,13 @@
&#60;a href="#" class="hover" rel="category"&#62;Engagement&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Nullam id dolor elit id nibh&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;29 Mar 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -2127,13 +2127,13 @@
&#60;a href="#" class="hover" rel="category"&#62;Couples&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Ultricies fusce porta elit&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;26 Feb 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;6&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -2160,13 +2160,13 @@
&#60;a href="#" class="hover" rel="category"&#62;Engagement&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Morbi leo risus porta eget&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;17 Jan 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;3&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -2193,13 +2193,13 @@
&#60;a href="#" class="hover" rel="category"&#62;Couples&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Nulla vitae elit libero&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Nulla vitae elit libero&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;7 Jan 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;1&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;1&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -2226,13 +2226,13 @@
&#60;a href="#" class="hover" rel="category"&#62;Wedding&#60;/a&#62;
&#60;/div&#62;
&#60;!-- /.post-category --&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#3f78e0]" href="../../blog-post.html"&#62;Pharetra augue elit sem&#60;/a&#62;&#60;/h2&#62;
&#60;h2 class="post-title h3 !mt-1 !mb-3"&#62;&#60;a class="!text-[#343f52] hover:!text-[#e31e24]" href="../../blog-post.html"&#62;Pharetra augue elit sem&#60;/a&#62;&#60;/h2&#62;
&#60;/div&#62;
&#60;!-- /.post-header --&#62;
&#60;div class="post-footer"&#62;
&#60;ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0"&#62;
&#60;li class="post-date inline-block"&#62;&#60;i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"&#62;&#60;/i&#62;&#60;span&#62;2 Jan 2022&#60;/span&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"&#62;&#60;a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"&#62;&#60;i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"&#62;&#60;/i&#62;2&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
&#60;!-- /.post-meta --&#62;
&#60;/div&#62;
@@ -2285,9 +2285,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>