truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a

Browse Source
This commit is contained in:
Ümit Tunç
2025-12-31 22:00:45 +03:00
parent 194beaee1c
commit a2827c5d7a
79 changed files with 5505 additions and 5351 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/html/demo34.html
+113 -113
View File
@@ -13,12 +13,12 @@
content="Tailwind CSS, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">
<meta name="author" content="elemis">
<title>Trunçgil - Modern & Multipurpose Tailwind CSS Template</title>
<link rel="shortcut icon" href="assets/img/favicon.png">
<link rel="stylesheet" type="text/css" href="assets/fonts/unicons/unicons.css">
<link rel="stylesheet" href="assets/css/plugins.css">
<link rel="shortcut icon" href="../assets/img/favicon.png">
<link rel="stylesheet" type="text/css" href="../assets/fonts/unicons/unicons.css">
<link rel="stylesheet" href="../assets/css/plugins.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/colors/purple.css">
<link rel="preload" href="assets/css/fonts/thicccboi.css" as="style" onload="this.rel='stylesheet'">
<link rel="stylesheet" href="../assets/css/colors/purple.css">
<link rel="preload" href="../assets/css/fonts/thicccboi.css" as="style" onload="this.rel='stylesheet'">
<style>
.filter:not(.basic-filter) ul li a.active,
.filter:not(.basic-filter) ul li a:hover {
@@ -59,7 +59,7 @@
<div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
<div class="navbar-brand w-full">
<a href='index.html'>
<img src="assets/img/truncgil-yatay.svg" alt="image">
<img src="../assets/img/truncgil-yatay.svg" alt="image">
</a>
</div>
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
@@ -81,7 +81,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo1.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi1.jpg" alt="image">
src="../assets/img/demos/mi1.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 1</span>
</a>
@@ -89,7 +89,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo2.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi2.jpg" alt="image">
src="../assets/img/demos/mi2.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 2</span>
</a>
@@ -97,7 +97,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo3.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi3.jpg" alt="image">
src="../assets/img/demos/mi3.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 3</span>
</a>
@@ -105,7 +105,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo4.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi4.jpg" alt="image">
src="../assets/img/demos/mi4.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 4</span>
</a>
@@ -113,7 +113,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo5.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi5.jpg" alt="image">
src="../assets/img/demos/mi5.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 5</span>
</a>
@@ -121,7 +121,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo6.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi6.jpg" alt="image">
src="../assets/img/demos/mi6.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 6</span>
</a>
@@ -129,7 +129,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo7.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi7.jpg" alt="image">
src="../assets/img/demos/mi7.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 7</span>
</a>
@@ -137,7 +137,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo8.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi8.jpg" alt="image">
src="../assets/img/demos/mi8.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 8</span>
</a>
@@ -145,7 +145,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo9.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi9.jpg" alt="image">
src="../assets/img/demos/mi9.jpg" alt="image">
</figure>
<span class="xl:!hidden lg:!hidden">Demo 9</span>
</a>
@@ -153,7 +153,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo10.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi10.jpg"
src="../assets/img/demos/mi10.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 10</span>
</a>
@@ -161,7 +161,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo11.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi11.jpg"
src="../assets/img/demos/mi11.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 11</span>
</a>
@@ -169,7 +169,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo12.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi12.jpg"
src="../assets/img/demos/mi12.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 12</span>
</a>
@@ -177,7 +177,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo13.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi13.jpg"
src="../assets/img/demos/mi13.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 13</span>
</a>
@@ -185,7 +185,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo14.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi14.jpg"
src="../assets/img/demos/mi14.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 14</span>
</a>
@@ -193,7 +193,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo15.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi15.jpg"
src="../assets/img/demos/mi15.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 15</span>
</a>
@@ -201,7 +201,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo16.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi16.jpg"
src="../assets/img/demos/mi16.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 16</span>
</a>
@@ -209,7 +209,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo17.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi17.jpg"
src="../assets/img/demos/mi17.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 17</span>
</a>
@@ -217,7 +217,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo18.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi18.jpg"
src="../assets/img/demos/mi18.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 18</span>
</a>
@@ -225,7 +225,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo19.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi19.jpg"
src="../assets/img/demos/mi19.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 19</span>
</a>
@@ -233,7 +233,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo20.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi20.jpg"
src="../assets/img/demos/mi20.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 20</span>
</a>
@@ -241,7 +241,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo21.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi21.jpg"
src="../assets/img/demos/mi21.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 21</span>
</a>
@@ -249,7 +249,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo22.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi22.jpg"
src="../assets/img/demos/mi22.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 22</span>
</a>
@@ -257,7 +257,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo23.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi23.jpg"
src="../assets/img/demos/mi23.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 23</span>
</a>
@@ -265,7 +265,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo24.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi24.jpg"
src="../assets/img/demos/mi24.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 24</span>
</a>
@@ -273,7 +273,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo25.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi25.jpg"
src="../assets/img/demos/mi25.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 25</span>
</a>
@@ -281,7 +281,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo26.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi26.jpg"
src="../assets/img/demos/mi26.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 26</span>
</a>
@@ -289,7 +289,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo27.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi27.jpg"
src="../assets/img/demos/mi27.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 27</span>
</a>
@@ -297,7 +297,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo28.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi28.jpg"
src="../assets/img/demos/mi28.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 28</span>
</a>
@@ -305,7 +305,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo29.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi29.jpg"
src="../assets/img/demos/mi29.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 29</span>
</a>
@@ -313,7 +313,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo30.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi30.jpg"
src="../assets/img/demos/mi30.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 30</span>
</a>
@@ -321,7 +321,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo31.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi31.jpg"
src="../assets/img/demos/mi31.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 31</span>
</a>
@@ -329,7 +329,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo32.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi32.jpg"
src="../assets/img/demos/mi32.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 32</span>
</a>
@@ -337,7 +337,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo33.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi33.jpg"
src="../assets/img/demos/mi33.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 33</span>
</a>
@@ -345,7 +345,7 @@
<li class="xl:!px-[10px] xl:!mt-[10px] lg:!px-[10px] lg:!mt-[10px]">
<a class='dropdown-item' href='demo34.html'>
<figure class="!rounded-[.4rem] lift hidden xl:block lg:block"><img class="!rounded-[.4rem]"
src="assets/img/demos/mi34.jpg"
src="../assets/img/demos/mi34.jpg"
alt="image"></figure>
<span class="xl:!hidden lg:!hidden">Demo 34</span>
</a>
@@ -506,103 +506,103 @@
class="grid grid-cols-1 xl:grid-cols-6 lg:grid-cols-6 mx-0 xl:mx-[-15px] lg:mx-[-15px] xl:!mt-[-20px] lg:!mt-[-20px] !pl-0 list-none">
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/about.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block1.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block1.svg" alt="image"></div>
<span>About</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/blog.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block2.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block2.svg" alt="image"></div>
<span>Blog</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/call-to-action.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block3.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block3.svg" alt="image"></div>
<span>Call to Action</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/clients.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block4.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block4.svg" alt="image"></div>
<span>Clients</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/contact.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block5.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block5.svg" alt="image"></div>
<span>Contact</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/facts.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block6.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block6.svg" alt="image"></div>
<span>Facts</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/faq.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block7.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block7.svg" alt="image"></div>
<span>FAQ</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/features.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block8.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block8.svg" alt="image"></div>
<span>Features</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/footer.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block9.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block9.svg" alt="image"></div>
<span>Footer</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/hero.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block10.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block10.svg" alt="image"></div>
<span>Hero</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/misc.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block17.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block17.svg" alt="image"></div>
<span>Misc</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/navbar.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block11.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block11.svg" alt="image"></div>
<span>Navbar</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/portfolio.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block12.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block12.svg" alt="image"></div>
<span>Portfolio</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/pricing.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block13.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block13.svg" alt="image"></div>
<span>Pricing</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/process.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block14.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block14.svg" alt="image"></div>
<span>Process</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/team.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block15.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block15.svg" alt="image"></div>
<span>Team</span>
</a>
</li>
<li class="xl:!px-[15px] xl:!mt-[20px] lg:!px-[15px] lg:!mt-[20px]"><a class='dropdown-item' href='docs/blocks/testimonials.html'>
<div class="rounded img-svg hidden xl:block lg:block p-4 xl:!mb-2 lg:!mb-2"><img
class="rounded-none" src="assets/img/demos/block16.svg" alt="image"></div>
class="rounded-none" src="../assets/img/demos/block16.svg" alt="image"></div>
<span>Testimonials</span>
</a>
</li>
@@ -761,31 +761,31 @@
data-group="col-start" data-delay="900">
<div class="ml-auto !mt-6"><img
class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
src="assets/img/demos/vc1.jpg" alt="image"></div>
src="../assets/img/demos/vc1.jpg" alt="image"></div>
<div class="ml-auto !mt-4"><img
class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
src="assets/img/demos/vc2.jpg" alt="image"></div>
src="../assets/img/demos/vc2.jpg" alt="image"></div>
<div class="ml-auto !mt-4"><img
class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
src="assets/img/demos/vc3.jpg" alt="image"></div>
src="../assets/img/demos/vc3.jpg" alt="image"></div>
</div>
<!-- /column -->
<div class="w-4/12 flex-[0_0_auto] px-[10px] max-w-full" data-cues="fadeIn" data-group="col-middle">
<div><img class="w-full max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
src="assets/img/demos/vc4.jpg" alt="image"></div>
src="../assets/img/demos/vc4.jpg" alt="image"></div>
<div><img class="w-full max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mt-4"
src="assets/img/demos/vc5.jpg" alt="image"></div>
src="../assets/img/demos/vc5.jpg" alt="image"></div>
<div><img class="w-full max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mt-4"
src="assets/img/demos/vc6.jpg" alt="image"></div>
src="../assets/img/demos/vc6.jpg" alt="image"></div>
</div>
<!-- /column -->
<div class="w-4/12 flex-[0_0_auto] px-[10px] max-w-full flex flex-col" data-cues="fadeIn"
data-group="col-end" data-delay="900">
<div class="!mt-8"><img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
src="assets/img/demos/vc7.jpg" alt="image"></div>
src="../assets/img/demos/vc7.jpg" alt="image"></div>
<div class="!mt-4 !mb-10"><img
class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
src="assets/img/demos/vc8.jpg" alt="image"></div>
src="../assets/img/demos/vc8.jpg" alt="image"></div>
</div>
<!-- /column -->
</div>
@@ -837,14 +837,14 @@
<figure class="itooltip itooltip-grape !mt-9"
title='<h5 class="!mb-0">Click to see the demo</h5>'><a href='demo18.html' target='_blank'><img
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-t-[0.4rem]"
src="assets/img/demos/d18.jpg"
src="../assets/img/demos/d18.jpg"
alt="image"></a></figure>
</div>
<!-- /column -->
<div class="w-6/12 flex-[0_0_auto] px-[17.5px] max-w-full">
<figure class="itooltip itooltip-grape" title='<h5 class="!mb-0">Click to see the demo</h5>'><a href='demo18.html' target='_blank'><img
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-br-[0.4rem] rounded-bl-[0.4rem]"
src="assets/img/demos/d18-2.jpg"
src="../assets/img/demos/d18-2.jpg"
alt="image"></a></figure>
</div>
<!-- /column -->
@@ -905,7 +905,7 @@
<figure class="itooltip itooltip-fuchsia !mt-9"
title='<h5 class="!mb-0">Click to see the demo</h5>'><a href='demo19.html' target='_blank'><img
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-t-[0.4rem]"
src="assets/img/demos/d19-1.jpg"
src="../assets/img/demos/d19-1.jpg"
alt="image"></a></figure>
</div>
<!-- /column -->
@@ -913,7 +913,7 @@
<figure class="itooltip itooltip-fuchsia" title='<h5 class="!mb-0">Click to see the demo</h5>'>
<a href='demo19.html' target='_blank'><img
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-br-[0.4rem] rounded-bl-[0.4rem]"
src="assets/img/demos/d19-2.jpg"
src="../assets/img/demos/d19-2.jpg"
alt="image"></a>
</figure>
</div>
@@ -975,14 +975,14 @@
<figure class="itooltip itooltip-purple !mt-9"
title='<h5 class="!mb-0">Click to see the demo</h5>'><a href='demo20.html' target='_blank'><img
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-t-[0.4rem]"
src="assets/img/demos/d20.jpg"
src="../assets/img/demos/d20.jpg"
alt="image"></a></figure>
</div>
<!-- /column -->
<div class="w-6/12 flex-[0_0_auto] px-[17.5px] max-w-full">
<figure class="itooltip itooltip-purple" title='<h5 class="!mb-0">Click to see the demo</h5>'><a href='demo20.html' target='_blank'><img
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-br-[0.4rem] rounded-bl-[0.4rem]"
src="assets/img/demos/d20-2.jpg"
src="../assets/img/demos/d20-2.jpg"
alt="image"></a></figure>
</div>
<!-- /column -->
@@ -1053,7 +1053,7 @@
<div class="container pt-7 xl:pt-10 lg:pt-10 md:pt-10 pb-[4.5rem] xl:pb-28 lg:pb-28 md:pb-28">
<div class="flex flex-wrap mx-[-15px] !mb-8 !text-center">
<div class="md:w-11/12 lg:w-10/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<img class="m-[0_auto]" src="assets/img/demos/icon.png"
<img class="m-[0_auto]" src="../assets/img/demos/icon.png"
alt="image">
<h2
class="!text-[calc(1.335rem_+_1.02vw)] font-bold !leading-[1.2] xl:!text-[2.1rem] !mb-3 !text-center !mt-3 lg:!px-10 xl:!px-0">
@@ -1108,22 +1108,22 @@
<div
class="w-6/12 flex-[0_0_auto] !px-[15px] max-w-full xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !mt-[25px]">
<img class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mb-5"
data-cue="fadeIn" data-delay="300" src="assets/img/demos/fe1.jpg"
data-cue="fadeIn" data-delay="300" src="../assets/img/demos/fe1.jpg"
alt="image">
<img
class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto] !ml-auto"
data-cue="fadeIn" data-delay="600" src="assets/img/demos/fe2.jpg"
data-cue="fadeIn" data-delay="600" src="../assets/img/demos/fe2.jpg"
alt="image">
</div>
<!-- /column -->
<div
class="w-6/12 flex-[0_0_auto] !px-[15px] max-w-full xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !mt-[25px]">
<img class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] my-5"
data-cue="fadeIn" data-delay="900" src="assets/img/demos/fe3.jpg"
data-cue="fadeIn" data-delay="900" src="../assets/img/demos/fe3.jpg"
alt="image">
<img
class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto]"
data-cue="fadeIn" data-delay="1200" src="assets/img/demos/fe4.jpg"
data-cue="fadeIn" data-delay="1200" src="../assets/img/demos/fe4.jpg"
alt="image">
</div>
<!-- /column -->
@@ -1185,22 +1185,22 @@
class="w-5/12 flex-[0_0_auto] !px-[15px] max-w-full xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !mt-[25px]">
<img
class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] my-5 flex !ml-auto"
data-cue="fadeIn" data-delay="300" src="assets/img/demos/fe5.jpg"
data-cue="fadeIn" data-delay="300" src="../assets/img/demos/fe5.jpg"
alt="image">
<img
class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto] !ml-auto"
data-cue="fadeIn" data-delay="600" src="assets/img/demos/fe6.jpg"
data-cue="fadeIn" data-delay="600" src="../assets/img/demos/fe6.jpg"
alt="image">
</div>
<!-- /column -->
<div
class="w-7/12 flex-[0_0_auto] !px-[15px] max-w-full xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !mt-[25px]">
<img class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mb-5"
data-cue="fadeIn" data-delay="900" src="assets/img/demos/fe7.jpg"
data-cue="fadeIn" data-delay="900" src="../assets/img/demos/fe7.jpg"
alt="image">
<img
class="max-w-full h-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex w-11/12 flex-[0_0_auto]"
data-cue="fadeIn" data-delay="1200" src="assets/img/demos/fe8.jpg"
data-cue="fadeIn" data-delay="1200" src="../assets/img/demos/fe8.jpg"
alt="image">
</div>
<!-- /column -->
@@ -1273,15 +1273,15 @@
class="w-9/12 sm:w-10/12 md:w-10/12 lg:w-9/12 xl:w-9/12 flex-[0_0_auto] max-w-full !mx-auto !mt-[-5rem] xl:!mt-[-17.5rem] lg:!mt-[-17.5rem] md:!mt-[-17.5rem]"
data-cues data-group="images">
<img class="max-w-full h-auto !mx-auto !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
data-cue="fadeIn" src="assets/img/demos/de1.jpg" alt="image">
data-cue="fadeIn" src="../assets/img/demos/de1.jpg" alt="image">
<img class="absolute !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
data-cue="slideInRight" src="assets/img/demos/de2.jpg"
data-cue="slideInRight" src="../assets/img/demos/de2.jpg"
style="top: 25%; right:-12%; max-width:30%; height: auto;" alt="image">
<img class="absolute !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
data-cue="slideInLeft" src="assets/img/demos/de3.jpg"
data-cue="slideInLeft" src="../assets/img/demos/de3.jpg"
style="top: 15%; left:-15%; max-width:30%; height: auto;" alt="image">
<img class="absolute !rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
data-cue="slideInLeft" src="assets/img/demos/de4.jpg"
data-cue="slideInLeft" src="../assets/img/demos/de4.jpg"
style="bottom: 15%; left:-13%; max-width:30%; height: auto;" alt="image">
</div>
<!-- /column -->
@@ -1292,70 +1292,70 @@
data-cues="slideInDown" data-group="features-3">
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi1.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi1.png"
alt="image">
<h4>Built with <br> Tailwind CSS</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi2.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi2.png"
alt="image">
<h4>SEO-friendly <br> Coding</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi3.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi3.png"
alt="image">
<h4>Valid W3C <br> HTML5 & CSS3</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi4.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi4.png"
alt="image">
<h4>Retina-ready <br> Graphics</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi5.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi5.png"
alt="image">
<h4>One-page <br> Layout Option</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi6.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi6.png"
alt="image">
<h4>Isotope <br> Filterable Gallery</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi7.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi7.png"
alt="image">
<h4>Mailchimp <br> Compatible </h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi8.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi8.png"
alt="image">
<h4>Contact Form <br> w/o Page Refresh</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi9.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi9.png"
alt="image">
<h4>Animations <br> on Page Scroll</h4>
</div>
<!--/column -->
<div
class="col xl:w-1/5 lg:w-1/5 md:w-3/12 w-6/12 flex-[0_0_auto] max-w-full !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px]">
<img class="!mb-4 m-[0_auto]" src="assets/img/demos/fi10.png"
<img class="!mb-4 m-[0_auto]" src="../assets/img/demos/fi10.png"
alt="image">
<h4>Top-Notch Support <br> & Free Updates</h4>
</div>
@@ -1420,7 +1420,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full services md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Services Modern</h5>'><a href='services.html'> <img
src="assets/img/demos/dc1.jpg" alt="image"></a>
src="../assets/img/demos/dc1.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1428,7 +1428,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full services md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Services Concept</h5>'><a href='services2.html'> <img
src="assets/img/demos/dc2.jpg" alt="image"></a>
src="../assets/img/demos/dc2.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1436,7 +1436,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full about md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">About Modern</h5>'><a href='about.html'> <img
src="assets/img/demos/dc3.jpg" alt="image"></a>
src="../assets/img/demos/dc3.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1444,7 +1444,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full contact md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Contact with Facts</h5>'><a href='contact.html'> <img
src="assets/img/demos/dc5.jpg" alt="image"></a>
src="../assets/img/demos/dc5.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1452,7 +1452,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full about md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">About Concept</h5>'><a href='about2.html'> <img
src="assets/img/demos/dc4.jpg" alt="image"></a>
src="../assets/img/demos/dc4.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1460,7 +1460,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full contact md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Contact Minimalist</h5>'><a href='contact2.html'> <img
src="assets/img/demos/dc6.jpg" alt="image"></a>
src="../assets/img/demos/dc6.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1468,14 +1468,14 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full contact md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Contact Modern</h5>'><a href='contact3.html'> <img
src="assets/img/demos/dc7.jpg" alt="image"></a>
src="../assets/img/demos/dc7.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
<div
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full pricing md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Pricing</h5>'><a href='pricing.html'> <img src="assets/img/demos/dc8.jpg"
title='<h5 class="!mb-0">Pricing</h5>'><a href='pricing.html'> <img src="../assets/img/demos/dc8.jpg"
alt="image"></a></figure>
</div>
<!-- /.project -->
@@ -1483,7 +1483,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full projects md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Projects with Tiles</h5>'><a href='projects.html'> <img
src="assets/img/demos/dc9.jpg" alt="image"></a>
src="../assets/img/demos/dc9.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1491,7 +1491,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full projects md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Projects Masonry</h5>'><a href='projects4.html'> <img
src="assets/img/demos/dc12.jpg" alt="image"></a>
src="../assets/img/demos/dc12.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1499,7 +1499,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full projects md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Projects Masonry Large</h5>'><a href='projects3.html'> <img
src="assets/img/demos/dc11.jpg" alt="image"></a>
src="../assets/img/demos/dc11.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1507,7 +1507,7 @@
class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full projects md:!px-[20px] lg:!px-[20px] xl:!px-[22.5px] !mt-[40px]">
<figure class="itooltip itooltip-primary rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"
title='<h5 class="!mb-0">Projects Overflow</h5>'><a href='projects2.html'> <img
src="assets/img/demos/dc10.jpg" alt="image"></a>
src="../assets/img/demos/dc10.jpg" alt="image"></a>
</figure>
</div>
<!-- /.project -->
@@ -1535,7 +1535,7 @@
<div class="container xl:pt-40 lg:pt-40 pb-32 xxl:pb-40 !relative">
<img
class="xl:!absolute lg:!absolute max-lg:!static max-w-full w-full flex-[0_0_auto] !px-[15px] xxl:!mt-[-0.75rem] !mb-3 md:!mb-10 lg:!mb-0"
src="assets/img/demos/devices.png" data-cue="fadeIn"
src="../assets/img/demos/devices.png" data-cue="fadeIn"
alt="image" style="top: 0; left: -23%;">
<div
class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] lg:!mt-[-6rem] xl:!mt-[-3.5rem] xxl:!mt-0 xxl:!items-center">
@@ -1549,7 +1549,7 @@
<p class="lead !leading-[1.65] text-[0.9rem] font-medium !mb-8">Trunçgil is responsive so the layout will
adapt to different screen sizes that will make your website compatible with any device such as smart
phones, tablets and computers.</p>
<img src="assets/img/demos/qrcode.jpg"
<img src="../assets/img/demos/qrcode.jpg"
class="shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-[.4rem] max-lg:m-[0_auto]"
alt="image">
</div>
@@ -1566,7 +1566,7 @@
<div class="container xl:!pt-10 !text-center">
<div class="flex flex-wrap mx-[-15px]">
<div class="md:w-10/12 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">
<img class="m-[0_auto]" src="assets/img/demos/icon.png"
<img class="m-[0_auto]" src="../assets/img/demos/icon.png"
alt="image">
<h2
class="!text-[calc(1.335rem_+_1.02vw)] font-bold !leading-[1.2] xl:!text-[2.1rem] !mt-3 !mb-3 xl:!px-8 lg:!px-8">
@@ -1581,7 +1581,7 @@
<!-- /column -->
</div>
<!-- /.row -->
<img class="max-w-full h-auto m-[0_auto]" src="assets/img/demos/f1.png"
<img class="max-w-full h-auto m-[0_auto]" src="../assets/img/demos/f1.png"
data-cue="fadeIn" alt="image">
</div>
<!-- /.container -->
@@ -1595,7 +1595,7 @@
<div
class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!mt-0 lg:!mt-0 !mt-[30px]">
<div class="widget !text-[#cacaca]">
<img class="!mb-4" src="assets/img/truncgil-yatay-dark.svg" alt="image">
<img class="!mb-4" src="../assets/img/truncgil-yatay-dark.svg" alt="image">
<p class="!mb-4">© 2025 Trunçgil. <br class="hidden xl:block lg:block !text-[#cacaca]">All rights reserved.
</p>
<nav class="nav social social-white">
@@ -1696,8 +1696,8 @@
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>
<script src="assets/js/theme.js"></script>
<script src="../assets/js/plugins.js"></script>
<script src="../assets/js/theme.js"></script>
</body>