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/demo22.html
+10 -10
View File
@@ -708,19 +708,19 @@
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] !leading-[1.25] !mb-6">Find out everything about creating a business model.</h3>
<div class="flex flex-wrap mx-[-15px] !mt-[-20px]">
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[20px]">
<h4><span class="!text-[#3f78e0] ">1.</span> Creative Ideas</h4>
<h4><span class="!text-[#e31e24] ">1.</span> Creative Ideas</h4>
<p class="!mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>
</div>
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[20px]">
<h4><span class="!text-[#3f78e0] ">2.</span> Magic Touch</h4>
<h4><span class="!text-[#e31e24] ">2.</span> Magic Touch</h4>
<p class="!mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>
</div>
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[20px]">
<h4><span class="!text-[#3f78e0] ">3.</span> Data Analysis</h4>
<h4><span class="!text-[#e31e24] ">3.</span> Data Analysis</h4>
<p class="!mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>
</div>
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[20px]">
<h4><span class="!text-[#3f78e0] ">4.</span> Finalize Product</h4>
<h4><span class="!text-[#e31e24] ">4.</span> Finalize Product</h4>
<p class="!mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>
</div>
<!--/column -->
@@ -852,7 +852,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../assets/img/photos/pd7.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='single-project.html'>Cras Fermentum Sem</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='single-project.html'>Cras Fermentum Sem</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary</div>
</div>
<!-- /.post-header -->
@@ -864,7 +864,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../assets/img/photos/pd8.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='single-project2.html'>Mollis Ipsum Mattis</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='single-project2.html'>Mollis Ipsum Mattis</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Magazine, Book</div>
</div>
<!-- /.post-header -->
@@ -876,7 +876,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../assets/img/photos/pd9.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='single-project3.html'>Ipsum Ultricies Cursus</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='single-project3.html'>Ipsum Ultricies Cursus</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Packaging</div>
</div>
<!-- /.post-header -->
@@ -888,7 +888,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../assets/img/photos/pd10.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='single-project.html'>Inceptos Euismod Egestas</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='single-project.html'>Inceptos Euismod Egestas</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Stationary, Branding</div>
</div>
<!-- /.post-header -->
@@ -900,7 +900,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../assets/img/photos/pd11.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='single-project2.html'>Ipsum Mollis Vulputate</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='single-project2.html'>Ipsum Mollis Vulputate</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Packaging</div>
</div>
<!-- /.post-header -->
@@ -912,7 +912,7 @@
<figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="../assets/img/photos/pd12.jpg" alt="image"><a class="item-link absolute w-[2.2rem] h-[2.2rem] !leading-[2.2rem] z-[1] transition-all duration-[0.3s] ease-in-out opacity-0 !text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] text-[1rem] flex items-center justify-center rounded-[100%] right-0 bottom-4 bg-[rgba(255,255,255,.7)] hover:bg-[rgba(255,255,255,.9)] hover:!text-[#343f52] group-hover:opacity-100 group-hover:right-[1rem]" href="../assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<div class="project-details flex justify-center flex-col">
<div class="post-header">
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='single-project3.html'>Porta Ornare Cras</a></h2>
<h2 class="post-title h3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='single-project3.html'>Porta Ornare Cras</a></h2>
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !mb-[0.4rem] !text-[#9499a3]">Branding</div>
</div>
<!-- /.post-header -->