Delete more unused images and templates (#776)
## Description Delete more unused images and templates This also copies some of the better parts of the deleted templates into the main index file. Unfortunately, some content changes crept in while making these changes
This commit is contained in:
Niraj Tolia
GitHub
parent
aef88636b8
commit
290080d865
@ -1,62 +0,0 @@
|
||||
@@include("partials/main.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Techwind"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/tobii/css/tobii.min.css" rel="stylesheet">
|
||||
<link href="assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">
|
||||
@@include("partials/head-css.html")
|
||||
</head>
|
||||
|
||||
@@include("partials/body.html")
|
||||
<!-- Loader Start -->
|
||||
<!-- <div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner">
|
||||
<div class="double-bounce1"></div>
|
||||
<div class="double-bounce2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Loader End -->
|
||||
|
||||
<!-- Start Hero -->
|
||||
<section class="relative home-wrapper items-center overflow-hidden">
|
||||
<div class="container z-2">
|
||||
<div class="grid grid-cols-1 md:mt-44 mt-32 text-center">
|
||||
<div class="wow animate__animated animate__fadeIn">
|
||||
<h4 class="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5">Build fast, Released quickly.</h4>
|
||||
<p class="text-slate-400 text-lg max-w-xl mx-auto">Launch your campaign and benefit from our expertise
|
||||
on designing and managing conversion centered Tailwind CSS v3.x html page.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md">Try For Free</a>
|
||||
|
||||
<p class="text-slate-400 text-sm mt-3">No credit card required. Free 14-days trial</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End Hero -->
|
||||
|
||||
|
||||
|
||||
@@include("partials/footer/footer.html")
|
||||
|
||||
@@include("partials/cookies.html")
|
||||
|
||||
<!-- Back to top -->
|
||||
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 h-9 w-9 text-center bg-indigo-600 text-white leading-9"><i class="uil uil-arrow-up"></i></a>
|
||||
<!-- Back to top -->
|
||||
|
||||
@@include("partials/switcher.html")
|
||||
|
||||
<!-- JAVASCRIPTS -->
|
||||
<script src="assets/libs/tobii/js/tobii.min.js"></script>
|
||||
<script src="assets/libs/tiny-slider/min/tiny-slider.js"></script>
|
||||
<script src="assets/libs/feather-icons/feather.min.js"></script>
|
||||
@@include("partials/script-file.html")
|
||||
<!-- JAVASCRIPTS -->
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 240 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 423 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 55 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 20 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
1
website/src/assets/images/logomark-dark.svg
Executable file
1
website/src/assets/images/logomark-dark.svg
Executable file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1350 1350"><defs><style>.cls-1{fill:#205eab;}</style></defs><path class="cls-1" d="M733.67,1251.47c-75.58,0-146.63-29.43-200.08-82.88L40,675,533.6,181.42c53.43-53.45,124.49-82.89,200.08-82.89s146.63,29.43,200.07,82.89l293.52,293.51c110.32,110.33,110.32,289.83,0,400.14l-293.52,293.52c-53.43,53.44-124.49,82.88-200.07,82.88ZM145.48,675l440.85,440.86c81.26,81.24,213.44,81.22,294.68,0l293.52-293.52c81.24-81.24,81.24-213.43,0-294.68L881.01,234.15c-39.36-39.36-91.68-61.04-147.33-61.04s-107.99,21.68-147.34,61.04L145.48,675Z"/><g><path class="cls-1" d="M1079.78,673.48l-14.74-92.16c-2.24-15.96-14.18-24.79-32.94-24.79l-109.95-.31c-17.69,0-30.7-8.84-32.94-24.79l-.38-2.62c-3.57-25.34-21.36-46.39-45.77-54.13l-147.73-54.08c-3.68-1.19-7.09-3.07-10.03-5.56-1.06-.9-1.78-2.14-2.17-3.48l-27.63-94.9c-.28-.96-.79-1.85-1.56-2.48-8.12-6.68-20.56-4.33-25.58,5.17l-54.49,122.05c-1.98,3.74-3.12,7.88-3.33,12.12l6.69,55.63c-.31,5.88-2.41,11.57-6,16.24l-108.67,108.07c-11.57,11.57-35.77,35.77-35.77,35.77l304.33,304.36,27.13-111.43c2.33-13.05,13.15-22.89,26.34-23.96l57.58-4.64c179.88-7.69,181.76-59.61,233.29-140.3,3-4.72,4.6-10.19,4.6-15.74,0-1.33-.1-2.69-.29-4.02Zm-236.75-89.74c-13.26,3.33-50.23,1.19-53.56-12.07-3.33-13.24,28.27-32.6,41.51-35.91,13.26-3.33,26.7,4.72,30.03,17.98,3.31,13.24-4.74,26.7-17.98,30.01Z"/><path class="cls-1" d="M781.88,435.5l-29.01-108.92c-.32-1.19-1.04-2.24-2.04-2.96-6.43-4.6-15.71-2.63-19.55,4.64l-36.4,75.39,87,31.84Z"/><path class="cls-1" d="M726.53,992.3l-1.88,7.71c-4.28,17.56-26.12,23.68-38.91,10.9l-274.22-274.22-26.1-26.1,29.7-29.7,26.1,26.1,285.31,285.31Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
1
website/src/assets/images/logomark-light.svg
Executable file
1
website/src/assets/images/logomark-light.svg
Executable file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1350 1350"><defs><style>.cls-1{fill:#fff;}</style></defs><path class="cls-1" d="M733.67,1251.47c-75.58,0-146.63-29.43-200.08-82.88L40,675,533.6,181.42c53.43-53.45,124.49-82.89,200.08-82.89s146.63,29.43,200.07,82.89l293.52,293.51c110.32,110.33,110.32,289.83,0,400.14l-293.52,293.52c-53.43,53.44-124.49,82.88-200.07,82.88ZM145.48,675l440.85,440.86c81.26,81.24,213.44,81.22,294.68,0l293.52-293.52c81.24-81.24,81.24-213.43,0-294.68L881.01,234.15c-39.36-39.36-91.68-61.04-147.33-61.04s-107.99,21.68-147.34,61.04L145.48,675Z"/><g><path class="cls-1" d="M1079.78,673.48l-14.74-92.16c-2.24-15.96-14.18-24.79-32.94-24.79l-109.95-.31c-17.69,0-30.7-8.84-32.94-24.79l-.38-2.62c-3.57-25.34-21.36-46.39-45.77-54.13l-147.73-54.08c-3.68-1.19-7.09-3.07-10.03-5.56-1.06-.9-1.78-2.14-2.17-3.48l-27.63-94.9c-.28-.96-.79-1.85-1.56-2.48-8.12-6.68-20.56-4.33-25.58,5.17l-54.49,122.05c-1.98,3.74-3.12,7.88-3.33,12.12l6.69,55.63c-.31,5.88-2.41,11.57-6,16.24l-108.67,108.07c-11.57,11.57-35.77,35.77-35.77,35.77l304.33,304.36,27.13-111.43c2.33-13.05,13.15-22.89,26.34-23.96l57.58-4.64c179.88-7.69,181.76-59.61,233.29-140.3,3-4.72,4.6-10.19,4.6-15.74,0-1.33-.1-2.69-.29-4.02Zm-236.75-89.74c-13.26,3.33-50.23,1.19-53.56-12.07-3.33-13.24,28.27-32.6,41.51-35.91,13.26-3.33,26.7,4.72,30.03,17.98,3.31,13.24-4.74,26.7-17.98,30.01Z"/><path class="cls-1" d="M781.88,435.5l-29.01-108.92c-.32-1.19-1.04-2.24-2.04-2.96-6.43-4.6-15.71-2.63-19.55,4.64l-36.4,75.39,87,31.84Z"/><path class="cls-1" d="M726.53,992.3l-1.88,7.71c-4.28,17.56-26.12,23.68-38.91,10.9l-274.22-274.22-26.1-26.1,29.7-29.7,26.1,26.1,285.31,285.31Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 139 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 131 KiB |
@ -1,483 +0,0 @@
|
||||
@@include("partials/main.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">
|
||||
@@include("partials/head-css.html")
|
||||
</head>
|
||||
|
||||
@@include("partials/body.html")
|
||||
<!-- Loader Start -->
|
||||
<!-- <div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner">
|
||||
<div class="double-bounce1"></div>
|
||||
<div class="double-bounce2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Loader End -->
|
||||
|
||||
@@include("partials/navbar/nav-center-light.html")
|
||||
|
||||
<!-- Start Hero -->
|
||||
<section class="relative table w-full py-36 md:py-56 md:pb-0 overflow-hidden bg-[url('../../assets/images/app/bg.png')] bg-top bg-no-repeat bg-fixed">
|
||||
<div class="absolute inset-0 bg-indigo-600 opacity-80"></div>
|
||||
<div class="container z-2">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="lg:col-span-8 md:col-span-7 md:mb-16">
|
||||
<div class="md:mr-6">
|
||||
<h4 class="font-bold text-white lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5">Make Faster, <br> More Confident <br> Decision</h4>
|
||||
<p class="text-white/70 text-lg max-w-xl">Launch your campaign and benefit from our expertise on designing and managing conversion centered Tailwind CSS v3.x html page.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href=""><img src="assets/images/app/app.png" class="inline-block m-1" alt=""></a>
|
||||
<a href=""><img src="assets/images/app/playstore.png" class="inline-block m-1" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-5 md:mt-0">
|
||||
<div class="relative after:content-[''] after:absolute after:h-40 after:w-40 after:bg-indigo-600 after:bottom-0 after:right-0 after:-z-0 after:rounded-3xl after:animate-[spin_10s_linear_infinite]">
|
||||
<img src="assets/images/app/1.png" class="relative z-1" alt="">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<div class="relative">
|
||||
<div class="shape absolute right-0 sm:-bottom-px -bottom-[2px] left-0 overflow-hidden z-1 text-white dark:text-slate-900">
|
||||
<svg class="w-full h-auto" viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M720 125L2160 0H2880V250H0V125H720Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Hero -->
|
||||
|
||||
<!-- Start Section-->
|
||||
<section class="relative md:py-24 py-16 overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h6 class="text-indigo-600 text-sm font-bold uppercase mb-2">Features</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What We Do ?</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid md:grid-cols-3 grid-cols-1 mt-8 gap-[30px]">
|
||||
<div class="group p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 text-center transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-presentation-line"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Design & Branding</a>
|
||||
<p class="text-slate-400 mt-3">The most well-known which is said to have originated</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 text-center transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-bill"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Fully Secured</a>
|
||||
<p class="text-slate-400 mt-3">The most well-known which is said to have originated</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 text-center transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-money-withdrawal"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">High Performance</a>
|
||||
<p class="text-slate-400 mt-3">The most well-known which is said to have originated</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 gap-[30px]">
|
||||
<div class="relative">
|
||||
<img src="assets/images/app/classic01.png" class="mx-auto" alt="">
|
||||
<div class="overflow-hidden absolute lg:h-[400px] h-[320px] lg:w-[400px] w-[320px] bg-indigo-600/5 bottom-2/4 translate-y-2/4 left-0 rotate-45 -z-1 shadow-md shadow-indigo-600/10 rounded-[100px]"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:ml-8">
|
||||
<h4 class="mb-4 md:text-3xl text-2xl lg:leading-normal leading-normal font-medium">We Build High Performing <br> Application</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
<ul class="list-none text-slate-400 mt-4">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="relative order-1 md:order-2">
|
||||
<img src="assets/images/app/classic02.png" class="mx-auto" alt="">
|
||||
<div class="overflow-hidden absolute lg:h-[400px] h-[320px] lg:w-[400px] w-[320px] bg-indigo-600/5 bottom-2/4 translate-y-2/4 right-0 rotate-45 -z-1 shadow-md shadow-indigo-600/10 rounded-[100px]"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:mr-8 order-2 md:order-1">
|
||||
<h4 class="mb-4 md:text-3xl text-2xl lg:leading-normal leading-normal font-medium">Easy And Best Solution <br> For Your App</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
<ul class="list-none text-slate-400 mt-4">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 gap-[30px]">
|
||||
<div class="relative">
|
||||
<img src="assets/images/app/classic04.png" class="mx-auto" alt="">
|
||||
<div class="overflow-hidden absolute lg:h-[400px] h-[320px] lg:w-[400px] w-[320px] bg-indigo-600/5 bottom-2/4 translate-y-2/4 left-0 rotate-45 -z-1 shadow-md shadow-indigo-600/10 rounded-[100px]"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:ml-8">
|
||||
<h4 class="mb-4 md:text-3xl text-2xl lg:leading-normal leading-normal font-medium">Beautiful, Simple & <br> Easy to Use</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
<ul class="list-none text-slate-400 mt-4">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Key Features</h3>
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Create, collaborate, and turn your ideas into incredible products with the definitive platform for digital design.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid lg:grid-cols-12 md:grid-cols-12 grid-cols-1 mt-8 gap-[30px] items-center">
|
||||
<div class="lg:col-span-4 md:col-span-6 lg:order-1 order-2">
|
||||
<div class="grid grid-cols-1 gap-[30px]">
|
||||
<div class="group flex transition-all duration-500 ease-in-out xl:p-3">
|
||||
<div class="flex md:order-2 order-1 align-middle justify-center items-center w-14 h-14 mt-1 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white text-indigo-600 rounded-full text-2xl shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i data-feather="monitor" class="w-5 h-5"></i>
|
||||
</div>
|
||||
<div class="flex-1 md:order-1 order-2 md:text-right md:mr-4 md:ml-0 ml-4">
|
||||
<h4 class="mb-0 text-lg font-medium">Use On Any Device</h4>
|
||||
<p class="text-slate-400 mt-3">One disadvantage of Lorum Ipsum is that in Latin frequently than others</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature-->
|
||||
|
||||
<div class="group flex transition-all duration-500 ease-in-out xl:p-3">
|
||||
<div class="flex md:order-2 order-1 align-middle justify-center items-center w-14 h-14 mt-1 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white text-indigo-600 rounded-full text-2xl shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i data-feather="feather" class="w-5 h-5"></i>
|
||||
</div>
|
||||
<div class="flex-1 md:order-1 order-2 md:text-right md:mr-4 md:ml-0 ml-4">
|
||||
<h4 class="mb-0 text-lg font-medium">Feather Icons</h4>
|
||||
<p class="text-slate-400 mt-3">One disadvantage of Lorum Ipsum is that in Latin frequently than others</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature-->
|
||||
|
||||
<div class="group flex transition-all duration-500 ease-in-out xl:p-3">
|
||||
<div class="flex md:order-2 order-1 align-middle justify-center items-center w-14 h-14 mt-1 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white text-indigo-600 rounded-full text-2xl shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i data-feather="eye" class="w-5 h-5"></i>
|
||||
</div>
|
||||
<div class="flex-1 md:order-1 order-2 md:text-right md:mr-4 md:ml-0 ml-4">
|
||||
<h4 class="mb-0 text-lg font-medium">Retina Ready</h4>
|
||||
<p class="text-slate-400 mt-3">One disadvantage of Lorum Ipsum is that in Latin frequently than others</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-12 lg:mx-8 lg:order-2 order-1">
|
||||
<img src="assets/images/feature.png" class="mx-auto md:max-w-[300px]" alt="">
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 order-3">
|
||||
<div class="grid grid-cols-1 gap-[30px]">
|
||||
<div class="group flex transition-all duration-500 ease-in-out xl:p-3">
|
||||
<div class="flex align-middle justify-center items-center w-14 h-14 mt-1 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white text-indigo-600 rounded-full text-2xl shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i data-feather="user-check" class="w-5 h-5"></i>
|
||||
</div>
|
||||
<div class="flex-1 ml-4">
|
||||
<h4 class="mb-0 text-lg font-medium">W3c Valid Code</h4>
|
||||
<p class="text-slate-400 mt-3">One disadvantage of Lorum Ipsum is that in Latin frequently than others</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature-->
|
||||
|
||||
<div class="group flex transition-all duration-500 ease-in-out xl:p-3">
|
||||
<div class="flex align-middle justify-center items-center w-14 h-14 mt-1 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white text-indigo-600 rounded-full text-2xl shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i data-feather="smartphone" class="w-5 h-5"></i>
|
||||
</div>
|
||||
<div class="flex-1 ml-4">
|
||||
<h4 class="mb-0 text-lg font-medium">Fully Responsive</h4>
|
||||
<p class="text-slate-400 mt-3">One disadvantage of Lorum Ipsum is that in Latin frequently than others</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature-->
|
||||
|
||||
<div class="group flex transition-all duration-500 ease-in-out xl:p-3">
|
||||
<div class="flex align-middle justify-center items-center w-14 h-14 mt-1 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white text-indigo-600 rounded-full text-2xl shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i data-feather="heart" class="w-5 h-5"></i>
|
||||
</div>
|
||||
<div class="flex-1 ml-4">
|
||||
<h4 class="mb-0 text-lg font-medium">Browser Compatibility</h4>
|
||||
<p class="text-slate-400 mt-3">One disadvantage of Lorum Ipsum is that in Latin frequently than others</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature-->
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h6 class="text-indigo-600 text-base mb-2">Testimonial</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What Our Users Say</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Search all the open positions on the web. Get your own personalized salary estimate. Read reviews on over 30000+ companies worldwide.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid grid-cols-1 mt-8">
|
||||
<div class="tiny-three-item">
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/01.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Calvin Carlo</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/02.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Christa Smith</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/03.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Jemina CLone</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/04.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Smith Vodka</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" There is now an abundance of readable dummy texts. These are usually used when a text is required. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/05.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/06.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16 z-2">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center">
|
||||
<div class="lg:col-span-5 md:col-span-6">
|
||||
<img src="assets/images/illustrator/envelope.svg" class="mx-auto d-block" alt="">
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-7 md:col-span-6">
|
||||
<span class="bg-indigo-600/5 text-indigo-600 text-xs font-bold px-2.5 py-0.5 rounded h-5">Mobile Apps</span>
|
||||
<h4 class="md:text-3xl text-2xl lg:leading-normal leading-normal font-medium my-4">Available for your <br> Smartphones</h4>
|
||||
<p class="text-slate-400 max-w-xl mb-0">Search all the open positions on the web. Get your own personalized salary estimate. Read reviews on over 30000+ companies worldwide.</p>
|
||||
<div class="my-5">
|
||||
<a href=""><img src="assets/images/app/app.png" class="m-1 inline-block" alt=""></a>
|
||||
|
||||
<a href=""><img src="assets/images/app/playstore.png" class="m-1 inline-block" alt=""></a>
|
||||
</div>
|
||||
|
||||
<div class="inline-block">
|
||||
<div class="pt-4 flex items-center border-t border-gray-100 dark:border-gray-700">
|
||||
<i data-feather="smartphone" class="mr-2 text-indigo-600 h-10 w-10"></i>
|
||||
<div class="content">
|
||||
<h6 class="text-base font-medium">Install app now on your cellphones</h6>
|
||||
<a href="" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Learn More <i class="uil uil-angle-right-b"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end gird-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<div class="relative">
|
||||
<div class="shape absolute right-0 sm:-bottom-px -bottom-[2px] left-0 overflow-hidden z-1 text-dark-footer">
|
||||
<svg class="w-full h-auto" viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M720 125L2160 0H2880V250H0V125H720Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Section-->
|
||||
|
||||
@@include("partials/footer/footer.html")
|
||||
|
||||
@@include("partials/cookies.html")
|
||||
|
||||
<!-- Back to top -->
|
||||
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 h-9 w-9 text-center bg-indigo-600 text-white leading-9"><i class="uil uil-arrow-up"></i></a>
|
||||
<!-- Back to top -->
|
||||
|
||||
@@include("partials/switcher.html")
|
||||
|
||||
<!-- JAVASCRIPTS -->
|
||||
<script src="assets/libs/tiny-slider/min/tiny-slider.js"></script>
|
||||
<script src="assets/libs/feather-icons/feather.min.js"></script>
|
||||
@@include("partials/script-file.html")
|
||||
<!-- JAVASCRIPTS -->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,442 +0,0 @@
|
||||
@@include("partials/main.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/tobii/css/tobii.min.css" rel="stylesheet">
|
||||
<link href="assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">
|
||||
@@include("partials/head-css.html")
|
||||
</head>
|
||||
|
||||
@@include("partials/body.html")
|
||||
<!-- Loader Start -->
|
||||
<!-- <div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner">
|
||||
<div class="double-bounce1"></div>
|
||||
<div class="double-bounce2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Loader End -->
|
||||
|
||||
@@include("partials/navbar/nav-center-white-bg.html")
|
||||
|
||||
<!-- Start Hero -->
|
||||
<section class="relative table w-full py-36 lg:py-44 overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="relative grid md:grid-cols-12 grid-cols-1 items-center mt-10 gap-[30px]">
|
||||
<div class="md:col-span-7">
|
||||
<div class="md:mr-6">
|
||||
<h4 class="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-black dark:text-white relative">Fast and clean help <br> <span class="after:absolute after:right-0 after:left-0 after:bottom-3 after:lg:h-3 after:h-2 after:w-auto after:rounded-md after:bg-indigo-600/30 relative text-indigo-600">Structure</span> your work</h4>
|
||||
<p class="text-slate-400 text-lg max-w-xl">Launch your campaign and benefit from our expertise on designing and managing conversion centered Tailwind CSS v3.x html page.</p>
|
||||
|
||||
<div class="relative mt-8">
|
||||
<a href="" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mr-2">Get Started</a>
|
||||
<a href="#!" data-type="youtube" data-id="yba7hPeTSjk" class="btn btn-icon bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-full lightbox"><i class="mdi mdi-play text-xl align-middle"></i></a><small class="text-sm font-semibold uppercase align-middle ml-2">Watch Now</small>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="md:col-span-5">
|
||||
<div class="relative after:content-[''] after:absolute after:md:bottom-12 after:-bottom-20 after:lg:-left-0 after:md:-left-20 after:-left-24 after:bg-indigo-600 after:shadow-2xl after:shadow-indigo-600/40 after:-z-1 after:rotate-[130deg] after:w-[75rem] after:md:h-[55rem] after:h-[30rem] after:rounded-[20rem]">
|
||||
<img src="assets/images/laptop.png" class="lg:max-w-none md:max-w-md" alt="">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="overflow-hidden after:content-[''] after:absolute after:h-32 after:w-32 after:bg-indigo-600/5 after:top-16 after:left-0 after:-z-1 after:rounded-3xl after:animate-[spin_10s_linear_infinite]"></div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End Hero -->
|
||||
|
||||
<!-- Business Partner -->
|
||||
<section class="py-6 border-t border-b border-gray-100 dark:border-gray-700">
|
||||
<div class="container">
|
||||
<div class="grid md:grid-cols-6 grid-cols-2 justify-center gap-[30px]">
|
||||
<div class="mx-auto py-4">
|
||||
<img src="assets/images/client/amazon.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<img src="assets/images/client/google.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<img src="assets/images/client/lenovo.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<img src="assets/images/client/paypal.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<img src="assets/images/client/shopify.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<img src="assets/images/client/spotify.svg" class="h-6" alt="">
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- Business Partner -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16 bg-gray-50 dark:bg-slate-800" id="features">
|
||||
<div class="container lg mx-auto">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Features</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 mt-4 gap-[30px]">
|
||||
<!-- Content -->
|
||||
<div class="group relative lg:px-6 mt-4 transition duration-500 ease-in-out rounded-xl overflow-hidden text-center">
|
||||
<div class="relative overflow-hidden text-transparent -m-3">
|
||||
<i data-feather="hexagon" class="h-28 w-28 fill-indigo-600/5 mx-auto rotate-[30deg]"></i>
|
||||
<div class="absolute top-2/4 -translate-y-2/4 left-0 right-0 mx-auto text-indigo-600 rounded-xl transition duration-500 ease-in-out text-3xl flex align-middle justify-center items-center">
|
||||
<i class="uil uil-adjust-circle"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="" class="text-xl font-medium hover:text-indigo-600 duration-500 ease-in-out">Grow Your Business</a>
|
||||
<p class="text-slate-400 transition duration-500 ease-in-out mt-3">If the distribution of letters and 'words' is random, the reader will not be distracted from making.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
|
||||
<!-- Content -->
|
||||
<div class="group relative lg:px-6 mt-4 transition duration-500 ease-in-out rounded-xl overflow-hidden text-center">
|
||||
<div class="relative overflow-hidden text-transparent -m-3">
|
||||
<i data-feather="hexagon" class="h-28 w-28 fill-indigo-600/5 mx-auto rotate-[30deg]"></i>
|
||||
<div class="absolute top-2/4 -translate-y-2/4 left-0 right-0 mx-auto text-indigo-600 rounded-xl transition duration-500 ease-in-out text-3xl flex align-middle justify-center items-center">
|
||||
<i class="uil uil-circuit"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="" class="text-xl font-medium hover:text-indigo-600 duration-500 ease-in-out">Drive More Sales</a>
|
||||
<p class="text-slate-400 transition duration-500 ease-in-out mt-3">If the distribution of letters and 'words' is random, the reader will not be distracted from making.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
|
||||
<!-- Content -->
|
||||
<div class="group relative lg:px-6 mt-4 transition duration-500 ease-in-out rounded-xl overflow-hidden text-center">
|
||||
<div class="relative overflow-hidden text-transparent -m-3">
|
||||
<i data-feather="hexagon" class="h-28 w-28 fill-indigo-600/5 mx-auto rotate-[30deg]"></i>
|
||||
<div class="absolute top-2/4 -translate-y-2/4 left-0 right-0 mx-auto text-indigo-600 rounded-xl transition duration-500 ease-in-out text-3xl flex align-middle justify-center items-center">
|
||||
<i class="uil uil-fire"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="" class="text-xl font-medium hover:text-indigo-600 duration-500 ease-in-out">Handled By Expert</a>
|
||||
<p class="text-slate-400 transition duration-500 ease-in-out mt-3">If the distribution of letters and 'words' is random, the reader will not be distracted from making.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 gap-[30px]">
|
||||
<div class="relative">
|
||||
<div class="md:mr-10">
|
||||
<img src="assets/images/saas/about.jpg" class="rounded-lg shadow-md dark:shadow-gray-800" alt="">
|
||||
</div>
|
||||
<div class="absolute -bottom-10 right-0 p-6 rounded-lg shadow-md dark:shadow-gray-800 bg-white dark:bg-slate-900 md:w-80 w-60">
|
||||
<h5 class="text-lg font-semibold mb-3">Helpcenter Software</h5>
|
||||
<p class="text-slate-400">If the distribution of letters and 'words' is random</p>
|
||||
<div class="flex justify-between mt-3 mb-2">
|
||||
<span class="text-slate-400">Work in progress</span>
|
||||
<span class="text-slate-400">84%</span>
|
||||
</div>
|
||||
<div class="w-full bg-gray-100 dark:bg-gray-800 rounded-full h-[6px]">
|
||||
<div class="bg-indigo-600 h-[6px] rounded-full" style="width: 84%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:ml-8 mt-8 md:mt-0">
|
||||
<h4 class="mb-4 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Manage all your tasks <br> on this one plateform</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="relative order-1 md:order-2">
|
||||
<img src="assets/images/saas/classic03.png" class="rounded-lg shadow-md dark:shadow-gray-800" alt="">
|
||||
</div>
|
||||
|
||||
<div class="lg:mr-8 order-2 md:order-1">
|
||||
<h4 class="mb-4 text-2xl leading-normal font-medium">Get Notified About Importent Email</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
<ul class="list-none text-slate-400 mt-4">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16">
|
||||
<div class="container">
|
||||
<div class="grid grid-cols-1 pb-8 text-center wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What Our Users Say</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid grid-cols-1 mt-8">
|
||||
<div class="tiny-three-item wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/01.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Calvin Carlo</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/02.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Christa Smith</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/03.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Jemina CLone</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/04.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Smith Vodka</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" There is now an abundance of readable dummy texts. These are usually used when a text is required. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/05.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/06.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End Section-->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16 md:pt-0 pt-0">
|
||||
<div class="container">
|
||||
<div class="grid grid-cols-1 justify-center wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<div class="relative z-1">
|
||||
<div class="grid grid-cols-1 md:text-left text-center justify-center">
|
||||
<div class="relative">
|
||||
<img src="assets/images/saas/home.png" alt="">
|
||||
<div class="absolute bottom-2/4 translate-y-2/4 right-0 left-0 text-center">
|
||||
<a href="#!" data-type="youtube" data-id="yba7hPeTSjk"
|
||||
class="lightbox h-20 w-20 rounded-full shadow-lg dark:shadow-gray-800 inline-flex items-center justify-center bg-white dark:bg-slate-900 text-indigo-600">
|
||||
<i class="mdi mdi-play inline-flex items-center justify-center text-2xl"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content md:mt-8">
|
||||
<div class="grid lg:grid-cols-12 grid-cols-1 md:text-left text-center justify-center">
|
||||
<div class="lg:col-start-2 lg:col-span-10">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center">
|
||||
<div class="mt-8">
|
||||
<div class="section-title text-md-start">
|
||||
<h6 class="text-white/50 text-lg font-semibold">Get Free Trial</h6>
|
||||
<h3 class="md:text-3xl text-2xl md:leading-normal leading-normal font-semibold text-white mt-2">Get An Easy Start <br> With Techwind Now</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<div class="section-title text-md-start">
|
||||
<p class="text-white/50 max-w-xl mx-auto mb-2">Start working with Techwind that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
<a href="" class="text-white">Read More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end row -->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="absolute bottom-0 left-0 right-0 sm:h-2/3 h-4/5 bg-gradient-to-b from-indigo-500 to-indigo-600"></div>
|
||||
</section><!--end section-->
|
||||
<!-- End -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16">
|
||||
<div class="container">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center">
|
||||
<div class="lg:col-span-5 md:col-span-6">
|
||||
<img src="assets/images/illustrator/envelope.svg" class="mx-auto d-block" alt="">
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-7 md:col-span-6">
|
||||
<span class="bg-indigo-600/5 text-indigo-600 text-xs font-bold px-2.5 py-0.5 rounded h-5">Mobile Apps</span>
|
||||
<h4 class="md:text-3xl text-2xl lg:leading-normal leading-normal font-medium my-4">Available for your <br> Smartphones</h4>
|
||||
<p class="text-slate-400 max-w-xl mb-0">Search all the open positions on the web. Get your own personalized salary estimate. Read reviews on over 30000+ companies worldwide.</p>
|
||||
<div class="my-5">
|
||||
<a href=""><img src="assets/images/app/app.png" class="m-1 inline-block" alt=""></a>
|
||||
|
||||
<a href=""><img src="assets/images/app/playstore.png" class="m-1 inline-block" alt=""></a>
|
||||
</div>
|
||||
|
||||
<div class="inline-block">
|
||||
<div class="pt-4 flex items-center border-t border-gray-100 dark:border-gray-700">
|
||||
<i data-feather="smartphone" class="mr-2 text-indigo-600 h-10 w-10"></i>
|
||||
<div class="content">
|
||||
<h6 class="text-base font-medium">Install app now on your cellphones</h6>
|
||||
<a href="" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Learn More <i class="uil uil-angle-right-b"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end gird-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End -->
|
||||
|
||||
@@include("partials/footer/footer.html")
|
||||
|
||||
@@include("partials/cookies.html")
|
||||
|
||||
<!-- Back to top -->
|
||||
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 h-9 w-9 text-center bg-indigo-600 text-white leading-9"><i class="uil uil-arrow-up"></i></a>
|
||||
<!-- Back to top -->
|
||||
|
||||
@@include("partials/switcher.html")
|
||||
|
||||
<!-- JAVASCRIPTS -->
|
||||
<script src="assets/libs/tobii/js/tobii.min.js"></script>
|
||||
<script src="assets/libs/tiny-slider/min/tiny-slider.js"></script>
|
||||
<script src="assets/libs/feather-icons/feather.min.js"></script>
|
||||
@@include("partials/script-file.html")
|
||||
<!-- JAVASCRIPTS -->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,654 +0,0 @@
|
||||
@@include("partials/main.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/tobii/css/tobii.min.css" rel="stylesheet">
|
||||
<link href="assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">
|
||||
@@include("partials/head-css.html")
|
||||
</head>
|
||||
|
||||
@@include("partials/body.html")
|
||||
<!-- Loader Start -->
|
||||
<!-- <div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner">
|
||||
<div class="double-bounce1"></div>
|
||||
<div class="double-bounce2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Loader End -->
|
||||
|
||||
@@include("partials/navbar/nav-center-light.html")
|
||||
|
||||
<!-- Start Hero -->
|
||||
<section class="relative table w-full py-36 lg:py-56 bg-indigo-600 bg-[url('../../assets/images/bg.png')] bg-center bg-no-repeat">
|
||||
<div class="container">
|
||||
<div class="grid grid-cols-1 text-center mt-10">
|
||||
<h4 class="text-white lg:text-5xl text-4xl lg:leading-normal leading-normal font-medium mb-6 position-relative">Powerfull analytics <br> tools for your business</h4>
|
||||
|
||||
<p class="text-white opacity-50 mb-0 max-w-xl text-lg mx-auto">Launch your campaign and benefit from our expertise on designing and managing conversion centered Tailwind CSS html page.</p>
|
||||
|
||||
<div class="relative mt-8">
|
||||
<a href="" class="btn bg-gray-50 hover:bg-gray-200 dark:bg-slate-900 dark:hover:bg-gray-700 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-700 rounded-md">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<div class="relative">
|
||||
<div class="shape absolute right-0 sm:-bottom-px -bottom-[2px] left-0 overflow-hidden z-1 text-white dark:text-slate-900">
|
||||
<svg class="w-full h-auto" viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Hero -->
|
||||
|
||||
<!-- Start Section-->
|
||||
<section class="relative md:py-24 py-16">
|
||||
<div class="container">
|
||||
<div class="md:flex justify-center">
|
||||
<div class="relative z-2 transition-all duration-500 ease-in-out sm:-mt-[200px] -mt-[140px] m-0 lg:w-4/5">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 gap-[24px]">
|
||||
<div class="group flex p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="min-w-[64px] h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-presentation-line"></i>
|
||||
</div>
|
||||
|
||||
<div class="content ml-4 flex-1">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Best Financial Advice</a>
|
||||
<p class="text-slate-400 mt-2">The most well-known which is said to have originated</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group flex p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="min-w-[64px] h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-bill"></i>
|
||||
</div>
|
||||
|
||||
<div class="content ml-4 flex-1">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Authorised Finance Brand</a>
|
||||
<p class="text-slate-400 mt-2">The most well-known which is said to have originated</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group flex p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="min-w-[64px] h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-money-withdrawal"></i>
|
||||
</div>
|
||||
|
||||
<div class="content ml-4 flex-1">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Compehensive Advices</a>
|
||||
<p class="text-slate-400 mt-2">The most well-known which is said to have originated</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group flex p-6 md:px-4 rounded-lg shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 bg-white dark:bg-slate-900 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="min-w-[64px] h-16 bg-indigo-600/5 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 mx-auto">
|
||||
<i class="uil uil-presentation-line"></i>
|
||||
</div>
|
||||
|
||||
<div class="content ml-4 flex-1">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Best Tax Advantages</a>
|
||||
<p class="text-slate-400 mt-2">The most well-known which is said to have originated</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="lg:col-span-5 md:col-span-6">
|
||||
<div class="grid grid-cols-12 gap-6 items-center">
|
||||
<div class="col-span-6">
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<img src="assets/images/about/ab03.jpg" class="shadow rounded-md" alt="">
|
||||
<img src="assets/images/about/ab02.jpg" class="shadow rounded-md" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-6">
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<img src="assets/images/about/ab01.jpg" class="shadow rounded-md" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-7 md:col-span-6">
|
||||
<div class="lg:ml-5">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Who we are ?</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect. Dummy text is text that is used in the publishing industry or by web designers to occupy the space which will later be filled with 'real' content.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="contact-one.html" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mr-2 mt-2"><i class="uil uil-envelope"></i> Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Our Services</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Techwind that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 mt-8 gap-[30px]">
|
||||
<div class="group p-6 rounded-lg shadow dark:shadow-gray-800 bg-white dark:bg-slate-900 hover:-translate-y-2 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white border-2 border-indigo-600/20 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i class="uil uil-presentation-line"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Digital
|
||||
Marketing</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign
|
||||
and benefit</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 rounded-lg shadow dark:shadow-gray-800 bg-white dark:bg-slate-900 hover:-translate-y-2 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white border-2 border-indigo-600/20 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i class="uil uil-bill"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Investing</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign
|
||||
and benefit</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 rounded-lg shadow dark:shadow-gray-800 bg-white dark:bg-slate-900 hover:-translate-y-2 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white border-2 border-indigo-600/20 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i class="uil uil-money-withdrawal"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Mortgage
|
||||
Advisor</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign
|
||||
and benefit</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 rounded-lg shadow dark:shadow-gray-800 bg-white dark:bg-slate-900 hover:-translate-y-2 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white border-2 border-indigo-600/20 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i class="uil uil-presentation-line"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Real Estate</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign
|
||||
and benefit</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 rounded-lg shadow dark:shadow-gray-800 bg-white dark:bg-slate-900 hover:-translate-y-2 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white border-2 border-indigo-600/20 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i class="uil uil-usd-circle"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Payroll &
|
||||
Accounting</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign
|
||||
and benefit</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
|
||||
<div class="group p-6 rounded-lg shadow dark:shadow-gray-800 bg-white dark:bg-slate-900 hover:-translate-y-2 transition-all duration-500 ease-in-out">
|
||||
<div
|
||||
class="w-16 h-16 bg-indigo-600/5 group-hover:bg-indigo-600 group-hover:text-white border-2 border-indigo-600/20 text-indigo-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm dark:shadow-gray-800 transition-all duration-500 ease-in-out">
|
||||
<i class="uil uil-invoice"></i>
|
||||
</div>
|
||||
|
||||
<div class="content mt-7">
|
||||
<a href="page-services.html" class="title h5 text-lg font-medium hover:text-indigo-600">Branch
|
||||
Registration</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign
|
||||
and benefit</p>
|
||||
|
||||
<div class="mt-5">
|
||||
<a href=""
|
||||
class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read
|
||||
More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end feature content-->
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="md:col-span-6">
|
||||
<div class="lg:mr-8">
|
||||
<img src="assets/images/shape-image.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-6 mt-8 md:mt-0">
|
||||
<div class="lg:ml-5">
|
||||
<h6 class="text-indigo-600 text-sm font-bold uppercase mb-2">Fast & Effective</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Powerful Digitalization <br> With Techwind</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mb-6">Get instant helpful resources about anything on the go, easily implement secure money transfer solutions, boost your daily efficiency, connect to other app users and create your own Techwind network, and much more with just a few taps. commodo consequat. Duis aute irure.</p>
|
||||
|
||||
<a href="" class="btn bg-indigo-600/5 hover:bg-indigo-600 border-indigo-600/10 hover:border-indigo-600 text-indigo-600 hover:text-white rounded-full">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="lg:col-span-5 md:col-span-6 order-1 md:order-2">
|
||||
<div class="lg:ml-8">
|
||||
<img src="assets/images/illustrator/SEO_SVG.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-7 md:col-span-6 mt-8 md:mt-0 order2 md:order-1">
|
||||
<div class="lg:ml-5">
|
||||
<h6 class="text-indigo-600 text-sm font-bold uppercase mb-2">Easy To Track</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Techwind Marketing <br> Analytics For All Expenses</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl">You can combine all the Techwind templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
|
||||
|
||||
<ul class="list-none text-slate-400 my-6">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<a href="" class="btn bg-indigo-600/5 hover:bg-indigo-600 border-indigo-600/10 hover:border-indigo-600 text-indigo-600 hover:text-white rounded-full">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h6 class="text-indigo-600 text-base mb-2">Testimonial</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What Our Users Say</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Search all the open positions on the web. Get your own personalized salary estimate. Read reviews on over 30000+ companies worldwide.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid grid-cols-1 mt-8">
|
||||
<div class="tiny-three-item">
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/01.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Calvin Carlo</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/02.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Christa Smith</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/03.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Jemina CLone</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/04.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Smith Vodka</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" There is now an abundance of readable dummy texts. These are usually used when a text is required. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/05.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/06.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End Section-->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16 md:pt-0 pt-0">
|
||||
<div class="container">
|
||||
<div class="grid grid-cols-1 justify-center">
|
||||
<div class="relative z-1">
|
||||
<div class="grid grid-cols-1 md:text-left text-center justify-center">
|
||||
<div class="relative">
|
||||
<img src="assets/images/saas/home.png" alt="">
|
||||
<div class="absolute bottom-2/4 translate-y-2/4 right-0 left-0 text-center">
|
||||
<a href="#!" data-type="youtube" data-id="yba7hPeTSjk"
|
||||
class="lightbox h-20 w-20 rounded-full shadow-lg dark:shadow-gray-800 inline-flex items-center justify-center bg-white dark:bg-slate-900 text-indigo-600">
|
||||
<i class="mdi mdi-play inline-flex items-center justify-center text-2xl"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content md:mt-8">
|
||||
<div class="grid lg:grid-cols-12 grid-cols-1 md:text-left text-center justify-center">
|
||||
<div class="lg:col-start-2 lg:col-span-10">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center">
|
||||
<div class="mt-8">
|
||||
<div class="section-title text-md-start">
|
||||
<h6 class="text-white/50 text-lg font-semibold">Get Free Trial</h6>
|
||||
<h3 class="md:text-3xl text-2xl md:leading-normal leading-normal font-semibold text-white mt-2">Get An Easy Start <br> With Techwind Now</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<div class="section-title text-md-start">
|
||||
<p class="text-white/50 max-w-xl mx-auto mb-2">Start working with Techwind that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
<a href="" class="text-white">Read More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end row -->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="absolute bottom-0 left-0 right-0 sm:h-2/3 h-4/5 bg-gradient-to-b from-indigo-500 to-indigo-600"></div>
|
||||
</section><!--end section-->
|
||||
<!-- End -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16">
|
||||
<div class="container">
|
||||
<div class="grid lg:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="lg:col-span-5">
|
||||
<div class="lg:text-left text-center">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Our Comfortable Rates</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="page-pricing.html" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mr-2 mt-2"><i class="uil uil-master-card"></i> Subscribe Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="lg:col-span-7 mt-8 lg:mt-0">
|
||||
<div class="lg:ml-8">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 md:gap-0 gap-[30px]">
|
||||
<div class="group border-b-[3px] dark:border-gray-700 relative shadow dark:shadow-gray-800 rounded-md md:scale-110 z-3 bg-white dark:bg-slate-900">
|
||||
<div class="p-6 py-8">
|
||||
<h6 class="font-bold uppercase mb-5 text-indigo-600">Starter</h6>
|
||||
|
||||
<div class="flex mb-5">
|
||||
<span class="text-xl font-semibold">$</span>
|
||||
<span class="price text-4xl font-semibold mb-0">39</span>
|
||||
<span class="text-xl font-semibold self-end mb-1">/mo</span>
|
||||
</div>
|
||||
|
||||
<ul class="list-none text-slate-400">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Full Access</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Source Files</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Free Appointments</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Enhanced Security</li>
|
||||
</ul>
|
||||
<a href="" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mt-5">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group border-b-[3px] dark:border-gray-700 relative shadow dark:shadow-gray-800 rounded-md z-2 bg-gray-50 dark:bg-slate-800">
|
||||
<div class="p-6 py-8 md:pl-10">
|
||||
<h6 class="font-bold uppercase mb-5 text-indigo-600">Professional</h6>
|
||||
|
||||
<div class="flex mb-5">
|
||||
<span class="text-xl font-semibold">$</span>
|
||||
<span class="price text-4xl font-semibold mb-0">59</span>
|
||||
<span class="text-xl font-semibold self-end mb-1">/mo</span>
|
||||
</div>
|
||||
|
||||
<ul class="list-none text-slate-400">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Full Access</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Source Files</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Free Appointments</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Enhanced Security</li>
|
||||
</ul>
|
||||
<a href="" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mt-5">Try it Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 items-center">
|
||||
<div class="md:col-span-6">
|
||||
<h6 class="text-indigo-600 text-sm font-bold uppercase mb-2">Blogs</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Reads Our Latest <br> News & Blog</h3>
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-6">
|
||||
<p class="text-slate-400 max-w-xl">Start working with Techwind that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 md:grid-cols-2 mt-8 gap-[30px]">
|
||||
<div class="blog relative rounded-md shadow dark:shadow-gray-800 overflow-hidden">
|
||||
<img src="assets/images/blog/01.jpg" alt="">
|
||||
|
||||
<div class="content p-6">
|
||||
<a href="blog-detail.html" class="title h5 text-lg font-medium hover:text-indigo-600 duration-500 ease-in-out">Design your apps in your own way</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign and benefit</p>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="blog-detail.html" class="btn btn-link font-normal hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="blog relative rounded-md shadow dark:shadow-gray-800 overflow-hidden">
|
||||
<img src="assets/images/blog/02.jpg" alt="">
|
||||
|
||||
<div class="content p-6">
|
||||
<a href="blog-detail.html" class="title h5 text-lg font-medium hover:text-indigo-600 duration-500 ease-in-out">How apps is changing the IT world</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign and benefit</p>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="blog-detail.html" class="btn btn-link font-normal hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="blog relative rounded-md shadow dark:shadow-gray-800 overflow-hidden">
|
||||
<img src="assets/images/blog/03.jpg" alt="">
|
||||
|
||||
<div class="content p-6">
|
||||
<a href="blog-detail.html" class="title h5 text-lg font-medium hover:text-indigo-600 duration-500 ease-in-out">Smartest Applications for Business</a>
|
||||
<p class="text-slate-400 mt-3">The phrasal sequence of the is now so that many campaign and benefit</p>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="blog-detail.html" class="btn btn-link font-normal hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Read More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End -->
|
||||
|
||||
@@include("partials/footer/footer.html")
|
||||
|
||||
@@include("partials/cookies.html")
|
||||
|
||||
<!-- Back to top -->
|
||||
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 h-9 w-9 text-center bg-indigo-600 text-white leading-9"><i class="uil uil-arrow-up"></i></a>
|
||||
<!-- Back to top -->
|
||||
|
||||
@@include("partials/switcher.html")
|
||||
|
||||
<!-- JAVASCRIPTS -->
|
||||
<script src="assets/libs/tobii/js/tobii.min.js"></script>
|
||||
<script src="assets/libs/tiny-slider/min/tiny-slider.js"></script>
|
||||
<script src="assets/libs/feather-icons/feather.min.js"></script>
|
||||
@@include("partials/script-file.html")
|
||||
<!-- JAVASCRIPTS -->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,502 +0,0 @@
|
||||
@@include("partials/main.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/tobii/css/tobii.min.css" rel="stylesheet">
|
||||
<link href="assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">
|
||||
@@include("partials/head-css.html")
|
||||
</head>
|
||||
|
||||
@@include("partials/body.html")
|
||||
<!-- Loader Start -->
|
||||
<!-- <div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner">
|
||||
<div class="double-bounce1"></div>
|
||||
<div class="double-bounce2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Loader End -->
|
||||
|
||||
@@include("partials/navbar/nav-center.html")
|
||||
|
||||
<!-- Start Hero -->
|
||||
<section class="relative table w-full py-36 overflow-hidden bg-gradient-to-b to-transparent from-indigo-600/20 dark:from-indigo-600/40">
|
||||
<div class="container">
|
||||
<div class="relative grid md:grid-cols-12 grid-cols-1 items-center mt-10 gap-[30px]">
|
||||
<div class="md:col-span-6">
|
||||
<div class="md:mr-8">
|
||||
<h4 class="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-black dark:text-white relative">Easy way to <span class="before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-indigo-600 relative inline-block"><span class="relative text-white">manage</span></span> your over work</h4>
|
||||
<p class="text-slate-400 text-lg max-w-xl">Launch your campaign and benefit from our expertise on designing and managing conversion centered Tailwind CSS v3.x html page.</p>
|
||||
|
||||
<div class="subcribe-form mt-6 mb-3">
|
||||
<form class="relative max-w-xl">
|
||||
<input type="email" id="subcribe" name="email" class="pt-4 pr-40 pb-4 pl-6 w-full h-[50px] outline-none text-black dark:text-white rounded-full bg-white dark:bg-slate-900 shadow dark:shadow-gray-800" placeholder="Your Email Address :">
|
||||
<button type="submit" class="btn absolute top-[2px] right-[3px] h-[46px] bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-full">Try it for free <i class="uil uil-arrow-right"></i></button>
|
||||
</form><!--end form-->
|
||||
</div>
|
||||
|
||||
<span class="text-slate-400 font-medium">Looking for help? <a href="" class="text-indigo-600">Get in touch with us</a></span>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="md:col-span-6">
|
||||
<div class="relative">
|
||||
<div class="relative rounded-xl overflow-hidden shadow-md dark:shadow-gray-800">
|
||||
<div class="w-full py-72 bg-slate-400 bg-[url('../../assets/images/saas/home.jpg')] bg-no-repeat bg-top" data-jarallax='{"speed": 0.1}'></div>
|
||||
</div>
|
||||
|
||||
<div class="absolute flex justify-between items-center md:bottom-10 bottom-5 md:-left-16 p-4 rounded-lg shadow-md dark:shadow-gray-800 bg-white dark:bg-slate-900 w-60 m-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center justify-center h-[65px] min-w-[65px] bg-indigo-600/5 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="monitor" class="h-6 w-6"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h6 class="text-slate-400">Visitor</h6>
|
||||
<p class="text-xl font-bold"><span class="counter-value" data-target="4589">2100</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="text-red-600"><i class="uil uil-chart-down"></i> 0.5%</span>
|
||||
</div>
|
||||
|
||||
<div class="absolute xl:top-20 top-40 xl:-right-20 lg:-right-10 -right-1 p-4 rounded-lg shadow-md dark:shadow-gray-800 bg-white dark:bg-slate-900 w-60 m-3">
|
||||
<h5 class="text-xl font-semibold mb-3">Manage Your Software</h5>
|
||||
<div class="flex justify-between mt-3 mb-2">
|
||||
<span class="text-slate-400">Work in progress</span>
|
||||
<span class="text-slate-400">84%</span>
|
||||
</div>
|
||||
<div class="w-full bg-gray-100 dark:bg-gray-800 rounded-full h-[6px]">
|
||||
<div class="bg-indigo-600 h-[6px] rounded-full" style="width: 84%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End Hero -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:pb-24 pb-16 overflow-hidden">
|
||||
<div class="container lg mx-auto">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<div class="flex items-center justify-center rounded-full mx-auto bg-gray-50 dark:bg-slate-800 shadow dark:shadow-gray-800 w-[110px] h-[110px]">
|
||||
<img src="assets/images/logo-icon-40.png" class="block mx-auto" alt="">
|
||||
</div>
|
||||
<h3 class="mb-6 mt-8 md:text-4xl text-3xl md:leading-normal leading-normal font-bold">The best customer relationship <br> management platform for just <br> about <span class="after:absolute after:right-0 after:left-0 after:bottom-1 after:lg:h-3 after:h-2 after:w-auto after:rounded-md after:bg-indigo-600/30 relative text-indigo-600">everything.</span></h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid mt-8">
|
||||
<div class="relative overflow-hidden rounded-lg shadow-md dark:shadow-gray-800">
|
||||
<video controls autoplay loop>
|
||||
<source src="assets/images/modern.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
<div class="absolute bottom-2/4 translate-y-2/4 right-0 left-0 text-center">
|
||||
<a href="#!" data-type="youtube" data-id="yba7hPeTSjk" class="lightbox lg:h-20 h-16 lg:w-20 w-16 rounded-full shadow-lg dark:shadow-gray-800 inline-flex items-center justify-center bg-white dark:bg-slate-900 hover:bg-indigo-600 dark:hover:bg-indigo-600 text-indigo-600 hover:text-white duration-500 ease-in-out mx-auto">
|
||||
<i class="mdi mdi-play inline-flex items-center justify-center text-3xl"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Why Everyone Loves Techwind</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 gap-[30px]">
|
||||
<div class="relative">
|
||||
<img src="assets/images/saas/classic02.png" class="rounded-lg shadow-md dark:shadow-gray-800" alt="">
|
||||
<div class="overflow-hidden absolute lg:h-[400px] h-[320px] lg:w-[400px] w-[320px] bg-indigo-600/5 dark:bg-indigo-600/20 bottom-0 left-0 rotate-45 -z-1 rounded-3xl"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:ml-8">
|
||||
<h4 class="mb-4 text-2xl leading-normal font-medium">Great Product Analytics <br> With Real Problem</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
<ul class="list-none text-slate-400 mt-4">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="relative order-1 md:order-2">
|
||||
<img src="assets/images/saas/classic03.png" class="rounded-lg shadow-md dark:shadow-gray-800" alt="">
|
||||
<div class="overflow-hidden absolute lg:h-[400px] h-[320px] lg:w-[400px] w-[320px] bg-indigo-600/5 dark:bg-indigo-600/20 bottom-0 right-0 rotate-45 -z-1 rounded-3xl"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:mr-8 order-2 md:order-1">
|
||||
<h4 class="mb-4 text-2xl leading-normal font-medium">Get Notified About Importent Email</h4>
|
||||
<p class="text-slate-400">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
|
||||
<ul class="list-none text-slate-400 mt-4">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Digital Marketing Solutions for Tomorrow</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Our Talented & Experienced Marketing Agency</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Create your own skin to match your brand</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-4">
|
||||
<a href="page-aboutus.html" class="btn btn-link text-indigo-600 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">Find Out More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h6 class="text-indigo-600 text-base mb-2">Testimonial</h6>
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What Our Users Say</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Search all the open positions on the web. Get your own personalized salary estimate. Read reviews on over 30000+ companies worldwide.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid grid-cols-1 mt-8">
|
||||
<div class="tiny-three-item">
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/01.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Calvin Carlo</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/02.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Christa Smith</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/03.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Jemina CLone</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/04.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Smith Vodka</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" There is now an abundance of readable dummy texts. These are usually used when a text is required. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/05.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiny-slide text-center">
|
||||
<div class="customer-testi">
|
||||
<div class="content relative rounded shadow dark:shadow-gray-800 m-2 p-6 bg-white dark:bg-slate-900">
|
||||
<i class="mdi mdi-format-quote-open mdi-48px text-indigo-600"></i>
|
||||
<p class="text-slate-400">" According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero. "</p>
|
||||
<ul class="list-none mb-0 text-amber-400 mt-3">
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
<li class="inline"><i class="mdi mdi-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<img src="assets/images/client/06.jpg" class="h-14 w-14 rounded-full shadow-md mx-auto" alt="">
|
||||
<h6 class="mt-2 font-semibold">Cristino Murfi</h6>
|
||||
<span class="text-slate-400 text-sm">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid lg:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="lg:col-span-5">
|
||||
<div class="lg:text-left text-center">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Our Comfortable Rates</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="page-pricing.html" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mr-2 mt-2"><i class="uil uil-master-card"></i> Subscribe Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="lg:col-span-7 mt-8 lg:mt-0">
|
||||
<div class="lg:ml-8">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 md:gap-0 gap-[30px]">
|
||||
<div class="group border-b-[3px] dark:border-gray-700 relative shadow dark:shadow-gray-800 rounded-md md:scale-110 z-3 bg-white dark:bg-slate-900">
|
||||
<div class="p-6 py-8">
|
||||
<h6 class="font-bold uppercase mb-5 text-indigo-600">Starter</h6>
|
||||
|
||||
<div class="flex mb-5">
|
||||
<span class="text-xl font-semibold">$</span>
|
||||
<span class="price text-4xl font-semibold mb-0">39</span>
|
||||
<span class="text-xl font-semibold self-end mb-1">/mo</span>
|
||||
</div>
|
||||
|
||||
<ul class="list-none text-slate-400">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Full Access</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Source Files</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Free Appointments</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Enhanced Security</li>
|
||||
</ul>
|
||||
<a href="" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mt-5">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group border-b-[3px] dark:border-gray-700 relative shadow dark:shadow-gray-800 rounded-md z-2 bg-gray-50 dark:bg-slate-800">
|
||||
<div class="p-6 py-8 md:pl-10">
|
||||
<h6 class="font-bold uppercase mb-5 text-indigo-600">Professional</h6>
|
||||
|
||||
<div class="flex mb-5">
|
||||
<span class="text-xl font-semibold">$</span>
|
||||
<span class="price text-4xl font-semibold mb-0">59</span>
|
||||
<span class="text-xl font-semibold self-end mb-1">/mo</span>
|
||||
</div>
|
||||
|
||||
<ul class="list-none text-slate-400">
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Full Access</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Source Files</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Free Appointments</li>
|
||||
<li class="mb-1 flex"><i class="uil uil-check-circle text-indigo-600 text-xl mr-2"></i> Enhanced Security</li>
|
||||
</ul>
|
||||
<a href="" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md mt-5">Try it Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Frequently Asked Questions</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="relative grid md:grid-cols-12 grid-cols-1 items-center mt-8 gap-[30px]">
|
||||
<div class="md:col-span-6">
|
||||
<div class="relative">
|
||||
<div class="relative rounded-xl overflow-hidden shadow-md dark:shadow-gray-800">
|
||||
<div class="w-full py-72 bg-slate-400 bg-[url('../../assets/images/saas/cta.jpg')] bg-no-repeat bg-top" data-jarallax='{"speed": 0.1}'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
|
||||
<div class="md:col-span-6">
|
||||
<div id="accordion-collapse" data-accordion="collapse">
|
||||
<div class="relative shadow dark:shadow-gray-800 rounded-md overflow-hidden">
|
||||
<h2 class="text-base font-semibold" id="accordion-collapse-heading-1">
|
||||
<button type="button" class="flex justify-between items-center p-5 w-full font-medium text-left" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1">
|
||||
<span>How does it work ?</span>
|
||||
<svg data-accordion-icon class="w-4 h-4 rotate-180 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-collapse-body-1" class="hidden" aria-labelledby="accordion-collapse-heading-1">
|
||||
<div class="p-5">
|
||||
<p class="text-slate-400 dark:text-gray-400">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative shadow dark:shadow-gray-800 rounded-md overflow-hidden mt-4">
|
||||
<h2 class="text-base font-semibold" id="accordion-collapse-heading-2">
|
||||
<button type="button" class="flex justify-between items-center p-5 w-full font-medium text-left" data-accordion-target="#accordion-collapse-body-2" aria-expanded="false" aria-controls="accordion-collapse-body-2">
|
||||
<span>Do I need a designer to use Techwind ?</span>
|
||||
<svg data-accordion-icon class="w-4 h-4 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-collapse-body-2" class="hidden" aria-labelledby="accordion-collapse-heading-2">
|
||||
<div class="p-5">
|
||||
<p class="text-slate-400 dark:text-gray-400">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative shadow dark:shadow-gray-800 rounded-md overflow-hidden mt-4">
|
||||
<h2 class="text-base font-semibold" id="accordion-collapse-heading-3">
|
||||
<button type="button" class="flex justify-between items-center p-5 w-full font-medium text-left" data-accordion-target="#accordion-collapse-body-3" aria-expanded="false" aria-controls="accordion-collapse-body-3">
|
||||
<span>What do I need to do to start selling ?</span>
|
||||
<svg data-accordion-icon class="w-4 h-4 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-collapse-body-3" class="hidden" aria-labelledby="accordion-collapse-heading-3">
|
||||
<div class="p-5">
|
||||
<p class="text-slate-400 dark:text-gray-400">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative shadow dark:shadow-gray-800 rounded-md overflow-hidden mt-4">
|
||||
<h2 class="text-base font-semibold" id="accordion-collapse-heading-4">
|
||||
<button type="button" class="flex justify-between items-center p-5 w-full font-medium text-left" data-accordion-target="#accordion-collapse-body-4" aria-expanded="false" aria-controls="accordion-collapse-body-4">
|
||||
<span>What happens when I receive an order ?</span>
|
||||
<svg data-accordion-icon class="w-4 h-4 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-collapse-body-4" class="hidden" aria-labelledby="accordion-collapse-heading-4">
|
||||
<div class="p-5">
|
||||
<p class="text-slate-400 dark:text-gray-400">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative shadow dark:shadow-gray-800 rounded-md overflow-hidden mt-4">
|
||||
<h2 class="text-base font-semibold" id="accordion-collapse-heading-5">
|
||||
<button type="button" class="flex justify-between items-center p-5 w-full font-medium text-left" data-accordion-target="#accordion-collapse-body-5" aria-expanded="false" aria-controls="accordion-collapse-body-5">
|
||||
<span>How does it work ?</span>
|
||||
<svg data-accordion-icon class="w-4 h-4 rotate-180 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-collapse-body-5" class="hidden" aria-labelledby="accordion-collapse-heading-5">
|
||||
<div class="p-5">
|
||||
<p class="text-slate-400 dark:text-gray-400">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container lg:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 text-center">
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Have Question ? Get in touch!</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="contact-one.html" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md"><i class="uil uil-phone align-middle mr-2"></i> Contact us</a>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End -->
|
||||
|
||||
@@include("partials/footer/footer.html")
|
||||
|
||||
@@include("partials/cookies.html")
|
||||
|
||||
<!-- Back to top -->
|
||||
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 h-9 w-9 text-center bg-indigo-600 text-white leading-9"><i class="uil uil-arrow-up"></i></a>
|
||||
<!-- Back to top -->
|
||||
|
||||
@@include("partials/switcher.html")
|
||||
|
||||
<!-- JAVASCRIPTS -->
|
||||
<script src="assets/libs/jarallax/jarallax.min.js"></script>
|
||||
<script src="assets/libs/tobii/js/tobii.min.js"></script>
|
||||
<script src="assets/libs/tiny-slider/min/tiny-slider.js"></script>
|
||||
<script src="assets/libs/feather-icons/feather.min.js"></script>
|
||||
@@include("partials/script-file.html")
|
||||
<!-- JAVASCRIPTS -->
|
||||
</body>
|
||||
</html>
|
||||
@ -29,15 +29,19 @@
|
||||
<div class="grid grid-cols-1 md:mt-44 mt-32 text-center">
|
||||
<div class="wow animate__animated animate__fadeIn">
|
||||
<h4 class="font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5">Corso: Free, Secure, and Open-Source</br> Backup for Microsoft 365</h4>
|
||||
<p class="text-slate-400 text-lg max-w-xl mx-auto">Corso, an open-source tool, protects Microsoft 365 data by securely and efficiently
|
||||
backing up all business-critical data to object storage.</p>
|
||||
<p class="text-slate-400 text-lg max-w-xl mx-auto">The #1 open-source backup tool for Microsoft 365.</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<a href="" class="text-2xl font-bold btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md">Download Now</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="home-dashboard mt-8 z-3 wow animate__animated animate__fadeIn">
|
||||
<img src="assets/images/saas/laptop-surface.png" alt="">
|
||||
<div class="relative overflow-hidden rounded-lg shadow-md dark:shadow-gray-800">
|
||||
<video controls autoplay loop>
|
||||
<source src="assets/images/modern.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
|
||||
@ -86,7 +90,7 @@
|
||||
<section class="relative md:py-24 py-16 overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="grid grid-cols-1 pb-8 text-center wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Key Features</h3>
|
||||
<h3 class="mb-6 mt-8 md:text-4xl text-3xl md:leading-normal leading-normal font-bold">Key Features</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start using Corso today to obtain increased data safety and peace of mind that your business-critical data is always safe.</p>
|
||||
</div><!--end grid-->
|
||||
@ -194,13 +198,13 @@
|
||||
</div><!--end contanier-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid grid-cols-1 pb-8 text-center wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Why Everyone Loves Corso</h3>
|
||||
|
||||
<p class="text-slate-400 max-w-xl mx-auto">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
<div class="container lg mx-auto">
|
||||
<div class="grid grid-cols-1 pb-8 text-center wow animate__animated animate__fadeInUp">
|
||||
<h3 class="mb-6 mt-8 md:text-4xl text-3xl md:leading-normal leading-normal font-bold">Why Everyone <span class="after:absolute after:right-0 after:left-0 after:bottom-1 after:lg:h-3 after:h-2 after:w-auto after:rounded-md after:bg-indigo-600/30 relative text-indigo-600">Loves</span> Corso</h3>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 gap-[30px]">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-8 gap-[30px]">
|
||||
<div class="relative wow animate__animated animate__fadeInLeft" data-wow-delay=".3s">
|
||||
<img src="assets/images/saas/classic02.png" class="rounded-lg shadow-md dark:shadow-gray-800" alt="">
|
||||
<div class="overflow-hidden absolute lg:h-[400px] h-[320px] lg:w-[400px] w-[320px] bg-indigo-600/5 bottom-0 left-0 rotate-45 -z-1 rounded-3xl"></div>
|
||||
@ -247,7 +251,7 @@
|
||||
|
||||
<div class="container md:mt-24 mt-16 wow animate__animated animate__fadeInUp">
|
||||
<div class="grid grid-cols-1 pb-8 text-center">
|
||||
<h3 class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">Frequently Asked Questions</h3>
|
||||
<h3 class="mb-6 mt-8 md:text-4xl text-3xl md:leading-normal leading-normal font-bold">Frequently Asked Questions</h3>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="relative grid md:grid-cols-12 grid-cols-1 items-center gap-[30px]">
|
||||
@ -355,12 +359,6 @@
|
||||
<div class="grid grid-cols-1 md:text-left text-center justify-center">
|
||||
<div class="relative">
|
||||
<img src="assets/images/saas/laptop-macbook.png" alt="">
|
||||
<div class="absolute bottom-2/4 translate-y-2/4 right-0 left-0 text-center">
|
||||
<a href="#!" data-type="youtube" data-id="yba7hPeTSjk"
|
||||
class="lightbox h-20 w-20 rounded-full shadow-lg dark:shadow-gray-800 inline-flex items-center justify-center bg-white dark:bg-slate-900 text-indigo-600">
|
||||
<i class="mdi mdi-play inline-flex items-center justify-center text-2xl"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content md:mt-8">
|
||||
@ -369,15 +367,15 @@
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center">
|
||||
<div class="mt-8">
|
||||
<div class="section-title text-md-start">
|
||||
<h6 class="text-white/50 text-lg font-semibold">Download Corso for Free</h6>
|
||||
<h3 class="md:text-3xl text-2xl md:leading-normal leading-normal font-semibold text-white mt-2">Start Protecting Your Data In Under 10 Minutes!</h3>
|
||||
<h3 class="md:text-3xl text-2xl md:leading-normal leading-normal font-semibold text-white mt-2">Start Protecting Your<br/> Microsoft 365 Data!</h3>
|
||||
<h6 class="text-white/50 text-lg font-semibold">Corso is Free and Open-Source</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<div class="section-title text-md-start">
|
||||
<p class="text-white/50 max-w-xl mx-auto mb-2">Read our Corso quick-start guide and view the introductory video to lorem ipsum...</p>
|
||||
<a href="" class="text-white">Read More <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
<p class="text-white/50 max-w-xl mx-auto mb-2">Follow our quick-start guide to start protecting your business-critical Microsoft 365 data in under 10 minutes.</p>
|
||||
<a href="" class="text-white">Get Started <i class="uil uil-angle-right-b align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,70 +0,0 @@
|
||||
<!-- Start Navbar -->
|
||||
<nav id="topnav" class="defaultscroll is-sticky">
|
||||
<div class="container">
|
||||
<!-- Logo container-->
|
||||
<a class="logo pl-0" href="index.html">
|
||||
<span class="inline-block dark:hidden">
|
||||
<img src="assets/images/logo-dark.svg" class="h-10 l-dark" height="24" alt="">
|
||||
<img src="assets/images/logo-light.svg" class="h-10 l-light" height="24" alt="">
|
||||
</span>
|
||||
<img src="assets/images/logo-light.svg" height="24" class="hidden dark:inline-block" alt="">
|
||||
</a>
|
||||
|
||||
<!-- End Logo container-->
|
||||
<div class="menu-extras">
|
||||
<div class="menu-item">
|
||||
<!-- Mobile menu toggle-->
|
||||
<a class="navbar-toggle" id="isToggle" onclick="toggleMenu()">
|
||||
<div class="lines">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End mobile menu toggle-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Login button Start-->
|
||||
<ul class="buy-button list-none mb-0">
|
||||
<li class="inline mb-0">
|
||||
<a href="">
|
||||
<span class="login-btn-primary"><span class="btn btn-icon rounded-full bg-indigo-600/5 hover:bg-indigo-600 border-indigo-600/10 hover:border-indigo-600 text-indigo-600 hover:text-white"><i data-feather="settings" class="h-4 w-4"></i></span></span>
|
||||
<span class="login-btn-light"><span class="btn btn-icon rounded-full bg-gray-50 hover:bg-gray-200 dark:bg-slate-900 dark:hover:bg-gray-700 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-700"><i data-feather="settings" class="h-4 w-4"></i></span></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="inline pl-1 mb-0">
|
||||
<a href="https://1.envato.market/techwind" target="_blank">
|
||||
<div class="login-btn-primary"><span class="btn btn-icon rounded-full bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white"><i data-feather="shopping-cart" class="h-4 w-4"></i></span></div>
|
||||
<div class="login-btn-light"><span class="btn btn-icon rounded-full bg-gray-50 hover:bg-gray-200 dark:bg-slate-900 dark:hover:bg-gray-700 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-700"><i data-feather="shopping-cart" class="h-4 w-4"></i></span></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--Login button End-->
|
||||
|
||||
<div id="navigation">
|
||||
<!-- Navigation Menu-->
|
||||
<ul class="navigation-menu nav-light">
|
||||
<li><a href="index.html" class="sub-menu-item">Home</a></li>
|
||||
|
||||
<li class="has-submenu parent-parent-menu-item">
|
||||
<a href="javascript:void(0)">Landing</a><span class="menu-arrow"></span>
|
||||
|
||||
<ul class="submenu megamenu">
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="index-saas.html" class="sub-menu-item">Saas <span class="bg-emerald-600 text-white text-[10px] font-bold px-2.5 py-0.5 rounded h-5 ml-1">Animation</span></a></li>
|
||||
<li><a href="index-apps.html" class="sub-menu-item">Application</a></li>
|
||||
<li><a href="index-classic-saas.html" class="sub-menu-item">Classic Saas <span class="bg-amber-500 text-white text-[10px] font-bold px-2.5 py-0.5 rounded h-5 ml-1">New</span></a></li>
|
||||
<li><a href="index-modern-saas.html" class="sub-menu-item">Modern Saas <span class="bg-amber-500 text-white text-[10px] font-bold px-2.5 py-0.5 rounded h-5 ml-1">New</span></a></li>
|
||||
<li><a href="index-landing-three.html" class="sub-menu-item">Landing Three</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul><!--end navigation menu-->
|
||||
</div><!--end navigation-->
|
||||
</div><!--end container-->
|
||||
</nav><!--end header-->
|
||||
<!-- End Navbar -->
|
||||
@ -1,61 +0,0 @@
|
||||
<!-- Start Navbar -->
|
||||
<nav id="topnav" class="defaultscroll is-sticky bg-white dark:bg-slate-900">
|
||||
<div class="container">
|
||||
<!-- Logo container-->
|
||||
<a class="logo pl-0" href="index.html">
|
||||
<img src="assets/images/logo-dark.svg" class="h-10 inline-block dark:hidden" alt="">
|
||||
<img src="assets/images/logo-light.svg" class="h-10 hidden dark:inline-block" alt="">
|
||||
</a>
|
||||
|
||||
<!-- End Logo container-->
|
||||
<div class="menu-extras">
|
||||
<div class="menu-item">
|
||||
<!-- Mobile menu toggle-->
|
||||
<a class="navbar-toggle" id="isToggle" onclick="toggleMenu()">
|
||||
<div class="lines">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End mobile menu toggle-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Login button Start-->
|
||||
<ul class="buy-button list-none mb-0">
|
||||
<li class="inline mb-0">
|
||||
<a href="" class="btn btn-icon rounded-full bg-indigo-600/5 hover:bg-indigo-600 border-indigo-600/10 hover:border-indigo-600 text-indigo-600 hover:text-white"><i data-feather="settings" class="h-4 w-4"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="inline pl-1 mb-0">
|
||||
<a href="https://1.envato.market/techwind" target="_blank" class="btn btn-icon rounded-full bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white"><i data-feather="shopping-cart" class="h-4 w-4"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--Login button End-->
|
||||
|
||||
<div id="navigation">
|
||||
<!-- Navigation Menu-->
|
||||
<ul class="navigation-menu">
|
||||
<li><a href="index.html" class="sub-menu-item">Home</a></li>
|
||||
|
||||
<li class="has-submenu parent-parent-menu-item">
|
||||
<a href="javascript:void(0)">Landing</a><span class="menu-arrow"></span>
|
||||
|
||||
<ul class="submenu megamenu">
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="index-saas.html" class="sub-menu-item">Saas <span class="bg-emerald-600 text-white text-[10px] font-bold px-2.5 py-0.5 rounded h-5 ml-1">Animation</span></a></li>
|
||||
<li><a href="index-apps.html" class="sub-menu-item">Application</a></li>
|
||||
<li><a href="index-classic-saas.html" class="sub-menu-item">Classic Saas <span class="bg-amber-500 text-white text-[10px] font-bold px-2.5 py-0.5 rounded h-5 ml-1">New</span></a></li>
|
||||
<li><a href="index-modern-saas.html" class="sub-menu-item">Modern Saas <span class="bg-amber-500 text-white text-[10px] font-bold px-2.5 py-0.5 rounded h-5 ml-1">New</span></a></li>
|
||||
<li><a href="index-landing-three.html" class="sub-menu-item">Landing Three</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul><!--end navigation menu-->
|
||||
</div><!--end navigation-->
|
||||
</div><!--end container-->
|
||||
</nav><!--end header-->
|
||||
<!-- End Navbar -->
|
||||
Loading…
x
Reference in New Issue
Block a user