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/html/blog-post2.html
+46 -46
View File
@@ -622,7 +622,7 @@
</div>
<!-- /.row -->
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna.</p>
<blockquote class="border-l-[#3f78e0] !leading-[1.7] font-medium !pl-4 border-l-[0.15rem] border-solid !text-[1rem] !my-8">
<blockquote class="border-l-[#e31e24] !leading-[1.7] font-medium !pl-4 border-l-[0.15rem] border-solid !text-[1rem] !my-8">
<p>Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula lacinia odio sem nec elit purus.</p>
<footer class="!text-[0.6rem] !text-[#aab0bc] !mb-4 before:content-['\2014\a0'] font-bold uppercase !tracking-[0.02rem] !mt-0">Very important person</footer>
</blockquote>
@@ -663,7 +663,7 @@
<div class="flex items-center">
<figure class="w-12 h-12 !relative !mr-4 rounded-[100%]"><img class="rounded-[50%]" alt="image" src="../assets/img/avatars/u5.jpg"></figure>
<div>
<h6><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">Nikolas Brooten</a></h6>
<h6><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">Nikolas Brooten</a></h6>
<span class="!text-[0.75rem] !text-[#aab0bc] m-0 p-0 list-none">Sales Manager</span>
</div>
</div>
@@ -695,17 +695,17 @@
</figcaption>
</figure>
<div class="post-header !mb-[.9rem]">
<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>
@@ -722,17 +722,17 @@
</figcaption>
</figure>
<div class="post-header !mb-[.9rem]">
<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>
@@ -749,17 +749,17 @@
</figcaption>
</figure>
<div class="post-header !mb-[.9rem]">
<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>
@@ -776,16 +776,16 @@
</figcaption>
</figure>
<div class="post-header !mb-[.9rem]">
<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>
@@ -809,7 +809,7 @@
<div class="flex items-center">
<figure class="w-12 h-12 !relative !mr-4 rounded-[100%]"><img class="rounded-[50%]" alt="image" src="../assets/img/avatars/u1.jpg"></figure>
<div>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">Connor Gibson</a></h6>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">Connor Gibson</a></h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>14 Jan 2022</li>
</ul>
@@ -831,7 +831,7 @@
<div class="flex items-center">
<figure class="w-12 h-12 !relative !mr-4 rounded-[100%]"><img class="rounded-[50%]" alt="image" src="../assets/img/avatars/u2.jpg"></figure>
<div>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">Nikolas Brooten</a></h6>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">Nikolas Brooten</a></h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>21 Feb 2022</li>
</ul>
@@ -853,7 +853,7 @@
<div class="flex items-center">
<figure class="w-12 h-12 !relative !mr-4 rounded-[100%]"><img class="rounded-[50%]" alt="image" src="../assets/img/avatars/u3.jpg"></figure>
<div>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">Pearce Frye</a></h6>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">Pearce Frye</a></h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>22 Feb 2022</li>
</ul>
@@ -875,7 +875,7 @@
<div class="flex items-center">
<figure class="w-12 h-12 !relative !mr-4 rounded-[100%]"><img class="rounded-[50%]" alt="image" src="../assets/img/avatars/u2.jpg"></figure>
<div>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">Nikolas Brooten</a></h6>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">Nikolas Brooten</a></h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>4 Apr 2022</li>
</ul>
@@ -901,7 +901,7 @@
<div class="flex items-center">
<figure class="w-12 h-12 !relative !mr-4 rounded-[100%]"><img class="rounded-[50%]" alt="image" src="../assets/img/avatars/u4.jpg"></figure>
<div>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">Lou Bloxham</a></h6>
<h6 class=" m-0 !mb-[0.2rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">Lou Bloxham</a></h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>3 May 2022</li>
</ul>
@@ -941,7 +941,7 @@
<textarea name="textarea" class=" form-control relative block w-full text-[.75rem] font-medium !text-[#60697b] bg-[#fefefe] bg-clip-padding border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] transition-[border-color] duration-[0.15s] ease-in-out focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus-visible:!border-[rgba(63,120,224,0.5)] placeholder:!text-[#959ca9] placeholder:opacity-100 m-0 !pr-9 p-[.6rem_1rem] h-[calc(2.5rem_+_2px)] min-h-[calc(2.5rem_+_2px)] !leading-[1.25]" placeholder="" style="height: 150px"></textarea>
<label class="inline-block !text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none border origin-[0_0] px-4 py-[0.6rem] border-solid border-transparent left-0 top-0 font-Manrope">Comment *</label>
</div>
<button type="submit" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">Submit</button>
<button type="submit" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">Submit</button>
</form>
<!-- /.comment-form -->
</div>
@@ -981,10 +981,10 @@
<li class=" clear-both block overflow-hidden">
<figure class="!rounded-[.4rem] float-left w-14 !h-[4.5rem]"><a href='blog-post.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/a1.jpg" alt="image"></a></figure>
<div class="!relative !ml-[4.25rem] !mb-0">
<h6 class="!mb-2"> <a class='!text-[#343f52] hover:!text-[#3f78e0]' href='blog-post.html'>Magna Mollis Ultricies</a> </h6>
<h6 class="!mb-2"> <a class='!text-[#343f52] hover:!text-[#e31e24]' href='blog-post.html'>Magna Mollis Ultricies</a> </h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 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>
@@ -992,10 +992,10 @@
<li class=" clear-both block overflow-hidden !mt-4">
<figure class="!rounded-[.4rem] float-left w-14 !h-[4.5rem]"> <a href='blog-post.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/a2.jpg" alt="image"></a></figure>
<div class="!relative !ml-[4.25rem] !mb-0">
<h6 class="!mb-2"> <a class='!text-[#343f52] hover:!text-[#3f78e0]' href='blog-post.html'>Ornare Nullam Risus</a> </h6>
<h6 class="!mb-2"> <a class='!text-[#343f52] hover:!text-[#e31e24]' href='blog-post.html'>Ornare Nullam Risus</a> </h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>16 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>
@@ -1003,10 +1003,10 @@
<li class=" clear-both block overflow-hidden !mt-4">
<figure class="!rounded-[.4rem] float-left w-14 !h-[4.5rem]"><a href='blog-post.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/a3.jpg" alt="image"></a></figure>
<div class="!relative !ml-[4.25rem] !mb-0">
<h6 class="!mb-2"> <a class='!text-[#343f52] hover:!text-[#3f78e0]' href='blog-post.html'>Euismod Nullam Fusce</a> </h6>
<h6 class="!mb-2"> <a class='!text-[#343f52] hover:!text-[#e31e24]' href='blog-post.html'>Euismod Nullam Fusce</a> </h6>
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>8 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>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>5</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -1018,12 +1018,12 @@
<div class="widget !mt-[40px]">
<h4 class="widget-title !mb-3">Categories</h4>
<ul class="pl-0 list-none bullet-primary !text-inherit">
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Teamwork (21)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Ideas (19)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Workspace (16)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Coding (7)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Meeting (12)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Business Tips (14)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Teamwork (21)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Ideas (19)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Workspace (16)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Coding (7)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Meeting (12)</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Business Tips (14)</a></li>
</ul>
</div>
<!-- /.widget -->
@@ -1044,11 +1044,11 @@
<div class="widget !mt-[40px]">
<h4 class="widget-title !mb-3">Archive</h4>
<ul class="pl-0 list-none bullet-primary !text-inherit">
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">February 2019</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">January 2019</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">December 2018</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">November 2018</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">October 2018</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">February 2019</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">January 2019</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">December 2018</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">November 2018</a></li>
<li class="relative !pl-[1rem] before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:font-SansSerif !mt-[.35rem]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">October 2018</a></li>
</ul>
</div>
<!-- /.widget -->
@@ -1085,7 +1085,7 @@
<div class="widget !text-[#cacaca]">
<h4 class="widget-title !text-white !mb-3">Get in Touch</h4>
<address class="xl:!pr-20 xxl:!pr-28 not-italic !leading-[inherit] block !mb-4">ÇAMTEPE MAH. MAHMUT TEVFİK ATAY BUL. GAZİANTEP TEKNOPARK NO: 4A İÇ KAPI NO: 1 ŞAHİNBEY / GAZİANTEP</address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:#">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:#">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
</div>
@@ -1094,11 +1094,11 @@
<div class="widget !text-[#cacaca]">
<h4 class="widget-title !text-white !mb-3">Learn More</h4>
<ul class="pl-0 list-none !mb-0">
<li><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">About Us</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Our Story</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Projects</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Privacy Policy</a></li>
<li><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">About Us</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Our Story</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Projects</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Terms of Use</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- /.widget -->
@@ -1116,7 +1116,7 @@
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium !leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:!mt-[-0.6rem] file:mr-[-1rem] file:!mb-[-0.6rem] file:ml-[-1rem] file:!text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:!text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] !text-[#cacaca] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,0.5)] " placeholder="" id="mce-EMAIL2">
<label class="!ml-[0.05rem] !text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL2">Email Address</label>
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0">
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0">
</div>
<div id="mce-responses2" class="clear">
<div class="response" id="mce-error-response2" style="display:none"></div>
@@ -1139,9 +1139,9 @@
</div>
<!-- /.container -->
</footer>
<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>