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/demo24.html
+33 -33
View File
@@ -11,12 +11,12 @@
<meta name="keywords" 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/yellow.css">
<link rel="preload" href="assets/css/fonts/urbanist.css" as="style" onload="this.rel='stylesheet'">
<link rel="stylesheet" href="../assets/css/colors/yellow.css">
<link rel="preload" href="../assets/css/fonts/urbanist.css" as="style" onload="this.rel='stylesheet'">
<style>
@media (min-width: 992px) {
.navbar-nav>.nav-item>.nav-link {
@@ -53,7 +53,7 @@
<nav class="navbar navbar-expand-lg extended extended-alt navbar-light !bg-[#ffffff]">
<div class="container xl:!flex-col lg:!flex-col">
<div class="topbar flex flex-row lg:!justify-center xl:!justify-center items-center">
<div class="navbar-brand"><a href='index.html'><img src="assets/img/truncgil-yatay.svg" alt="image"></a></div>
<div class="navbar-brand"><a href='index.html'><img src="../assets/img/truncgil-yatay.svg" alt="image"></a></div>
</div>
<!-- /.flex -->
<div class="navbar-collapse-wrapper bg-[rgba(255,255,255)] opacity-100 flex flex-row items-center justify-between">
@@ -178,27 +178,27 @@
<div class="swiper overflow-visible">
<div class="swiper-wrapper">
<div class="swiper-slide group">
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="assets/img/photos/cf1.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/cf1.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="../assets/img/photos/cf1.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/cf1.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
</div>
<!--/.swiper-slide -->
<div class="swiper-slide group">
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="assets/img/photos/cf2.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/cf2.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="../assets/img/photos/cf2.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/cf2.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
</div>
<!--/.swiper-slide -->
<div class="swiper-slide group">
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="assets/img/photos/cf3.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/cf3.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="../assets/img/photos/cf3.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/cf3.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
</div>
<!--/.swiper-slide -->
<div class="swiper-slide group">
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="assets/img/photos/cf4.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/cf4.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="../assets/img/photos/cf4.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/cf4.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
</div>
<!--/.swiper-slide -->
<div class="swiper-slide group">
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="assets/img/photos/cf5.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/cf5.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="../assets/img/photos/cf5.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/cf5.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
</div>
<!--/.swiper-slide -->
<div class="swiper-slide group">
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="assets/img/photos/cf6.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/cf6.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
<figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="../assets/img/photos/cf6.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/cf6.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add before:content-['\eb22']"></i></a></figure>
</div>
<!--/.swiper-slide -->
</div>
@@ -222,7 +222,7 @@
<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-[30px]">
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mb-6">
<figure class="card-img-top overlay overlay-1 group">
<a href="#"><img class="max-w-full h-auto" src="assets/img/photos/fs4.jpg" alt="image"></a>
<a href="#"><img class="max-w-full h-auto" src="../assets/img/photos/fs4.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">View Gallery</h5>
</figcaption>
@@ -235,7 +235,7 @@
<!-- /.card -->
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
<figure class="card-img-top overlay overlay-1 group">
<a href="#"><img class="max-w-full h-auto" src="assets/img/photos/fs6.jpg" alt="image"></a>
<a href="#"><img class="max-w-full h-auto" src="../assets/img/photos/fs6.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">View Gallery</h5>
</figcaption>
@@ -251,7 +251,7 @@
<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-[30px]">
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] xl:!mt-6 lg:!mt-6 md:!mt-6 !mb-6">
<figure class="card-img-top overlay overlay-1 group">
<a href="#"><img class="max-w-full h-auto" src="assets/img/photos/fs5.jpg" alt="image"></a>
<a href="#"><img class="max-w-full h-auto" src="../assets/img/photos/fs5.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">View Gallery</h5>
</figcaption>
@@ -264,7 +264,7 @@
<!-- /.card -->
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
<figure class="card-img-top overlay overlay-1 group">
<a href="#"><img class="max-w-full h-auto" src="assets/img/photos/fs7.jpg" alt="image"></a>
<a href="#"><img class="max-w-full h-auto" src="../assets/img/photos/fs7.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">View Gallery</h5>
</figcaption>
@@ -326,7 +326,7 @@
</div>
<div class="flex flex-wrap mx-[-15px] md:mx-[-15px] !mt-[-30px] isotope">
<div class="project item xl:w-4/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full drinks events">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf1-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf1.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf1-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf1.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Fringilla Nullam</h5>
</figcaption>
@@ -334,7 +334,7 @@
</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] !mt-[30px] max-w-full events">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf2-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf2.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf2-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf2.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Ridiculus Parturient</h5>
</figcaption>
@@ -342,7 +342,7 @@
</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] !mt-[30px] max-w-full drinks foods">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf3-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf3.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf3-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf3.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Ornare Ipsum</h5>
</figcaption>
@@ -350,7 +350,7 @@
</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] !mt-[30px] max-w-full events">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf4-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf4.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf4-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf4.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Nullam Mollis</h5>
</figcaption>
@@ -358,7 +358,7 @@
</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] !mt-[30px] max-w-full pastries events">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf5-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf5.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf5-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf5.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Euismod Risus</h5>
</figcaption>
@@ -366,7 +366,7 @@
</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] !mt-[30px] max-w-full foods">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf6-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf6.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf6-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf6.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Ridiculus Tristique</h5>
</figcaption>
@@ -374,7 +374,7 @@
</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] !mt-[30px] max-w-full foods drinks">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf7-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf7.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf7-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf7.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Sollicitudin Pharetra</h5>
</figcaption>
@@ -382,7 +382,7 @@
</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] !mt-[30px] max-w-full pastries">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf8-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf8.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf8-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf8.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Tristique Venenatis</h5>
</figcaption>
@@ -390,7 +390,7 @@
</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] !mt-[30px] max-w-full events">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf9-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf9.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf9-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf9.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Cursus Fusce</h5>
</figcaption>
@@ -398,7 +398,7 @@
</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] !mt-[30px] max-w-full foods">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf10-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf10.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf10-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf10.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Consectetur Malesuada</h5>
</figcaption>
@@ -406,7 +406,7 @@
</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] !mt-[30px] max-w-full drinks">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf11-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf11.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf11-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf11.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Ultricies Aenean</h5>
</figcaption>
@@ -414,7 +414,7 @@
</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] !mt-[30px] max-w-full foods">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf12-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf12.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf12-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf12.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Pellentesque Commodo</h5>
</figcaption>
@@ -422,7 +422,7 @@
</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] !mt-[30px] max-w-full drinks">
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="assets/img/photos/pf13-full.jpg" data-glightbox data-gallery="shots-group"> <img src="assets/img/photos/pf13.jpg" alt="image"></a>
<figure class="overlay overlay-1 rounded group relative"><a class="relative block z-[3] cursor-pointer inset-0" href="../assets/img/photos/pf13-full.jpg" data-glightbox data-gallery="shots-group"> <img src="../assets/img/photos/pf13.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%] px-4 py-3 left-0 top-2/4 group-hover:-translate-y-2/4">Ultricies Aenean</h5>
</figcaption>
@@ -595,7 +595,7 @@
<div class="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
<div class="flex flex-wrap mx-[-15px] md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-30px] items-center">
<div class="md:w-8/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2 lg:!order-2 !mx-auto md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[30px]">
<div class="img-mask mask-2"><img src="assets/img/photos/about30.jpg" alt="image"></div>
<div class="img-mask mask-2"><img src="../assets/img/photos/about30.jpg" alt="image"></div>
</div>
<!--/column -->
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[30px]">
@@ -744,7 +744,7 @@
<div class="flex flex-wrap mx-[-15px] xl:mx-0 lg:mx-0 !mt-[-30px]">
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:px-0 lg:px-0 !mt-[30px]">
<div class="widget">
<img class="!mb-4" src="assets/img/truncgil-yatay.svg" alt="image">
<img class="!mb-4" src="../assets/img/truncgil-yatay.svg" alt="image">
<p class="lead text-[0.9rem] font-medium !leading-[1.65] !mb-0">I'm Caitlyn Trunçgil, a photographer specializing in food, drink and product photography.</p>
</div>
<!-- /.widget -->
@@ -805,8 +805,8 @@
<path class="fill-none stroke-[#fab758] 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>
<script src="assets/js/theme.js"></script>
<script src="../assets/js/plugins.js"></script>
<script src="../assets/js/theme.js"></script>
</body>