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/shop-product.html
+39 -39
View File
@@ -543,7 +543,7 @@
<li class="nav-item !ml-[.8rem]">
<a class="nav-link !relative !flex !flex-row !items-center" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-cart">
<i class="uil uil-shopping-cart !text-[1.1rem] before:content-['\ecbd']"></i>
<span class="badge badge-cart bg-[#3f78e0] w-[0.9rem] h-[0.9rem] !flex items-center justify-center !text-[0.55rem] p-0 rounded-[100%] !bg-[rgba(63,120,224)] opacity-100">3</span>
<span class="badge badge-cart bg-[#e31e24] w-[0.9rem] h-[0.9rem] !flex items-center justify-center !text-[0.55rem] p-0 rounded-[100%] !bg-[rgba(63,120,224)] opacity-100">3</span>
</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
@@ -569,7 +569,7 @@
<div class="flex flex-row">
<figure class="!rounded-[.4rem] !w-[7rem]"><a href='shop-product.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/sth1.jpg" alt="image"></a></figure>
<div class="!w-full !ml-[1rem]">
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Nike Air Sneakers</a></h3>
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Nike Air Sneakers</a></h3>
<p class="price !text-[.7rem]"><del class="!text-[#9499a3]"><span class="amount">$55.00</span></del> <ins class="no-underline !text-[#e2626b]"><span class="amount">$45.99</span></ins></p>
<div class="form-select-wrapper">
<select class="form-select !w-auto !min-w-[2.5rem] !bg-[right_0.4rem_center] !px-2 !py-[0.2rem] !text-[.7rem] !rounded-[.4rem]">
@@ -583,14 +583,14 @@
<!--/.form-select-wrapper -->
</div>
</div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
</div>
<!--/.shopping-cart-item -->
<div class="shopping-cart-item flex justify-between !mb-4">
<div class="flex flex-row">
<figure class="!rounded-[.4rem] !w-[7rem]"><a href='shop-product.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/sth2.jpg" alt="image"></a></figure>
<div class="!w-full !ml-[1rem]">
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Colorful Sneakers</a></h3>
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Colorful Sneakers</a></h3>
<p class="price !text-[.7rem]"><span class="amount">$45.00</span></p>
<div class="form-select-wrapper">
<select class="form-select !w-auto !min-w-[2.5rem] !bg-[right_0.4rem_center] !px-2 !py-[0.2rem] !text-[.7rem] !rounded-[.4rem]">
@@ -604,14 +604,14 @@
<!--/.form-select-wrapper -->
</div>
</div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
</div>
<!--/.shopping-cart-item -->
<div class="shopping-cart-item flex justify-between !mb-4">
<div class="flex flex-row">
<figure class="!rounded-[.4rem] !w-[7rem]"><a href='shop-product.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/sth3.jpg" alt="image"></a></figure>
<div class="!w-full !ml-[1rem]">
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Polaroid Camera</a></h3>
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Polaroid Camera</a></h3>
<p class="price !text-[.7rem]"><span class="amount">$45.00</span></p>
<div class="form-select-wrapper">
<select class="form-select !w-auto !min-w-[2.5rem] !bg-[right_0.4rem_center] !px-2 !py-[0.2rem] !text-[.7rem] !rounded-[.4rem]">
@@ -625,7 +625,7 @@
<!--/.form-select-wrapper -->
</div>
</div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
</div>
<!--/.shopping-cart-item -->
</div>
@@ -635,7 +635,7 @@
<span>Subtotal:</span>
<span class="h6 !mb-0">$135.99</span>
</div>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] btn-icon btn-icon-start rounded !w-full !mb-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-credit-card !text-[.9rem] !mr-[0.3rem] before:content-['\ea74']"></i> Checkout</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] btn-icon btn-icon-start rounded !w-full !mb-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-credit-card !text-[.9rem] !mr-[0.3rem] before:content-['\ea74']"></i> Checkout</a>
<p class="!text-[.7rem] !mb-0">Free shipping on all orders over $50</p>
</div>
<!-- /.offcanvas-footer-->
@@ -660,9 +660,9 @@
<div class="container py-3 xl:!py-5 lg:!py-5 md:!py-5">
<nav class="inline-block" aria-label="breadcrumb">
<ol class="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
<li class="breadcrumb-item flex !text-[#60697b]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Home</a></li>
<li class="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Shop</a></li>
<li class="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Cosmetics</a></li>
<li class="breadcrumb-item flex !text-[#60697b]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Home</a></li>
<li class="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Shop</a></li>
<li class="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Cosmetics</a></li>
<li class="breadcrumb-item flex !text-[#aab0bc] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons active" aria-current="page">Cleansers</li>
</ol>
</nav>
@@ -714,7 +714,7 @@
<!-- /column -->
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[40px] max-w-full">
<div class="post-header !mb-5">
<h2 class="post-title !text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Curology Skincare Set</a></h2>
<h2 class="post-title !text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Curology Skincare Set</a></h2>
<p class="price text-[1rem] !mb-2"><span class="amount">$55.00</span></p>
<a href="#" class="!text-[#60697b] ratings-wrapper"><span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 four align-[-1px]"></span><span class="inline-block">(3 Reviews)</span></a>
</div>
@@ -758,7 +758,7 @@
<input type="radio" name="colors" id="color-3">
<span class=" absolute inset-0 h-full w-full text-[1px] flex items-center justify-center place-items-center text-transparent rounded-[100%] bg-[var(--color,rgba(164,174,198,.2))]">Green</span>
</label>
<label class=" relative isolate flex items-center place-items-center cursor-pointer !mr-2 w-6 h-6" for="color-4" style="--color:#3f78e0">
<label class=" relative isolate flex items-center place-items-center cursor-pointer !mr-2 w-6 h-6" for="color-4" style="--color:#e31e24">
<input type="radio" name="colors" id="color-4">
<span class=" absolute inset-0 h-full w-full text-[1px] flex items-center justify-center place-items-center text-transparent rounded-[100%] bg-[var(--color,rgba(164,174,198,.2))]">Blue</span>
</label>
@@ -782,7 +782,7 @@
<!--/.form-select-wrapper -->
</div>
<div class="grow mx-2">
<button 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] btn-icon btn-icon-start rounded !w-full grow hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-shopping-bag !font-normal !mt-[-0.05rem] !mr-1 before:content-['\ecba']"></i> Add to Cart</button>
<button 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] btn-icon btn-icon-start rounded !w-full grow hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-shopping-bag !font-normal !mt-[-0.05rem] !mr-1 before:content-['\ecba']"></i> Add to Cart</button>
</div>
<div>
<button class="btn btn-block btn-red !text-white !bg-[#e2626b] border-[#e2626b] hover:text-white hover:bg-[#e2626b] hover:!border-[#e2626b] active:text-white active:bg-[#e2626b] active:border-[#e2626b] disabled:text-white disabled:bg-[#e2626b] disabled:border-[#e2626b] btn-icon rounded !px-3 !w-full !h-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-heart before:content-['\eb66']"></i></button>
@@ -909,7 +909,7 @@
<div class="widget !mt-10">
<h4 class="widget-title !mb-3">Review this product</h4>
<p class="!mb-5">Aenean eu leo quam ornare sem lacinia quam.</p>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] rounded w-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">Write a Review</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] rounded w-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">Write a Review</a>
</div>
<!-- /.widget -->
</aside>
@@ -941,7 +941,7 @@
<div class="comment-header !mb-2 xl:!flex lg:!flex md:!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 class="inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>14 Jan 2022</li>
</ul>
@@ -958,8 +958,8 @@
<div class="flex flex-row items-center pb-3">
<p class="!text-[#aab0bc] !text-[.75rem] !mb-0 !mr-5">Was this review helpful?</p>
<div>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
</div>
</div>
</li>
@@ -967,7 +967,7 @@
<div class="comment-header !mb-2 xl:!flex lg:!flex md:!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 class="inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>21 Feb 2022</li>
</ul>
@@ -984,8 +984,8 @@
<div class="flex flex-row items-center pb-3">
<p class="!text-[#aab0bc] !text-[.75rem] !mb-0 !mr-5">Was this review helpful?</p>
<div>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
</div>
</div>
</li>
@@ -993,7 +993,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 class="inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>22 Feb 2022</li>
</ul>
@@ -1010,8 +1010,8 @@
<div class="flex flex-row items-center pb-3">
<p class="!text-[#aab0bc] !text-[.75rem] !mb-0 !mr-5">Was this review helpful?</p>
<div>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
</div>
</div>
</li>
@@ -1019,7 +1019,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 class="inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>4 Apr 2022</li>
</ul>
@@ -1036,8 +1036,8 @@
<div class="flex flex-row items-center pb-3">
<p class="!text-[#aab0bc] !text-[.75rem] !mb-0 !mr-5">Was this review helpful?</p>
<div class="flex flex-row items-end">
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
</div>
</div>
</li>
@@ -1045,7 +1045,7 @@
<div class="comment-header !mb-2 xl:!flex lg:!flex md:!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 class="inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i>3 May 2022</li>
</ul>
@@ -1061,8 +1061,8 @@
<div class="flex flex-row items-center pb-3">
<p class="!text-[#aab0bc] !text-[.75rem] !mb-0 !mr-5">Was this review helpful?</p>
<div>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24] !mr-3"><i class="uil uil-thumbs-up before:content-['\ed35'] "></i> 5</a>
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-thumbs-down before:content-['\ed36'] "></i> 5</a>
</div>
</div>
</li>
@@ -1166,7 +1166,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>
@@ -1175,11 +1175,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 -->
@@ -1197,7 +1197,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>
@@ -1220,9 +1220,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>