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

frontend style fix

Browse Source
This commit is contained in:
Ümit Tunç
2026-01-01 16:25:27 +03:00
parent e8cdba4fd3
commit 0ca75829bb
454 changed files with 10087 additions and 9940 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/html/demo32.html
+133 -133
View File
@@ -261,54 +261,54 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle font-bold !tracking-[-0.01rem]" href="#" data-bs-toggle="dropdown">Pages</a>
<ul class="dropdown-menu">
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='services.html'>Services I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='services2.html'>Services II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='services.html'>Services I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='services2.html'>Services II</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='about.html'>About I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='about2.html'>About II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='about.html'>About I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='about2.html'>About II</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='shop.html'>Shop I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='shop2.html'>Shop II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='shop-product.html'>Product Page</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='shop-cart.html'>Shopping Cart</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='shop-checkout.html'>Checkout</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='shop.html'>Shop I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='shop2.html'>Shop II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='shop-product.html'>Product Page</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='shop-cart.html'>Shopping Cart</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='shop-checkout.html'>Checkout</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='contact.html'>Contact I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='contact2.html'>Contact II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='contact3.html'>Contact III</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='contact.html'>Contact I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='contact2.html'>Contact II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='contact3.html'>Contact III</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='career.html'>Job Listing I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='career2.html'>Job Listing II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='career-job.html'>Job Description</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='career.html'>Job Listing I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='career2.html'>Job Listing II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='career-job.html'>Job Description</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='404.html'>404 Not Found</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='page-loader.html'>Page Loader</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='signin.html'>Sign In I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='signin2.html'>Sign In II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='signup.html'>Sign Up I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='signup2.html'>Sign Up II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='terms.html'>Terms</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='404.html'>404 Not Found</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='page-loader.html'>Page Loader</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='signin.html'>Sign In I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='signin2.html'>Sign In II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='signup.html'>Sign Up I</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='signup2.html'>Sign Up II</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='terms.html'>Terms</a></li>
</ul>
</li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='pricing.html'>Pricing</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='onepage.html'>One Page</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='pricing.html'>Pricing</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='onepage.html'>One Page</a></li>
</ul>
</li>
<li class="nav-item dropdown">
@@ -316,22 +316,22 @@
<div class="dropdown-menu dropdown-lg">
<div class="dropdown-lg-content">
<div>
<h6 class="dropdown-header !text-[#3f78e0]">Project Pages</h6>
<h6 class="dropdown-header !text-[#e31e24]">Project Pages</h6>
<ul class="pl-0 list-none">
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='projects.html'>Projects I</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='projects2.html'>Projects II</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='projects3.html'>Projects III</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='projects4.html'>Projects IV</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='projects.html'>Projects I</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='projects2.html'>Projects II</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='projects3.html'>Projects III</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='projects4.html'>Projects IV</a></li>
</ul>
</div>
<!-- /.column -->
<div>
<h6 class="dropdown-header !text-[#3f78e0]">Single Projects</h6>
<h6 class="dropdown-header !text-[#e31e24]">Single Projects</h6>
<ul class="pl-0 list-none">
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='single-project.html'>Single Project I</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='single-project2.html'>Single Project II</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='single-project3.html'>Single Project III</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='single-project4.html'>Single Project IV</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='single-project.html'>Single Project I</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='single-project2.html'>Single Project II</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='single-project3.html'>Single Project III</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='single-project4.html'>Single Project IV</a></li>
</ul>
</div>
<!-- /.column -->
@@ -342,14 +342,14 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle font-bold !tracking-[-0.01rem]" href="#" data-bs-toggle="dropdown">Blog</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='blog.html'>Blog without Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='blog2.html'>Blog with Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='blog3.html'>Blog with Left Sidebar</a></li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#3f78e0] dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='blog.html'>Blog without Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='blog2.html'>Blog with Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='blog3.html'>Blog with Left Sidebar</a></li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item hover:!text-[#e31e24] dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='blog-post.html'>Post without Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='blog-post2.html'>Post with Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#3f78e0]' href='blog-post3.html'>Post with Left Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='blog-post.html'>Post without Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='blog-post2.html'>Post with Sidebar</a></li>
<li class="nav-item"><a class='dropdown-item hover:!text-[#e31e24]' href='blog-post3.html'>Post with Left Sidebar</a></li>
</ul>
</li>
</ul>
@@ -457,56 +457,56 @@
<li class="mega-menu-content">
<div class="flex flex-wrap mx-0 xl:mx-[-7.5px] lg:mx-[-7.5px]">
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full">
<h6 class="dropdown-header !text-[#3f78e0]">Usage</h6>
<h6 class="dropdown-header !text-[#e31e24]">Usage</h6>
<ul class="pl-0 list-none xl:columns-2 lg:columns-2 xl:pb-1 lg:pb-1">
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/index.html'>Get Started</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/forms.html'>Forms</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/faq.html'>FAQ</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/changelog.html'>Changelog</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/credits.html'>Credits</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/index.html'>Get Started</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/forms.html'>Forms</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/faq.html'>FAQ</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/changelog.html'>Changelog</a></li>
<li class="xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/credits.html'>Credits</a></li>
</ul>
<h6 class="dropdown-header !text-[#3f78e0] xl:!mt-6 lg:!mt-6">Styleguide</h6>
<h6 class="dropdown-header !text-[#e31e24] xl:!mt-6 lg:!mt-6">Styleguide</h6>
<ul class="pl-0 list-none xl:columns-2 lg:columns-2 ">
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/colors.html'>Colors</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/fonts.html'>Fonts</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/icons-svg.html'>SVG Icons</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/icons-font.html'>Font Icons</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/illustrations.html'>Illustrations</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/backgrounds.html'>Backgrounds</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/styleguide/misc.html'>Misc</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/colors.html'>Colors</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/fonts.html'>Fonts</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/icons-svg.html'>SVG Icons</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/icons-font.html'>Font Icons</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/illustrations.html'>Illustrations</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/backgrounds.html'>Backgrounds</a></li>
<li class=" xl:inline-block xl:w-full lg:inline-block lg:w-full"><a class='dropdown-item hover:!text-[#e31e24]' href='docs/styleguide/misc.html'>Misc</a></li>
</ul>
</div>
<!--/column -->
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] max-w-full xl:border-l-[rgba(164,174,198,0.2)] xl:border-l xl:border-solid lg:border-l-[rgba(164,174,198,0.2)] lg:border-l lg:border-solid">
<h6 class="dropdown-header !text-[#3f78e0]">Elements</h6>
<h6 class="dropdown-header !text-[#e31e24]">Elements</h6>
<ul class="pl-0 list-none xl:columns-3 lg:columns-3 ">
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/accordion.html'>Accordion</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/alerts.html'>Alerts</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/animations.html'>Animations</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/avatars.html'>Avatars</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/background.html'>Background</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/badges.html'>Badges</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/buttons.html'>Buttons</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/card.html'>Card</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/carousel.html'>Carousel</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/dividers.html'>Dividers</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/form-elements.html'>Form Elements</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/image-hover.html'>Image Hover</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/image-mask.html'>Image Mask</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/lightbox.html'>Lightbox</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/player.html'>Media Player</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/modal.html'>Modal</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/pagination.html'>Pagination</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/progressbar.html'>Progressbar</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/shadows.html'>Shadows</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/shapes.html'>Shapes</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/tables.html'>Tables</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/tabs.html'>Tabs</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/text-animations.html'>Text Animations</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/text-highlight.html'>Text Highlight</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/tiles.html'>Tiles</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/tooltips-popovers.html'>Tooltips & Popovers</a></li>
<li><a class='dropdown-item hover:!text-[#3f78e0]' href='docs/elements/typography.html'>Typography</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/accordion.html'>Accordion</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/alerts.html'>Alerts</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/animations.html'>Animations</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/avatars.html'>Avatars</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/background.html'>Background</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/badges.html'>Badges</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/buttons.html'>Buttons</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/card.html'>Card</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/carousel.html'>Carousel</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/dividers.html'>Dividers</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/form-elements.html'>Form Elements</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/image-hover.html'>Image Hover</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/image-mask.html'>Image Mask</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/lightbox.html'>Lightbox</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/player.html'>Media Player</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/modal.html'>Modal</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/pagination.html'>Pagination</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/progressbar.html'>Progressbar</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/shadows.html'>Shadows</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/shapes.html'>Shapes</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/tables.html'>Tables</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/tabs.html'>Tabs</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/text-animations.html'>Text Animations</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/text-highlight.html'>Text Highlight</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/tiles.html'>Tiles</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/tooltips-popovers.html'>Tooltips & Popovers</a></li>
<li><a class='dropdown-item hover:!text-[#e31e24]' href='docs/elements/typography.html'>Typography</a></li>
</ul>
</div>
<!--/column -->
@@ -567,16 +567,16 @@
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-[0.75rem] !text-[.95rem] !leading-[1.45]">Contact Info</h4>
<address class=" not-italic !leading-[inherit] !mb-[1rem]"> Moonshine St. 14/05 <br> Light City, London </address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget !mb-8">
<h4 class="widget-title !text-white !mb-[0.75rem] !text-[.95rem] !leading-[1.45]">Learn More</h4>
<ul class="list-unstyled !pl-0">
<li><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Our Story</a></li>
<li class="!mt-[.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="!mt-[.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Privacy Policy</a></li>
<li class="!mt-[.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Contact Us</a></li>
<li><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Our Story</a></li>
<li class="!mt-[.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Terms of Use</a></li>
<li class="!mt-[.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Privacy Policy</a></li>
<li class="!mt-[.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Contact Us</a></li>
</ul>
</div>
<!-- /.widget -->
@@ -613,7 +613,7 @@
<div class="flex flex-wrap mx-[-15px]">
<div class="lg:w-10/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto" data-cues="zoomIn" data-group="page-title" data-interval="-200" data-delay="500">
<h2 class="h6 uppercase !text-[0.85rem] !tracking-[0.05rem] !leading-[1.55] !text-white !mb-5">Hello! We are Trunçgil</h2>
<h1 class="xl:!text-[3.4rem] !text-[calc(1.465rem_+_2.58vw)] !leading-[1.05] font-semibold !mb-8 !text-white">We have considered our solutions to <span class="relative z-[2] whitespace-nowrap after:content-[''] after:block after:absolute after:w-[102.5%] after:h-[10%] after:left-[-1.5%] after:z-[-1] after:transition-all after:duration-[0.2s] after:ease-in-out after:!mt-0 after:rounded-[5rem] after:bottom-[4%] motion-reduce:after:transition-none after:bg-[#3f78e0] after:!bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)]"><em>assist</em></span> every stage of your growth.</h1>
<h1 class="xl:!text-[3.4rem] !text-[calc(1.465rem_+_2.58vw)] !leading-[1.05] font-semibold !mb-8 !text-white">We have considered our solutions to <span class="relative z-[2] whitespace-nowrap after:content-[''] after:block after:absolute after:w-[102.5%] after:h-[10%] after:left-[-1.5%] after:z-[-1] after:transition-all after:duration-[0.2s] after:ease-in-out after:!mt-0 after:rounded-[5rem] after:bottom-[4%] motion-reduce:after:transition-none after:bg-[#e31e24] after:!bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)]"><em>assist</em></span> every stage of your growth.</h1>
<div class="flex justify-center !mb-4" data-cues="zoomIn" data-group="page-title-buttons" data-delay="900">
<span><a href="#" class="btn btn-lg btn-white">Explore Now</a></span>
</div>
@@ -651,7 +651,7 @@
</div>
<!--/column -->
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !px-[15px] max-w-full !mt-[80px]">
<h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Who Are We?</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Who Are We?</h2>
<h3 class="xl:!text-[2rem] !leading-[1.2] !text-[calc(1.325rem_+_0.9vw)] font-semibold !mb-5">Company that believes in the power of creative strategy.</h3>
<p class="!mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed.</p>
<div class="flex flex-wrap mx-[-15px] items-center counter-wrapper !mt-[-30px]">
@@ -710,7 +710,7 @@
<!--/column -->
</div>
<!--/.row -->
<div class="text-center"><a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0]">More Details</a></div>
<div class="text-center"><a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24]">More Details</a></div>
</div>
<!-- /.container -->
</section>
@@ -836,13 +836,13 @@
</div>
<!--/column -->
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
<h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35] !tracking-[0.02rem]">What Makes Us Different?</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">What Makes Us Different?</h2>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-semibold xl:!text-[2rem] !leading-[1.2] !mb-5">We make spending stress free so you have the perfect control.</h3>
<p class="!mb-6">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus. Integer posuere erat a ante venenatis.</p>
<ul class="pl-0 list-none bullet-bg bullet-soft-primary">
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
</ul>
</div>
<!--/column -->
@@ -856,7 +856,7 @@
<div class="container py-[5rem] xl:!py-[7rem] lg:!py-[7rem] md:!py-[7rem]">
<div class="flex flex-wrap mx-[-15px] !text-center">
<div class="llg:w-10/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Case Studies</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Case Studies</h2>
<h3 class="xl:!text-[2rem] !leading-[1.2] !text-[calc(1.325rem_+_0.9vw)] font-semibold !mb-10">Check out some of our awesome projects with creative ideas and great design.</h3>
</div>
<!-- /column -->
@@ -873,7 +873,7 @@
</figure>
<div class="card-body flex-[1_1_auto] !p-[1.75rem_1.75rem_1rem_1.75rem] max-md:!p-[40px_40px_20px]">
<div class="post-header">
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='blog-post.html'>Ligula tristique quis risus</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='blog-post.html'>Ligula tristique quis risus</a></h2>
</div>
<!-- /.post-header -->
<div class="!relative">
@@ -885,7 +885,7 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] max-md:!p-[0.9rem_2rem]">
<ul class="!text-[0.75rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>14 Apr 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-file-alt !text-[.75rem] pr-[0.2rem] align-[-.05rem] before:content-['\eaec']"></i>Coding</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-file-alt !text-[.75rem] pr-[0.2rem] align-[-.05rem] before:content-['\eaec']"></i>Coding</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -906,7 +906,7 @@
</figure>
<div class="card-body flex-[1_1_auto] !p-[1.75rem_1.75rem_1rem_1.75rem] max-md:!p-[40px_40px_20px]">
<div class="post-header">
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='blog-post.html'>Nullam id dolor elit id nibh</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='blog-post.html'>Nullam id dolor elit id nibh</a></h2>
</div>
<!-- /.post-header -->
<div class="!relative">
@@ -918,7 +918,7 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] max-md:!p-[0.9rem_2rem]">
<ul class="!text-[0.75rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>29 Mar 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-file-alt !text-[.75rem] pr-[0.2rem] align-[-.05rem] before:content-['\eaec']"></i>Office</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-file-alt !text-[.75rem] pr-[0.2rem] align-[-.05rem] before:content-['\eaec']"></i>Office</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -939,7 +939,7 @@
</figure>
<div class="card-body flex-[1_1_auto] !p-[1.75rem_1.75rem_1rem_1.75rem] max-md:!p-[40px_40px_20px]">
<div class="post-header">
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='blog-post.html'>Ultricies fusce porta elit</a></h2>
<h2 class="post-title h3 !mt-1 !mb-3"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='blog-post.html'>Ultricies fusce porta elit</a></h2>
</div>
<!-- /.post-header -->
<div class="!relative">
@@ -951,7 +951,7 @@
<div class="card-footer xl:!p-[1.25rem_1.75rem_1.25rem] lg:!p-[1.25rem_1.75rem_1.25rem] md:!p-[1.25rem_1.75rem_1.25rem] max-md:!p-[0.9rem_2rem]">
<ul class="!text-[0.75rem] !text-[#aab0bc] m-0 p-0 list-none flex !mb-0">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 Feb 2022</span></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#"><i class="uil uil-file-alt !text-[.75rem] pr-[0.2rem] align-[-.05rem] before:content-['\eaec']"></i>Meeting</a></li>
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]"><a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#"><i class="uil uil-file-alt !text-[.75rem] pr-[0.2rem] align-[-.05rem] before:content-['\eaec']"></i>Meeting</a></li>
</ul>
<!-- /.post-meta -->
</div>
@@ -972,7 +972,7 @@
<div class="container py-[5rem] xl:!py-[7rem] lg:!py-[7rem] md:!py-[7rem]">
<div class="flex flex-wrap mx-[-15px]">
<div class="md:w-10/12 md:!ml-[8.33333333%] lg:w-8/12 lg:!ml-[16.66666667%] xl:w-8/12 xl:!ml-[16.66666667%] w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Why Choose Trunçgil?</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Why Choose Trunçgil?</h2>
<h3 class="xl:!text-[2rem] !leading-[1.2] !text-[calc(1.325rem_+_0.9vw)] font-semibold !mb-10 xl:!px-10 xxl:!px-20">Here are a few reasons why our customers choose Trunçgil.</h3>
</div>
<!-- /column -->
@@ -1024,11 +1024,11 @@
<h2 class="!mb-3 !leading-[1.35]">Easy Usage</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>
<ul class="pl-0 list-none bullet-bg bullet-soft-yellow">
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
</ul>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !mt-2">Learn More</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !mt-2">Learn More</a>
</div>
<!--/column -->
</div>
@@ -1057,11 +1057,11 @@
<h2 class="!mb-3 !leading-[1.35]">Fast Transactions</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>
<ul class="pl-0 list-none bullet-bg bullet-soft-green">
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
</ul>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !mt-2">Learn More</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !mt-2">Learn More</a>
</div>
<!--/column -->
</div>
@@ -1090,11 +1090,11 @@
<h2 class="!mb-3 !leading-[1.35]">Secure Payments</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>
<ul class="pl-0 list-none bullet-bg bullet-soft-red">
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#3f78e0] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Aenean eu leo quam. Pellentesque ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Nullam quis risus eget urna mollis ornare.</li>
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>Donec id elit non mi porta gravida at eget.</li>
</ul>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !mt-2">Learn More</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !mt-2">Learn More</a>
</div>
<!--/column -->
</div>
@@ -1111,10 +1111,10 @@
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28">
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<h2 class="!text-[0.8rem] uppercase !text-[#3f78e0] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Our Team</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">Our Team</h2>
<h3 class="xl:!text-[2rem] !leading-[1.2] !text-[calc(1.325rem_+_0.9vw)] font-semibold lg:!px-32 xl:!px-14 xxl:!px-20 !mb-6">Save your time and money by choosing our professional team.</h3>
<p class="!mb-8 lg:!px-10 xl:!px-0">Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0]">Read More</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24]">Read More</a>
</div>
<!-- /column -->
</div>
@@ -1198,7 +1198,7 @@
<div class="flex flex-wrap mx-[-15px]">
<div class="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 !text-center">
<h2 class="!text-[0.8rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-white !mb-3">Join Our Community</h2>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-semibold !leading-[1.2] xl:!text-[2rem] !text-white !mb-6">We are <span class="relative z-[2] whitespace-nowrap after:content-[''] after:block after:absolute after:w-[102.5%] after:h-[10%] after:left-[-1.5%] after:z-[-1] after:transition-all after:duration-[0.2s] after:ease-in-out after:!mt-0 after:rounded-[5rem] after:bottom-[4%] motion-reduce:after:transition-none after:bg-[#3f78e0] after:!bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)]"><em>trusted</em></span> by over 5000+ clients. Join them now and grow your business.</h3>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-semibold !leading-[1.2] xl:!text-[2rem] !text-white !mb-6">We are <span class="relative z-[2] whitespace-nowrap after:content-[''] after:block after:absolute after:w-[102.5%] after:h-[10%] after:left-[-1.5%] after:z-[-1] after:transition-all after:duration-[0.2s] after:ease-in-out after:!mt-0 after:rounded-[5rem] after:bottom-[4%] motion-reduce:after:transition-none after:bg-[#e31e24] after:!bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)]"><em>trusted</em></span> by over 5000+ clients. Join them now and grow your business.</h3>
<a href="#" class="btn btn-white">Join Us</a>
</div>
<!-- /column -->
@@ -1233,7 +1233,7 @@
<div class="widget !text-[#cacaca]">
<h4 class="widget-title !text-white !mb-3 text-[.95rem] !leading-[1.45]">Get in Touch</h4>
<address class="xl:!pr-20 xxl:!pr-28 not-italic !leading-[inherit] block !mb-4">ÇAMTEPE MAH. MAHMUT TEVFİK ATAY BUL. GAZİANTEP TEKNOPARK NO: 4A İÇ KAPI NO: 1 ŞAHİNBEY / GAZİANTEP</address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:first.last@email.com">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
</div>
@@ -1242,11 +1242,11 @@
<div class="widget !text-[#cacaca]">
<h4 class="widget-title !text-white !mb-3 text-[.95rem] !leading-[1.45]">Learn More</h4>
<ul class="pl-0 list-none !mb-0">
<li><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">About Us</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Our Story</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Projects</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Privacy Policy</a></li>
<li><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">About Us</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Our Story</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Projects</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Terms of Use</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- /.widget -->
@@ -1264,7 +1264,7 @@
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium !leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:!mt-[-0.6rem] file:mr-[-1rem] file:!mb-[-0.6rem] file:ml-[-1rem] file:!text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:!text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] !text-[#cacaca] focus:!border-[rgba(63,120,224,.5)] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,.5)] " placeholder="" id="mce-EMAIL2">
<label class="!ml-[0.05rem] !text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL2">Email Address</label>
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !text-[.85rem] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0">
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !text-[.85rem] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0">
</div>
<div id="mce-responses2" class="clear">
<div class="response" id="mce-error-response2" style="display:none"></div>
@@ -1288,9 +1288,9 @@
<!-- /.container -->
</footer>
<!-- progress wrapper -->
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#3f78e0] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#e31e24] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path class="fill-none stroke-[#3f78e0] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
<path class="fill-none stroke-[#e31e24] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<script src="../assets/js/plugins.js"></script>