First Commit
This commit is contained in:
cesnimda
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'About 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/about/about-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'About 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/about/about-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Benefit 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/benefit/benefit-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Benefit 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/benefit/benefit-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Benefit 5'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/benefit/benefit-5.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Benefit 8'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/benefit/benefit-8.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,41 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'About'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'About',
|
||||
'page_title': 'SaasAble About Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'About Section - 01',
|
||||
'url': '../about/about-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'About Section - 02',
|
||||
'url': '../about/about-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Benefit'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Benefit',
|
||||
'page_title': 'SaasAble Benefit Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Benefit Section - 05',
|
||||
'url': '../benefit/benefit-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Benefit Section - 01',
|
||||
'url': '../benefit/benefit-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Benefit Section - 02',
|
||||
'url': '../benefit/benefit-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Benefit Section - 08',
|
||||
'url': '../benefit/benefit-8.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,937 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Block'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'offer',
|
||||
'breadcrumb_item_active': '',
|
||||
'page_title': 'Craft Stunning Design with SaasAble Blocks'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<!-- [ Main Content ] start -->
|
||||
<div class="flex flex-col md:flex-row items-center justify-between gap-5 mb-6 sm:mb-8 md:mb-10">
|
||||
|
||||
<div class="relative w-full sm:w-[456px]">
|
||||
<i class="ti ti-search absolute top-4 ltr:left-3.5 rtl:right-3.5 text-[24px] text-neutral-700"></i>
|
||||
<input type="search" class="form-control ltr:pl-12 rtl:pr-12" id="block-search"
|
||||
placeholder="Search for blocks... (e.g., Hero, Testimonial, Pricing)" />
|
||||
</div>
|
||||
|
||||
<div class="inline-flex flex-wrap items-center justify-center gap-3 group filter-button flt-all">
|
||||
<button class="btn btn-outline-primary group-[.flt-all]:bg-primary-500 group-[.flt-all]:text-white active" data-filter="all">
|
||||
All Section
|
||||
</button>
|
||||
<button class="btn btn-outline-primary group-[.flt-marketing]:bg-primary-500 group-[.flt-marketing]:text-white" data-filter="marketing">
|
||||
Marketing
|
||||
</button>
|
||||
<button class="btn btn-outline-primary group-[.flt-feature]:bg-primary-500 group-[.flt-feature]:text-white" data-filter="feature">
|
||||
Feature
|
||||
</button>
|
||||
<button class="btn btn-outline-primary group-[.flt-essential]:bg-primary-500 group-[.flt-essential]:text-white" data-filter="essential">
|
||||
Essential
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-3 group block-fiter-wrapper flt-all">
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/navbar.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/navbar-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/navbar-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Nav Bar</h4>
|
||||
<p class="text-theme-text-secondary body-2">6 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/hero.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/hero-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/hero-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Hero</h4>
|
||||
<p class="text-theme-text-secondary body-2">8 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/clientele.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/clientele-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/clientele-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Clientele</h4>
|
||||
<p class="text-theme-text-secondary body-2">5 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-feature]:block">
|
||||
<a href="../block/benefit.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/benefits-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/benefits-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Benefits</h4>
|
||||
<p class="text-theme-text-secondary body-2">4 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-feature]:block">
|
||||
<a href="../block/feature.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/feature-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/feature-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Feature</h4>
|
||||
<p class="text-theme-text-secondary body-2">19 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-feature]:block">
|
||||
<a href="../block/process.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/process-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/process-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Process</h4>
|
||||
<p class="text-theme-text-secondary body-2">4 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-feature]:block">
|
||||
<a href="../block/integration.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/integration-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/integration-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Integration</h4>
|
||||
<p class="text-theme-text-secondary body-2">6 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/testimonial.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/testimonial-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/testimonial-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Testimonial</h4>
|
||||
<p class="text-theme-text-secondary body-2">7 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/cta.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/cta-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/cta-dark.svg" class="hidden w-full dark:block" alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Call-To-Action</h4>
|
||||
<p class="text-theme-text-secondary body-2">10 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/blog.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/blog-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/blog-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Blog</h4>
|
||||
<p class="text-theme-text-secondary body-2">4 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/faq.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/faqs-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/faqs-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">FAQs</h4>
|
||||
<p class="text-theme-text-secondary body-2">5 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/footer.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/footer-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/footer-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Footer</h4>
|
||||
<p class="text-theme-text-secondary body-2">6 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/team.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/team-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/team-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Team</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/contact-us.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/contact-us-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/contact-us-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Contact Us</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/gallery-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/gallery-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Gallery</h4>
|
||||
<p class="text-theme-text-secondary body-2">4 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/sign-in-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/sign-in-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Login</h4>
|
||||
<p class="text-theme-text-secondary body-2">5 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/sign-up-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/sign-up-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Register</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-feature]:block">
|
||||
<a href="../block/pricing.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/pricing-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/pricing-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Pricing</h4>
|
||||
<p class="text-theme-text-secondary body-2">6 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/small-hero.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/small-hero-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/small-hero-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Small Hero</h4>
|
||||
<p class="text-theme-text-secondary body-2">3 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/cookies-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/cookies-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Cookies</h4>
|
||||
<p class="text-theme-text-secondary body-2">3 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/top-offer-bar-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/top-offer-bar-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Top-Offer</h4>
|
||||
<p class="text-theme-text-secondary body-2">5 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/mega-menu-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/mega-menu-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Mega Menu</h4>
|
||||
<p class="text-theme-text-secondary body-2">5 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-marketing]:block">
|
||||
<a href="../block/about.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/content-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/content-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">About</h4>
|
||||
<p class="text-theme-text-secondary body-2">2 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/forgot-pass-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/forgot-pass-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Forgot Password</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/new-pass-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/new-pass-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Create New Password</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/otp-gen-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/otp-gen-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">OTP Verification</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/error404.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/404-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/404-dark.svg" class="hidden w-full dark:block" alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">404 Error</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/error500.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/500-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/500-dark.svg" class="hidden w-full dark:block" alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">500 Error</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/under-maintenance.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/maintenance-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/maintenance-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Under Maintenance</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/coming-soon.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/coming-soon-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/coming-soon-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Coming Soon</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/early-access-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/early-access-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Early Access</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/onboard-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/onboard-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Onboard</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/other.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/other-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/other-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Other</h4>
|
||||
<p class="text-theme-text-secondary body-2">3 Different Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/privacy-policy.html" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/privacy-policy-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/privacy-policy-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Privacy Policy</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 !hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="#" class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/privacy-policy-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/privacy-policy-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Terms Conditions</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/typography.html"
|
||||
class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/typography-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/typography-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Typography</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/color.html"
|
||||
class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/color-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/color-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Color</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-span-6 md:col-span-4 hidden group-[.flt-all]:block group-[.flt-essential]:block">
|
||||
<a href="../block/icon.html"
|
||||
class="card overflow-hidden !mb-0 group/child rounded-[40px] block bg-neutral-100 h-full">
|
||||
<div class="relative group-hover/child:scale-[1.02] transition-all duration-1000">
|
||||
@@include('../images/block-bg.html',{'substyle': 'class="absolute z-10"'})
|
||||
<div class="card-body relative inset-0 z-20 !px-[14.5%] !pt-[16%] !pb-[6%]">
|
||||
<div class="pb-4 lg:pb-2">
|
||||
<img src="../assets/images/presentation/icon-light.svg" class="block w-full dark:hidden"
|
||||
alt="images" />
|
||||
<img src="../assets/images/presentation/icon-dark.svg" class="hidden w-full dark:block"
|
||||
alt="images" />
|
||||
</div>
|
||||
<div class="text-primary-500 pt-[7px] text-center">
|
||||
@@include('../images/wave.html', {'substyle': 'class="w-[92px] md:w-[122px] h-auto mx-auto"'})
|
||||
</div>
|
||||
<div class="text-center mt-6">
|
||||
<h4 class="text-primary-500 mb-1">Icons</h4>
|
||||
<p class="text-theme-text-secondary body-2">1 Variants</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- [ Main Content ] end -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html') @@include('../layouts/footer-js.html')
|
||||
<script>
|
||||
// Cache elements for repeated use
|
||||
const filterButtonContainer = document.querySelector('.filter-button');
|
||||
const filterWrapper = document.querySelector('.block-fiter-wrapper');
|
||||
|
||||
// Check if elements exist to avoid potential errors
|
||||
if (filterButtonContainer && filterWrapper) {
|
||||
const buttons = filterButtonContainer.querySelectorAll('button');
|
||||
|
||||
// Loop through each button and add event listener
|
||||
buttons.forEach((button) => {
|
||||
button.addEventListener('click', (event) => {
|
||||
const targetElement = event.target;
|
||||
const filterClass = 'flt-' + targetElement.getAttribute('data-filter');
|
||||
|
||||
// Remove existing filter classes
|
||||
removeClassByPrefix(filterButtonContainer, 'flt-');
|
||||
removeClassByPrefix(filterWrapper, 'flt-');
|
||||
|
||||
// Add new filter classes
|
||||
filterButtonContainer.classList.add(filterClass);
|
||||
filterWrapper.classList.add(filterClass);
|
||||
});
|
||||
});
|
||||
}
|
||||
//
|
||||
document.querySelector('#block-search').addEventListener('keyup', function () {
|
||||
var g = document.querySelector('#block-search').value.toLowerCase();
|
||||
var tc = document.querySelectorAll('.block-fiter-wrapper > div');
|
||||
for (var i = 0; i < tc.length; i++) {
|
||||
var c = tc[i];
|
||||
var t = c.outerHTML;
|
||||
if (t) {
|
||||
var s = t.toLowerCase();
|
||||
}
|
||||
if (s) {
|
||||
var n = s.indexOf(g);
|
||||
if (n !== -1) {
|
||||
c.style.display = 'block';
|
||||
} else {
|
||||
c.style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Blog'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Blog',
|
||||
'page_title': 'SaasAble Blog Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Blog Section - 01',
|
||||
'url': '../blog/blog-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Blog Section - 03',
|
||||
'url': '../blog/blog-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Blog Section - 04',
|
||||
'url': '../blog/blog-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Blog Section - 05',
|
||||
'url': '../blog/blog-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Clientele'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Clientele',
|
||||
'page_title': 'SaasAble Clientele Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Clientele Section - 01',
|
||||
'url': '../clientele/clientele-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Clientele Section - 02',
|
||||
'url': '../clientele/clientele-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Clientele Section - 03',
|
||||
'url': '../clientele/clientele-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Clientele Section - 04',
|
||||
'url': '../clientele/clientele-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Clientele Section - 05',
|
||||
'url': '../clientele/clientele-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Color'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Color',
|
||||
'page_title': 'SaasAble Color Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<!-- [ Main Content ] start -->
|
||||
<div class="flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-title.html',{'title':'Color Styles'})
|
||||
@@include('../partials/pro-page/pro-page.html')
|
||||
</div>
|
||||
<!-- [ Main Content ] end -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'coming-soon'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Coming Soon',
|
||||
'page_title': 'SaasAble Coming Soon Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Coming Soon',
|
||||
'url': '../coming-soon/coming-soon-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Contact Us'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Contact Us',
|
||||
'page_title': 'SaasAble Contact Us Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Contact Us Section - 04',
|
||||
'url': '../contact-us/contact-us-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Call To Action',
|
||||
'page_title': 'SaasAble Call To Action Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 04',
|
||||
'url': '../cta/cta-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 05',
|
||||
'url': '../cta/cta-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 01',
|
||||
'url': '../cta/cta-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 02',
|
||||
'url': '../cta/cta-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 03',
|
||||
'url': '../cta/cta-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 06',
|
||||
'url': '../cta/cta-6.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 07',
|
||||
'url': '../cta/cta-7.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 08',
|
||||
'url': '../cta/cta-8.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 10',
|
||||
'url': '../cta/cta-10.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'CTA Section - 12',
|
||||
'url': '../cta/cta-12.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Error404'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Error 404',
|
||||
'page_title': 'SaasAble 404 Error Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Error 404',
|
||||
'url': '../error404/error404-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Error500'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Error 500',
|
||||
'page_title': 'SaasAble 500 Error Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Error 500',
|
||||
'url': '../error500/error500-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'FAQ'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'FAQ',
|
||||
'page_title': 'SaasAble FAQ Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'FAQ Section - 06',
|
||||
'url': '../faq/faq-6.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'FAQ Section - 01',
|
||||
'url': '../faq/faq-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'FAQ Section - 02',
|
||||
'url': '../faq/faq-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'FAQ Section - 03',
|
||||
'url': '../faq/faq-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'FAQ Section - 04',
|
||||
'url': '../faq/faq-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,127 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Feature',
|
||||
'page_title': 'SaasAble Feature Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 18',
|
||||
'url': '../feature/feature-18.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 20',
|
||||
'url': '../feature/feature-20.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 21',
|
||||
'url': '../feature/feature-21.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 01',
|
||||
'url': '../feature/feature-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 02',
|
||||
'url': '../feature/feature-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 03',
|
||||
'url': '../feature/feature-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 04',
|
||||
'url': '../feature/feature-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 05',
|
||||
'url': '../feature/feature-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 06',
|
||||
'url': '../feature/feature-6.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 07',
|
||||
'url': '../feature/feature-7.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 08',
|
||||
'url': '../feature/feature-8.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 09',
|
||||
'url': '../feature/feature-9.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 10',
|
||||
'url': '../feature/feature-10.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 11',
|
||||
'url': '../feature/feature-11.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 12',
|
||||
'url': '../feature/feature-12.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 13',
|
||||
'url': '../feature/feature-13.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 16',
|
||||
'url': '../feature/feature-16.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 22',
|
||||
'url': '../feature/feature-22.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Feature Section - 23',
|
||||
'url': '../feature/feature-23.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Footer',
|
||||
'page_title': 'SaasAble Footer Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Footer Section - 07',
|
||||
'url': '../footer/footer-7.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Footer Section - 01',
|
||||
'url': '../footer/footer-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Footer Section - 02',
|
||||
'url': '../footer/footer-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Footer Section - 03',
|
||||
'url': '../footer/footer-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Footer Section - 05',
|
||||
'url': '../footer/footer-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Footer Section - 06',
|
||||
'url': '../footer/footer-6.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,71 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Hero',
|
||||
'page_title': 'SaasAble Hero Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 17',
|
||||
'url': '../hero/hero-17.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 01',
|
||||
'url': '../hero/hero-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 02',
|
||||
'url': '../hero/hero-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 03',
|
||||
'url': '../hero/hero-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 09',
|
||||
'url': '../hero/hero-9.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 10',
|
||||
'url': '../hero/hero-10.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 11',
|
||||
'url': '../hero/hero-11.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Hero Section - 15',
|
||||
'url': '../hero/hero-15.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Icon'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Blocks',
|
||||
'breadcrumb_item_active': 'Icon',
|
||||
'page_title': 'SaasAble Icon Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<!-- [ Main Content ] start -->
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-title.html',{'title':'Icons'})
|
||||
@@include('../partials/pro-page/pro-page.html')
|
||||
</div>
|
||||
<!-- [ Main Content ] end -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html') @@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Integration'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Integration',
|
||||
'page_title': 'SaasAble Integration Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Integration Section - 02',
|
||||
'url': '../integration/integration-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Integration Section - 01',
|
||||
'url': '../integration/integration-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Integration Section - 03',
|
||||
'url': '../integration/integration-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Integration Section - 04',
|
||||
'url': '../integration/integration-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Integration Section - 05',
|
||||
'url': '../integration/integration-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Integration Section - 08',
|
||||
'url': '../integration/integration-8.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,68 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Navbar'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Navbar',
|
||||
'page_title': 'SaasAble Navbar Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Default navbar section 10',
|
||||
'url': '../navbar/navbar-10.html',
|
||||
'figmaLink': '#',
|
||||
'defaultHeight':'320px'
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Header with Social Icons - 01',
|
||||
'url': '../navbar/navbar-1.html',
|
||||
'figmaLink': '#',
|
||||
'defaultHeight':'320px'
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Header with Language Selection - 02',
|
||||
'url': '../navbar/navbar-2.html',
|
||||
'figmaLink': '#',
|
||||
'defaultHeight':'320px'
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Header with Search Input - 03',
|
||||
'url': '../navbar/navbar-3.html',
|
||||
'figmaLink': '#',
|
||||
'defaultHeight':'320px'
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Header with Center Full Logo & Social Icons - 06',
|
||||
'url': '../navbar/navbar-6.html',
|
||||
'figmaLink': '#',
|
||||
'defaultHeight':'320px'
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Default navbar section 09',
|
||||
'url': '../navbar/navbar-9.html',
|
||||
'figmaLink': '#',
|
||||
'defaultHeight':'320px'
|
||||
})
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,46 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Extra'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Other',
|
||||
'page_title': 'SaasAble Extra Sections'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Extra Section - 01',
|
||||
'url': '../other/other-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Extra Section - 02',
|
||||
'url': '../other/other-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Extra Section - 03',
|
||||
'url': '../other/other-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Pricing'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Pricing',
|
||||
'page_title': 'SaasAble Pricing Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Pricing Section - 09',
|
||||
'url': '../pricing/pricing-9.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Pricing Section - 01',
|
||||
'url': '../pricing/pricing-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Pricing Section - 03',
|
||||
'url': '../pricing/pricing-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Pricing Section - 04',
|
||||
'url': '../pricing/pricing-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Pricing Section - 05',
|
||||
'url': '../pricing/pricing-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Pricing Section - 08',
|
||||
'url': '../pricing/pricing-8.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,165 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Privacy Policy'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Privacy Policy',
|
||||
'page_title': 'SaasAble Privacy Policy Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<!-- [ Main Content ] start -->
|
||||
<div class="flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-title.html',{'title':'Privacy policy Sections'})
|
||||
<div class="grid grid-cols-12 gap-4 md:gap-6">
|
||||
<div class="col-span-12 md:col-span-3 sm:col-span-4">
|
||||
<ul
|
||||
id="privacy_policy_menu"
|
||||
class="sticky top-5 flex flex-col gap-1.5 *:*:py-2.5 *:*:px-3 *:*:rounded-xl *:*:block *:*:hover:bg-neutral-50 *:*:open:text-primary-500 *:*:open:bg-neutral-100"
|
||||
>
|
||||
<li><a href="#acceptance-of-terms" open>Acceptance of Terms</a></li>
|
||||
<li><a href="#changes-to-terms">Changes to Terms</a></li>
|
||||
<li><a href="#user-conduct">User Conduct</a></li>
|
||||
<li><a href="#intellectual-property">Intellectual Property</a></li>
|
||||
<li><a href="#privacy-policy">Privacy Policy</a></li>
|
||||
<li><a href="#user-generated-content">User-Generated Content</a></li>
|
||||
<li><a href="#limitation-of-liability">Limitation of Liability</a></li>
|
||||
<li><a href="#indemnity">Indemnity</a></li>
|
||||
<li><a href="#governing-law">Governing Law</a></li>
|
||||
</ul>
|
||||
<hr class="sm:hidden">
|
||||
</div>
|
||||
<div class="col-span-12 md:col-span-9 sm:col-span-8 *:flex *:flex-col *:gap-2 md:*:px-6 *:first:pt-0 *:py-2 sm:*:py-3 md:*:py-6">
|
||||
<div id="acceptance-of-terms" class="content-block">
|
||||
<h4>Acceptance of Terms</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
By accessing and using this website, you agree to be bound by these Terms and Conditions of Use. If you do not agree with
|
||||
any part of these terms, you must not use the website. shares information about you when you use our website or services.
|
||||
By accessing or using our website, you consent to the practices described in this policy.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="changes-to-terms" class="content-block">
|
||||
<h4>Changes to Terms</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
We reserve the right to modify or replace these terms at our sole discretion. It is your responsibility to check these
|
||||
terms periodically for changes. Your continued use of the website after the posting of any changes constitutes acceptance
|
||||
of those changes.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="user-conduct" class="content-block">
|
||||
<h4>User Conduct</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
You agree to use this website only for lawful purposes and in a manner consistent with all applicable local, national, and
|
||||
international laws and regulations.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="intellectual-property" class="content-block">
|
||||
<h4>Intellectual Property</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
All content on this website, including but not limited to text, graphics, logos, images, audio clips, video clips, digital
|
||||
downloads, and data compilations, is the property of [Your Company Name] or its content suppliers and protected by
|
||||
international copyright laws.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="privacy-policy" class="content-block">
|
||||
<h4>Privacy Policy</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
We do not sell, trade, or otherwise transfer your personal information to third parties. We may share information with
|
||||
trusted service providers who assist us in operating our website, conducting our business, or servicing you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="user-generated-content" class="content-block">
|
||||
<h4>User-Generated Content</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
If you submit any material to this website, you grant [Your Company Name] a perpetual, royalty-free, worldwide license to
|
||||
use, reproduce, modify, adapt, publish, translate, create derivative works from, distribute, and display such material.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="limitation-of-liability" class="content-block">
|
||||
<h4>Limitation of Liability</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
In no event shall [Your Company Name] or its affiliates be liable for any direct, indirect, incidental, special, or
|
||||
consequential damages resulting from the use or inability to use this website.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="indemnity" class="content-block">
|
||||
<h4>Indemnity</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
You agree to indemnify and hold harmless [Your Company Name] and its affiliates from any claims, actions, demands,
|
||||
damages, liabilities, costs, or expenses, including reasonable attorneys' fees, arising out of or related to your use of
|
||||
the website or any violation of these terms.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="governing-law" class="content-block">
|
||||
<h4>Governing Law</h4>
|
||||
<p class="body1 text-theme-textsecondary mb-0">
|
||||
These terms are governed by and construed in accordance with the laws of [Your Country/State], without regard to its
|
||||
conflict of law principles.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- [ Main Content ] end -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html') @@include('../layouts/footer-js.html')
|
||||
<script>
|
||||
// Wait for the document to load completely
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Select all the menu links and content blocks
|
||||
const links = document.querySelectorAll('#privacy_policy_menu a');
|
||||
const sections = document.querySelectorAll('.content-block');
|
||||
|
||||
// Function to check which section is in view and highlight corresponding menu link
|
||||
function onScroll() {
|
||||
let currentSection = '';
|
||||
|
||||
// Loop through each section and find the one that is in view
|
||||
sections.forEach(section => {
|
||||
const rect = section.getBoundingClientRect();
|
||||
if (rect.top <= 0 && rect.bottom > 0) {
|
||||
// if (rect.top <= window.innerHeight && rect.bottom >= 0) {
|
||||
currentSection = section.id;
|
||||
}
|
||||
});
|
||||
|
||||
// Remove 'active' class from all links
|
||||
links.forEach(link => {
|
||||
link.removeAttribute('open');
|
||||
if (link.getAttribute('href').substring(1) === currentSection) {
|
||||
link.setAttribute('open','');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Listen for the scroll event and execute the onScroll function
|
||||
window.addEventListener('scroll', onScroll);
|
||||
|
||||
// Call onScroll to highlight the current section on page load
|
||||
onScroll();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Process'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Process',
|
||||
'page_title': 'SaasAble Process Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Process Section - 01',
|
||||
'url': '../process/process-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Process Section - 02',
|
||||
'url': '../process/process-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Process Section - 05',
|
||||
'url': '../process/process-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Process Section - 07',
|
||||
'url': '../process/process-7.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,46 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Small Hero'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Small Hero',
|
||||
'page_title': 'SaasAble Hero Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Small Hero Section - 03',
|
||||
'url': '../small-hero/small-hero-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Small Hero Section - 01',
|
||||
'url': '../small-hero/small-hero-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Small Hero Section - 04',
|
||||
'url': '../small-hero/small-hero-4.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Team'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Team',
|
||||
'page_title': 'SaasAble Team Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Team Section - 05',
|
||||
'url': '../team/team-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,66 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Testimonial'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Testimonial',
|
||||
'page_title': 'SaasAble Testimonial Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 10',
|
||||
'url': '../testimonial/testimonial-10.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 01',
|
||||
'url': '../testimonial/testimonial-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 02',
|
||||
'url': '../testimonial/testimonial-2.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 03',
|
||||
'url': '../testimonial/testimonial-3.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 05',
|
||||
'url': '../testimonial/testimonial-5.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 06',
|
||||
'url': '../testimonial/testimonial-6.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Testimonial Section - 09',
|
||||
'url': '../testimonial/testimonial-9.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,810 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Typography'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Typography',
|
||||
'page_title': 'SaasAble Typography Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<!-- [ Main Content ] start -->
|
||||
<div class="flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-title.html',{'title':'Typography'})
|
||||
<div class="grid grid-cols-12 gap-6">
|
||||
<div class="col-span-12">
|
||||
<div class="flex flex-col gap-3">
|
||||
<h2>Headings</h2>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Heading 01</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">h1 - Heading Large</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">57px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">45px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">36px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">64px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">52px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">44px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">-0.25px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<h1>Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Heading 02</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">h2 - Heading Medium</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">45px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">36px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">52px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">44px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">32px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<h2>Quick brown fox jumps!</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Heading 03</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">h3 - Display Medium</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">28px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">36px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">32px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">28px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<h3>Quick brown fox jumps!</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Heading 04</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">h4 - Display Small</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">32px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">28px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<h4>Quick brown fox jumps!</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h5>Heading 05</h5>
|
||||
<div class="body2 text-neutral-700 mb-1">h5 - Label Large</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Medium (500)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">22px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">28px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.15px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.15px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<h5>Quick brown fox jumps!</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h6>Heading 06</h6>
|
||||
<div class="body2 text-neutral-700 mb-1">h6 - Paragraph Large</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">22px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">30px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.5px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.5px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<h6>Quick brown fox jumps!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12">
|
||||
<div class="flex flex-col gap-3">
|
||||
<h2>Body / Paragraph</h2>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Body 01</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">body1 - Paragraph Medium</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.5px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.25px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.25px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="body1">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Body 02</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">body2 - Paragraph Small</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">18px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">18px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.25px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.25px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.25px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="body2">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12">
|
||||
<div class="flex flex-col gap-3">
|
||||
<h2>Subtitle</h2>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Subtitle 01</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">subtitle1 - Label Medium</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Medium (500)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.15px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="subtitle1">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Subtitle 02</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">subtitle2 - Label Small</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Semibold (600)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">18px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">18px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="subtitle2">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12">
|
||||
<div class="flex flex-col gap-3">
|
||||
<h2>Caption</h2>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Caption</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">caption - Hyperlink Small</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Semibold (600)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">12px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="caption">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Caption 01</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">caption1 - Hyperlink Large</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Regular (400)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">16px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">24px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.5px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.5px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.5px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="caption1">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-neutral-100 p-6 sm:p-8 md:p-10 rounded-3xl sm:rounded-[32px] md:rounded-[40px]">
|
||||
<div class="grid grid-cols-12 gap-5">
|
||||
<div class="col-span-12 sm:col-span-3 md:col-span-2">
|
||||
<h4>Caption 02</h4>
|
||||
<div class="body2 text-neutral-700 mb-1">caption2 - Hyperlink Medium</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-6 md:col-span-4">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="subtitle1">Medium (500)</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Desktop</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Tablet</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Mobile</div>
|
||||
<div class="subtitle1">14px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Line Height</div>
|
||||
<div class="subtitle1">20px</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 gap-2">
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="body2 text-neutral-700 mb-1">Letter Spacing</div>
|
||||
<div class="subtitle1">0.1px</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 sm:col-span-12 md:col-span-6">
|
||||
<p class="caption2">Quick brown fox jumps!</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- [ Main Content ] end -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Under Maintenance'}) @@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
|
||||
<body>
|
||||
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html")
|
||||
<!-- prettier-ignore -->
|
||||
@@include('../layouts/component/component-breadcrumb.html', {
|
||||
'breadcrumb_item': 'Block',
|
||||
'breadcrumb_item_active': 'Under Maintenance',
|
||||
'page_title': 'SaasAble Under Maintenance Section'
|
||||
})
|
||||
<!-- [ Main Content ] start -->
|
||||
<section class="py-12">
|
||||
<div class="container">
|
||||
<div class="my-12 flex flex-col gap-6 md:gap-8 lg:gap-10">
|
||||
@@include('../layouts/component/component-show.html', {
|
||||
'title': 'Under Maintenance',
|
||||
'url': '../under-maintenance/under-maintenance-1.html',
|
||||
'figmaLink': '#',
|
||||
})
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- [ Main Content ] end -->
|
||||
@@include('../layouts/scroll-top.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Blog 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/blog/blog-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Blog 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/blog/blog-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Blog 4'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/blog/blog-4.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Blog 5'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/blog/blog-5.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Clientele 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/clientele/clientele-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Clientele 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/clientele/clientele-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Clientele 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/clientele/clientele-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Clientele 4'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/clientele/clientele-4.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Clientele 5'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/clientele/clientele-5.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Coming Soon 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/coming-soon/coming-soon-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'contact us 4'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/contact-us/contact-us-4.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 10'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-10.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 12'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-12.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 4'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-4.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 5'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-5.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 6'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-6.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 7'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-7.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Call To Action 8'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/cta/cta-8.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Error404 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/error404/error404-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Error500 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/error500/error500-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'FAQ 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/faq/faq-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'FAQ 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/faq/faq-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'FAQ 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/faq/faq-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'FAQ 4'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/faq/faq-4.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'FAQ 6'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/faq/faq-6.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 10'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-10.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 11'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-11.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 12'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-12.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 13'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-13.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 16'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-16.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 18'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-18.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 20'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-20.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 21'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-21.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 22'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-22.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 23'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-23.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 4'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-4.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 5'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-5.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 6'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-6.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 7'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-7.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 8'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-8.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Feature 9'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/feature/feature-9.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/footer/footer-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/footer/footer-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/footer/footer-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer 5'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/footer/footer-5.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer 6'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/footer/footer-6.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Footer 7'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/footer/footer-7.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 1'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-1.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 10'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-10.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 11'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-11.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 15'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-15.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 17'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-17.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 2'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-2.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 3'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-3.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="en" @@bodySetup>
|
||||
<!-- [Head] start -->
|
||||
<head>
|
||||
@@include('../layouts/head-page-meta.html', {'title': 'Hero 9'})@@include('../layouts/head-css.html')
|
||||
</head>
|
||||
<!-- [Head] end -->
|
||||
<!-- [Body] Start -->
|
||||
<body>
|
||||
@@include('../layouts/loader.html')
|
||||
@@include('../partials/hero/hero-9.html')
|
||||
@@include('../layouts/footer-js.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,55 @@
|
||||
<!-- [ Circle image ] -->
|
||||
<svg @@substyle viewBox="0 0 839 601" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#clip0_7116_27007)">
|
||||
<path
|
||||
d="M419.501 719.361C650.909 719.361 838.502 531.768 838.502 300.36C838.502 68.952 650.909 -118.641 419.501 -118.641C188.093 -118.641 0.5 68.952 0.5 300.36C0.5 531.768 188.093 719.361 419.501 719.361Z"
|
||||
stroke="url(#paint0_linear_7116_27007)"
|
||||
/>
|
||||
<path
|
||||
d="M419.503 635.461C604.574 635.461 754.604 485.431 754.604 300.36C754.604 115.289 604.574 -34.7412 419.503 -34.7412C234.432 -34.7412 84.4023 115.289 84.4023 300.36C84.4023 485.431 234.432 635.461 419.503 635.461Z"
|
||||
stroke="url(#paint1_linear_7116_27007)"
|
||||
/>
|
||||
<path
|
||||
d="M419.501 551.563C558.235 551.563 670.702 439.097 670.702 300.362C670.702 161.628 558.235 49.1611 419.501 49.1611C280.766 49.1611 168.3 161.628 168.3 300.362C168.3 439.097 280.766 551.563 419.501 551.563Z"
|
||||
stroke="url(#paint2_linear_7116_27007)"
|
||||
/>
|
||||
<path
|
||||
d="M419.499 467.66C511.896 467.66 586.799 392.757 586.799 300.36C586.799 207.963 511.896 133.06 419.499 133.06C327.102 133.06 252.199 207.963 252.199 300.36C252.199 392.757 327.102 467.66 419.499 467.66Z"
|
||||
stroke="url(#paint3_linear_7116_27007)"
|
||||
/>
|
||||
<path
|
||||
d="M419.502 383.761C465.562 383.761 502.902 346.421 502.902 300.361C502.902 254.3 465.562 216.961 419.502 216.961C373.441 216.961 336.102 254.3 336.102 300.361C336.102 346.421 373.441 383.761 419.502 383.761Z"
|
||||
stroke="url(#paint4_linear_7116_27007)"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_7116_27007" x1="419.501" y1="-119.141" x2="419.501" y2="719.861" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
<stop offset="0.495" stop-color="var(--neutral-400)" />
|
||||
<stop offset="1" stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_7116_27007" x1="419.503" y1="-35.2407" x2="419.503" y2="635.961" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
<stop offset="0.495" stop-color="var(--neutral-400)" />
|
||||
<stop offset="1" stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_7116_27007" x1="419.501" y1="33.1822" x2="419.501" y2="543.664" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
<stop offset="0.495" stop-color="var(--neutral-400)" />
|
||||
<stop offset="1" stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_7116_27007" x1="419.499" y1="115.517" x2="419.499" y2="497.555" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
<stop offset="0.495" stop-color="var(--neutral-400)" />
|
||||
<stop offset="1" stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_7116_27007" x1="419.502" y1="182.209" x2="419.502" y2="419.748" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
<stop offset="0.495" stop-color="var(--neutral-400)" />
|
||||
<stop offset="1" stop-color="var(--neutral-400)" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_7116_27007">
|
||||
<rect width="839" height="601" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
@@ -0,0 +1,33 @@
|
||||
<!-- [ Logo fab ] start -->
|
||||
<svg @@substyle viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#clip0_10380_3978)">
|
||||
<path
|
||||
d="M47.3333 5.35571C23.6771 5.35571 4.5 24.5329 4.5 48.189C4.5 71.8452 23.6771 91.0224 47.3333 91.0224H50.6667C74.3229 91.0224 93.5 71.8452 93.5 48.189C93.5 24.5329 74.3229 5.35571 50.6667 5.35571H47.3333Z"
|
||||
fill="url(#paint0_linear_1276_81272)"
|
||||
/>
|
||||
<path
|
||||
d="M47.3333 5.35571C23.6771 5.35571 4.5 24.5329 4.5 48.189C4.5 71.8452 23.6771 91.0224 47.3333 91.0224H50.6667C74.3229 91.0224 93.5 71.8452 93.5 48.189C93.5 24.5329 74.3229 5.35571 50.6667 5.35571H47.3333Z"
|
||||
stroke="url(#paint1_linear_1276_81272)"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M54.9092 36.4271C57.4504 35.0387 60.4586 37.2398 59.9077 40.0845L56.2289 59.083C56.2034 59.2543 56.1648 59.4244 56.1128 59.5919C55.9979 59.983 55.8316 60.3088 55.6248 60.5713L55.6066 60.5963C54.4914 62.1231 52.3507 62.456 50.8252 61.3398C50.0686 60.7862 49.6055 59.9802 49.4668 59.1221L49.4676 59.1226C49.0443 57.5306 49.6491 53.2572 52.8231 46.4168L54.046 47.7888L55.6654 41.1762C55.7381 40.8793 55.4152 40.643 55.1546 40.8025L49.3504 44.3531L51.0968 45.1536C47.804 48.6269 43.2194 51.8763 39.9689 52.2187C39.1569 52.3043 38.185 52.0911 37.4288 51.5377C35.9033 50.4215 35.5707 48.279 36.686 46.7522L36.6946 46.7404L36.7045 46.7271C36.8915 46.4504 37.1509 46.1932 37.488 45.9652C37.6319 45.8645 37.7825 45.7759 37.9382 45.6994L54.9092 36.4271ZM42.4176 59.161C43.3969 59.8631 44.7638 59.6318 45.4705 58.6444C45.9401 57.9883 46.2852 55.8511 46.4639 54.4907C46.5325 53.9682 46.0061 53.5908 45.5339 53.8239C44.3045 54.431 42.3937 55.4456 41.9241 56.1017C41.2173 57.0891 41.4383 58.4588 42.4176 59.161Z"
|
||||
fill="white"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1276_81272" x1="89" y1="12.647" x2="-6.43223" y2="102.064" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--primary-500)"/>
|
||||
<stop offset="1" stop-color="var(--primary-200)" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1276_81272" x1="-14.8889" y1="110.899" x2="125.136" y2="-10.1282" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="var(--primary-500)"/>
|
||||
<stop offset="1" stop-color="var(--primary-100)" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_1276_81272">
|
||||
<rect width="40" height="36.6667" fill="white" transform="translate(29 29.8557)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
@@ -0,0 +1,7 @@
|
||||
<!-- [ Arrow image ] -->
|
||||
<svg @@substyle viewBox="0 0 76 81" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M74.8957 2.49454C75.4449 2.55216 75.9369 2.15359 75.9945 1.60432C76.0522 1.05505 75.6536 0.563072 75.1043 0.505456L74.8957 2.49454ZM7.33081 80.7431C7.74121 81.1127 8.37351 81.0796 8.74309 80.6692L14.7658 73.9814C15.1354 73.571 15.1023 72.9387 14.6919 72.5691C14.2815 72.1995 13.6492 72.2326 13.2796 72.643L7.9261 78.5877L1.98138 73.2342C1.57098 72.8646 0.938684 72.8977 0.5691 73.3081C0.199516 73.7185 0.232601 74.3508 0.642999 74.7204L7.33081 80.7431ZM6.25803 65.8463L7.00137 80.0523L8.99863 79.9477L8.2553 65.7418L6.25803 65.8463ZM75.1043 0.505456C36.953 -3.49643 4.25353 27.5381 6.25803 65.8463L8.2553 65.7418C6.31503 28.6611 37.9668 -1.37911 74.8957 2.49454L75.1043 0.505456Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 840 B |
@@ -0,0 +1,21 @@
|
||||
<!-- [ component bg image ] -->
|
||||
<svg @@substyle viewBox="0 0 368 380" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="#id-path">
|
||||
<rect width="368" height="380" class="fill-neutral-100"/>
|
||||
<rect x="-227.643" y="-144.5" width="260.429" height="182" rx="11.5" class="fill-neutral-200"/>
|
||||
<rect x="-227.643" y="-144.5" width="260.429" height="182" rx="11.5" class="stroke-neutral-300"/>
|
||||
<rect x="53.7852" y="-144.5" width="260.429" height="182" rx="11.5" class="fill-neutral-200"/>
|
||||
<rect x="53.7852" y="-144.5" width="260.429" height="182" rx="11.5" class="stroke-neutral-300"/>
|
||||
<rect x="335.215" y="-144.5" width="260.429" height="182" rx="11.5" class="fill-neutral-200"/>
|
||||
<rect x="335.215" y="-144.5" width="260.429" height="182" rx="11.5" class="stroke-neutral-300"/>
|
||||
<rect x="-227.5" y="58.5" width="260" height="225" rx="11.5" class="fill-neutral-200"/>
|
||||
<rect x="-227.5" y="58.5" width="260" height="225" rx="11.5" class="stroke-neutral-300"/>
|
||||
<rect x="335.5" y="58.5" width="260" height="225" rx="11.5" class="fill-neutral-200"/>
|
||||
<rect x="335.5" y="58.5" width="260" height="225" rx="11.5" class="stroke-neutral-300"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="id-path">
|
||||
<rect width="368" height="380" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,17 @@
|
||||
<svg @@substyle viewBox="0 0 106 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M41.3152 20.7791C40.2298 20.7791 39.2606 20.5155 38.4077 19.9883C37.5548 19.461 36.8803 18.74 36.3841 17.8251C35.8879 16.8947 35.6397 15.8557 35.6397 14.7082C35.6397 13.5452 35.8879 12.514 36.3841 11.6146C36.8803 10.6997 37.5548 9.97865 38.4077 9.45142C39.2761 8.92419 40.2453 8.66057 41.3152 8.66057C42.1681 8.66057 42.9124 8.82339 43.5482 9.14903C44.1995 9.45917 44.719 9.90111 45.1066 10.4749V3.75267H48.2468V20.5H45.4555L45.1066 18.895C44.8585 19.2362 44.5639 19.5541 44.2228 19.8487C43.8816 20.1278 43.4707 20.3527 42.99 20.5233C42.5093 20.6938 41.951 20.7791 41.3152 20.7791ZM42.013 18.0344C42.6333 18.0344 43.1838 17.8949 43.6645 17.6157C44.1452 17.3211 44.5174 16.9257 44.781 16.4295C45.0446 15.9333 45.1764 15.3673 45.1764 14.7315C45.1764 14.0802 45.0446 13.5064 44.781 13.0102C44.5174 12.4985 44.1452 12.1031 43.6645 11.824C43.1838 11.5448 42.6333 11.4053 42.013 11.4053C41.4083 11.4053 40.8655 11.5526 40.3848 11.8472C39.9041 12.1263 39.5242 12.514 39.2451 13.0102C38.9815 13.5064 38.8497 14.0724 38.8497 14.7082C38.8497 15.3595 38.9815 15.9333 39.2451 16.4295C39.5087 16.9257 39.8809 17.3211 40.3616 17.6157C40.8578 17.8949 41.4083 18.0344 42.013 18.0344ZM56.9286 20.7791C55.7501 20.7791 54.7034 20.531 53.7885 20.0348C52.8891 19.5386 52.1835 18.8408 51.6718 17.9414C51.1601 17.042 50.9042 16.003 50.9042 14.8245C50.9042 13.6305 51.1523 12.5683 51.6486 11.6379C52.1603 10.7075 52.8658 9.97865 53.7652 9.45142C54.6801 8.92419 55.7424 8.66057 56.9519 8.66057C58.0994 8.66057 59.1073 8.91643 59.9757 9.42816C60.8596 9.92437 61.5419 10.5989 62.0226 11.4518C62.5188 12.3047 62.7669 13.2816 62.7669 14.3826C62.7669 14.5376 62.7669 14.7082 62.7669 14.8943C62.7669 15.0804 62.7514 15.282 62.7204 15.4991H53.1605V13.5685H59.5803C59.5338 12.8552 59.2624 12.2892 58.7662 11.8705C58.2855 11.4363 57.6807 11.2192 56.9519 11.2192C56.4091 11.2192 55.9129 11.3432 55.4632 11.5914C55.0135 11.824 54.6569 12.1806 54.3933 12.6613C54.1296 13.142 53.9978 13.7468 53.9978 14.4756V15.1502C53.9978 15.7704 54.1219 16.3132 54.37 16.7784C54.6181 17.2281 54.9593 17.5847 55.3935 17.8483C55.8431 18.0964 56.3471 18.2205 56.9054 18.2205C57.4791 18.2205 57.9598 18.0964 58.3475 17.8483C58.7352 17.5847 59.0298 17.2513 59.2314 16.8482H62.4413C62.2087 17.577 61.8365 18.2438 61.3248 18.8485C60.8131 19.4378 60.185 19.9107 59.4407 20.2674C58.6964 20.6085 57.859 20.7791 56.9286 20.7791ZM67.9082 20.5L63.6748 8.93969H66.9777L69.8155 17.546L72.6765 8.93969H75.9329L71.6996 20.5H67.9082ZM78.2486 20.6163C77.6748 20.6163 77.2019 20.4457 76.8297 20.1046C76.473 19.7479 76.2947 19.3137 76.2947 18.802C76.2947 18.2903 76.473 17.8638 76.8297 17.5227C77.2019 17.166 77.6748 16.9877 78.2486 16.9877C78.8223 16.9877 79.2875 17.166 79.6442 17.5227C80.0008 17.8638 80.1792 18.2903 80.1792 18.802C80.1792 19.3137 80.0008 19.7479 79.6442 20.1046C79.2875 20.4457 78.8223 20.6163 78.2486 20.6163ZM87.8567 20.5C87.0348 20.5 86.3137 20.3759 85.6935 20.1278C85.0887 19.8642 84.6157 19.4378 84.2746 18.8485C83.9334 18.2438 83.7629 17.4219 83.7629 16.3829V11.5681H81.7858V8.93969H83.7629L84.1118 5.79957H86.903V8.93969H89.9733V11.5681H86.903V16.4295C86.903 16.9567 87.0193 17.3211 87.2519 17.5227C87.4845 17.7243 87.8799 17.8251 88.4382 17.8251H89.9036V20.5H87.8567ZM97.7902 20.7791C96.6892 20.7791 95.689 20.5233 94.7896 20.0115C93.9058 19.4998 93.2002 18.7865 92.673 17.8716C92.1457 16.9567 91.8821 15.91 91.8821 14.7315C91.8821 13.5375 92.1457 12.483 92.673 11.5681C93.2002 10.6532 93.9135 9.93988 94.8129 9.42816C95.7123 8.91643 96.7125 8.66057 97.8135 8.66057C98.9455 8.66057 99.9534 8.91643 100.837 9.42816C101.737 9.93988 102.442 10.6532 102.954 11.5681C103.481 12.483 103.745 13.5375 103.745 14.7315C103.745 15.91 103.481 16.9567 102.954 17.8716C102.442 18.7865 101.737 19.4998 100.837 20.0115C99.9379 20.5233 98.9222 20.7791 97.7902 20.7791ZM97.8135 18.0577C98.3097 18.0577 98.7594 17.9336 99.1626 17.6855C99.5812 17.4374 99.9146 17.0652 100.163 16.569C100.426 16.0728 100.558 15.4603 100.558 14.7315C100.558 13.9872 100.434 13.3669 100.186 12.8707C99.9379 12.3744 99.6045 12.0023 99.1858 11.7542C98.7826 11.5061 98.3329 11.382 97.8367 11.382C97.3405 11.382 96.8831 11.5061 96.4644 11.7542C96.0457 12.0023 95.7123 12.3744 95.4642 12.8707C95.2161 13.3669 95.092 13.9872 95.092 14.7315C95.092 15.4603 95.2161 16.0728 95.4642 16.569C95.7123 17.0652 96.0379 17.4374 96.4411 17.6855C96.8598 17.9336 97.3173 18.0577 97.8135 18.0577Z"
|
||||
class="fill-primary-500"
|
||||
/>
|
||||
<g clip-path="url(#clip0_10973_27015)">
|
||||
<path
|
||||
d="M7.47938 10.6561C7.28018 10.5072 7.08047 10.4327 6.88127 10.4327H5.98592V15.7962H6.88179C7.08098 15.7962 7.28069 15.7217 7.47989 15.5728C7.67908 15.424 7.77868 15.2006 7.77868 14.9023V11.3266C7.77817 11.0288 7.67806 10.805 7.47938 10.6561ZM22.0587 1.60547H3.56629C2.32388 1.60547 1.31558 2.61121 1.3125 3.85413V22.3568C1.31558 23.5997 2.32388 24.6055 3.56629 24.6055H22.0587C23.3016 24.6055 24.3094 23.5997 24.3125 22.3568V3.85413C24.3094 2.61121 23.3011 1.60547 22.0587 1.60547ZM9.22902 14.9121C9.22902 15.8778 8.63297 17.341 6.74625 17.3379H4.36411V8.84328H6.79656C8.61603 8.84328 9.22799 10.3044 9.2285 11.2706L9.22902 14.9121ZM14.3979 10.3604H11.6625V12.3328H13.3346V13.8509H11.6625V15.8229H14.3984V17.341H11.2061C10.6331 17.3558 10.1567 16.903 10.1423 16.3301V9.90703C10.1285 9.3346 10.5818 8.8592 11.1542 8.84482H14.3984L14.3979 10.3604ZM19.7187 16.2793C19.041 17.8579 17.8268 17.5438 17.2831 16.2793L15.305 8.84534H16.9771L18.5024 14.6836L20.0205 8.84534H21.6932L19.7187 16.2793Z"
|
||||
class="fill-primary-500"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_10973_27015">
|
||||
<rect width="24" height="24" class="fill-primary-500" transform="translate(0.5 1.5)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
+17
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.6 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user