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/demo3.html
+73 -73
View File
@@ -17,13 +17,13 @@
<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/aqua.css">
<link rel="preload" href="assets/css/fonts/thicccboi.css" as="style" onload="this.rel='stylesheet'">
<link rel="stylesheet" href="assets/css/icon.css">
<link rel="stylesheet" href="../assets/css/colors/aqua.css">
<link rel="preload" href="../assets/css/fonts/thicccboi.css" as="style" onload="this.rel='stylesheet'">
<link rel="stylesheet" href="../assets/css/icon.css">
<style>
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
background: #54a8c7 !important;
@@ -50,9 +50,9 @@
<div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
<div class="navbar-brand w-full">
<a href='index.html'>
<img class="logo-dark" src="assets/img/truncgil-yatay.svg"
<img class="logo-dark" src="../assets/img/truncgil-yatay.svg"
alt="image">
<img class="logo-light" src="assets/img/truncgil-yatay-dark.svg"
<img class="logo-light" src="../assets/img/truncgil-yatay-dark.svg"
alt="image">
</a>
</div>
@@ -75,7 +75,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>
@@ -83,7 +83,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>
@@ -91,7 +91,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>
@@ -99,7 +99,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>
@@ -107,7 +107,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>
@@ -115,7 +115,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>
@@ -123,7 +123,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>
@@ -131,7 +131,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>
@@ -139,7 +139,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>
@@ -147,7 +147,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>
@@ -155,7 +155,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>
@@ -163,7 +163,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>
@@ -171,7 +171,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>
@@ -179,7 +179,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>
@@ -187,7 +187,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>
@@ -195,7 +195,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>
@@ -203,7 +203,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>
@@ -211,7 +211,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>
@@ -219,7 +219,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>
@@ -227,7 +227,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>
@@ -235,7 +235,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>
@@ -243,7 +243,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>
@@ -251,7 +251,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>
@@ -259,7 +259,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>
@@ -267,7 +267,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>
@@ -275,7 +275,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>
@@ -283,7 +283,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>
@@ -291,7 +291,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>
@@ -299,7 +299,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>
@@ -307,7 +307,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>
@@ -315,7 +315,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>
@@ -323,7 +323,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>
@@ -331,7 +331,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>
@@ -339,7 +339,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>
@@ -500,103 +500,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>
@@ -767,12 +767,12 @@
class="lg:w-5/12 xl:w-5/12 w-full flex-[0_0_auto] max-w-full px-0 !mt-[50px] lg:!ml-[8.33333333%] xl:!ml-[8.33333333%] !mb-[-8rem] relative z-[3]"
data-cues="slideInDown">
<div class="!relative">
<a href="assets/media/movie.mp4"
<a href="../assets/media/movie.mp4"
class="btn btn-circle btn-aqua !text-white !bg-[#54a8c7] border-[#54a8c7] hover:text-white hover:bg-[#54a8c7] hover:!border-[#54a8c7] focus:shadow-[rgba(79,152,181,1)] active:!text-[#343f52] active:bg-[#54a8c7] active:border-[#54a8c7] disabled:!text-[#343f52] disabled:bg-[#54a8c7] disabled:border-[#54a8c7] btn-play ripple !mx-auto !mb-6 !absolute !text-[calc(1.355rem_+_1.26vw)] xl:!text-[2.3rem] !w-[3.5rem] !h-[3.5rem] !inline-flex !items-center !justify-center !leading-none !p-0 !rounded-[100%] before:!bg-[#54a8c7] after:!bg-[#54a8c7] before:content-[''] before:block before:absolute before:opacity-80 before:animate-[ripple-1_2s_infinite_ease-in-out] before:z-[-1] before:rounded-[50%] before:inset-0 after:opacity-60 after:animate-[ripple-2_2s_infinite_ease-in-out] after:content-[''] after:block after:absolute after:z-[-1] after:rounded-[50%] after:inset-0 after:[animation-delay:.5s]"
style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i
class="icn-caret-right !ml-[0.15rem] !relative z-[2] before:content-['\e900'] !text-[calc(1.355rem_+_1.26vw)]"></i></a>
<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img
class="!rounded-[.4rem]" src="assets/img/photos/about13.jpg"
class="!rounded-[.4rem]" src="../assets/img/photos/about13.jpg"
alt="image"></figure>
</div>
<!-- /div -->
@@ -851,7 +851,7 @@
<div class="shape !rounded-[.4rem] !bg-[#edf2fc] rellax xl:block lg:block md:block !absolute z-[1]"
data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>
<figure class="!rounded-[.4rem] relative z-[2]"><img class="!rounded-[.4rem]"
src="assets/img/photos/about7.jpg" alt="image"></figure>
src="../assets/img/photos/about7.jpg" alt="image"></figure>
</div>
<!--/column -->
<div
@@ -903,7 +903,7 @@
<div class="shape rounded !bg-[#edf2fc] rellax xl:block lg:block md:block absolute z-[1]"
data-rellax-speed="0" style="bottom: -1.8rem; left: -1.5rem; width: 85%; height: 90%; "></div>
<figure class="rounded-[0.4rem] relative z-[2]"><img class="rounded-[.4rem]"
src="assets/img/photos/about9.jpg" alt="image"></figure>
src="../assets/img/photos/about9.jpg" alt="image"></figure>
</div>
<!--/column -->
<div
@@ -987,7 +987,7 @@
<!-- /section -->
<section
class="wrapper image-wrapper bg-image bg-overlay !bg-fixed bg-no-repeat bg-[center_center] bg-cover relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.5)]"
data-image-src="assets/img/photos/bg1.jpg">
data-image-src="../assets/img/photos/bg1.jpg">
<div class="container py-[8rem]">
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
@@ -1029,7 +1029,7 @@
<article>
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group"><a href="#"> <img
class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105"
src="assets/img/photos/b4.jpg" alt="image"></a>
src="../assets/img/photos/b4.jpg" alt="image"></a>
<figcaption
class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
<h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">Read
@@ -1063,7 +1063,7 @@
<article>
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group"><a href="#"> <img
class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105"
src="assets/img/photos/b5.jpg" alt="image"></a>
src="../assets/img/photos/b5.jpg" alt="image"></a>
<figcaption
class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
<h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">Read
@@ -1097,7 +1097,7 @@
<article>
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group"><a href="#"> <img
class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105"
src="assets/img/photos/b6.jpg" alt="image"></a>
src="../assets/img/photos/b6.jpg" alt="image"></a>
<figcaption
class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
<h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">Read
@@ -1131,7 +1131,7 @@
<article>
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group"><a href="#"> <img
class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105"
src="assets/img/photos/b7.jpg" alt="image"></a>
src="../assets/img/photos/b7.jpg" alt="image"></a>
<figcaption
class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
<h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">Read
@@ -1231,7 +1231,7 @@
<div class="flex flex-wrap mx-0">
<div
class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] max-w-full image-wrapper bg-image rounded-t-[0.4rem] rounded-lg-start bg-cover bg-[center_center] bg-no-repeat bg-scroll relative z-0 xl:rounded-tl-[0.4rem] xl:rounded-tr-none xl:rounded-br-none xl:rounded-bl-[0.4rem] lg:rounded-tl-[0.4rem] lg:rounded-tr-none lg:rounded-br-none lg:rounded-bl-[0.4rem] md:min-h-[25rem] max-md:min-h-[25rem]"
data-image-src="assets/img/photos/tm1.jpg">
data-image-src="../assets/img/photos/tm1.jpg">
</div>
<!--/column -->
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full">
@@ -1425,7 +1425,7 @@
<div class="shape !rounded-[.4rem] !bg-[#edf2fc] rellax xl:block lg:block md:block !absolute z-[1]"
data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>
<figure class="rounded-[0.4rem] relative z-[2]"><img class="rounded-[.4rem]"
src="assets/img/photos/about14.jpg" alt="image">
src="../assets/img/photos/about14.jpg" alt="image">
</figure>
</div>
<!--/column -->
@@ -1483,7 +1483,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">
@@ -1585,8 +1585,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>