Remove testimonials (#756)
## Description Remove user testimonials for now. Also renames the chosen template to index.html
This commit is contained in:
Niraj Tolia
GitHub
parent
b6c7488c01
commit
334ceab56c
@ -1,554 +0,0 @@
|
||||
@@include("partials/dark-theme.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/animate.css/animate.min.css" rel="stylesheet">
|
||||
<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 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">Free, Secure, and Open-Source Backup</br> 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 cloud object storage.</p>
|
||||
|
||||
<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/classic01.png" alt="" class="mover">
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="bg-indigo-600 w-8 h-16 z-2 absolute left-2 lg:bottom-28 md:bottom-36 sm:bottom-40 bottom-16"></div>
|
||||
<div class="bg-indigo-600/20 w-8 h-16 z-2 absolute left-12 lg:bottom-32 md:bottom-40 sm:bottom-44 bottom-20"></div>
|
||||
|
||||
<div class="bg-indigo-600/20 w-8 h-16 z-2 absolute right-12 xl:bottom-[420px] lg:bottom-[315px] md:bottom-[285px] sm:bottom-80 bottom-32"></div>
|
||||
<div class="bg-indigo-600 w-8 h-16 z-2 absolute right-2 xl:bottom-[440px] lg:bottom-[335px] md:bottom-[305px] sm:bottom-[340px] bottom-36"></div>
|
||||
</div><!--end container-->
|
||||
</section><!--end section-->
|
||||
<!-- End Hero -->
|
||||
|
||||
<!-- Business Partner -->
|
||||
<section class="py-6">
|
||||
<div class="container">
|
||||
<div class="grid md:grid-cols-6 grid-cols-2 justify-center gap-[30px]">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<img src="assets/images/client/amazon.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<img src="assets/images/client/google.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
|
||||
<img src="assets/images/client/lenovo.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".7s">
|
||||
<img src="assets/images/client/paypal.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".9s">
|
||||
<img src="assets/images/client/shopify.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay="1.1s">
|
||||
<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-->
|
||||
<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>
|
||||
|
||||
<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-->
|
||||
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 gap-[30px] mt-8">
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="monitor" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Fully Responsive</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="heart" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Browser Compatibility</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="eye" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Retina Ready</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".7s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="layout" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Based On Tailwindcss 3</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".9s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="feather" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Feather Icons</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.1s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="code" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Built With SASS</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.3s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="user-check" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">W3c Valid Code</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.5s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="globe" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Browsers Compatible</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.7s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="settings" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Easy to customize</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</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><!--end grid-->
|
||||
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 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>
|
||||
</div>
|
||||
|
||||
<div class="lg:ml-8 wow animate__animated animate__fadeInRight" data-wow-delay=".3s">
|
||||
<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 wow animate__animated animate__fadeInRight" data-wow-delay=".5s">
|
||||
<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 bottom-0 right-0 rotate-45 -z-1 rounded-3xl"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:mr-8 order-2 md:order-1 wow animate__animated animate__fadeInLeft" data-wow-delay=".5s">
|
||||
<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 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>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="relative grid md:grid-cols-12 grid-cols-1 items-center 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>What do I need to get started?</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>What platforms does Corso run on?</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 object storage does Corso support?</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 M365 permissions does Corso need?</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>What is Corso's open-source license?</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 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-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold">What Our Users Say</h3>
|
||||
</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">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>
|
||||
</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>
|
||||
</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 -->
|
||||
|
||||
@@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 -->
|
||||
|
||||
<!-- JAVASCRIPTS -->
|
||||
<script src="assets/libs/wow.js/wow.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>
|
||||
@ -1,8 +1,10 @@
|
||||
@@include("partials/main.html")
|
||||
@@include("partials/dark-theme.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
<!-- Css -->
|
||||
<link href="assets/libs/animate.css/animate.min.css" rel="stylesheet">
|
||||
<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>
|
||||
@ -22,54 +24,57 @@
|
||||
@@include("partials/navbar/nav-center.html")
|
||||
|
||||
<!-- Start Hero -->
|
||||
<section class="relative table w-full py-36 lg:py-44">
|
||||
<div class="container">
|
||||
<div class="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-semibold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-black dark:text-white">Our Creativity Is Your <span class="text-indigo-600">Success</span></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>
|
||||
<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">Free, Secure, and Open-Source Backup</br> 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 cloud object storage.</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> Get Started</a>
|
||||
<a href="documentation.html" class="btn bg-transparent hover:bg-indigo-600 border-indigo-600 text-indigo-600 hover:text-white rounded-md mt-2"><i class="uil uil-book-alt"></i> Documentation</a>
|
||||
<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><!--end col-->
|
||||
|
||||
<div class="md:col-span-5">
|
||||
<img src="assets/images/illustrator/Startup_SVG.svg" alt="">
|
||||
</div><!--end col-->
|
||||
<div class="home-dashboard mt-8 z-3 wow animate__animated animate__fadeIn">
|
||||
<img src="assets/images/saas/classic01.png" alt="" class="mover">
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="bg-indigo-600 w-8 h-16 z-2 absolute left-2 lg:bottom-28 md:bottom-36 sm:bottom-40 bottom-16"></div>
|
||||
<div class="bg-indigo-600/20 w-8 h-16 z-2 absolute left-12 lg:bottom-32 md:bottom-40 sm:bottom-44 bottom-20"></div>
|
||||
|
||||
<div class="bg-indigo-600/20 w-8 h-16 z-2 absolute right-12 xl:bottom-[420px] lg:bottom-[315px] md:bottom-[285px] sm:bottom-80 bottom-32"></div>
|
||||
<div class="bg-indigo-600 w-8 h-16 z-2 absolute right-2 xl:bottom-[440px] lg:bottom-[335px] md:bottom-[305px] sm:bottom-[340px] bottom-36"></div>
|
||||
</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">
|
||||
<section class="py-6">
|
||||
<div class="container">
|
||||
<div class="grid md:grid-cols-6 grid-cols-2 justify-center gap-[30px]">
|
||||
<div class="mx-auto py-4">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<img src="assets/images/client/amazon.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<img src="assets/images/client/google.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
|
||||
<img src="assets/images/client/lenovo.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".7s">
|
||||
<img src="assets/images/client/paypal.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay=".9s">
|
||||
<img src="assets/images/client/shopify.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<div class="mx-auto py-4">
|
||||
<div class="mx-auto py-4 wow animate__animated animate__fadeInUp" data-wow-delay="1.1s">
|
||||
<img src="assets/images/client/spotify.svg" class="h-6" alt="">
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
@ -77,24 +82,133 @@
|
||||
</section><!--end section-->
|
||||
<!-- Business Partner -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16 bg-gray-50 dark:bg-slate-800">
|
||||
<!-- 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">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">How It Work ?</h3>
|
||||
<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>
|
||||
|
||||
<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-->
|
||||
|
||||
<div class="grid md:grid-cols-12 grid-cols-1 gap-[30px] mt-8">
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="monitor" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Fully Responsive</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="heart" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Browser Compatibility</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="eye" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Retina Ready</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".7s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="layout" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Based On Tailwindcss 3</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".9s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="feather" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Feather Icons</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.1s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="code" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Built With SASS</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.3s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="user-check" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">W3c Valid Code</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.5s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="globe" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Browsers Compatible</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.7s">
|
||||
<div class="flex transition-all duration-500 hover:scale-105 shadow dark:shadow-gray-800 hover:shadow-md dark:hover:shadow-gray-700 ease-in-out items-center p-3 rounded-md bg-white dark:bg-slate-900">
|
||||
<div class="flex items-center justify-center h-[45px] min-w-[45px] -rotate-45 bg-gradient-to-r from-transparent to-indigo-600/10 text-indigo-600 text-center rounded-full mr-3">
|
||||
<i data-feather="settings" class="h-5 w-5 rotate-45"></i>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="mb-0 text-lg font-medium">Easy to customize</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</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><!--end grid-->
|
||||
|
||||
<div class="grid lg:grid-cols-12 md:grid-cols-2 grid-cols-1 items-center mt-10 gap-[30px]">
|
||||
<div class="lg:col-span-5">
|
||||
<img src="assets/images/illustrator/SEO_SVG.svg" alt="">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center mt-16 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>
|
||||
</div>
|
||||
<div class="lg:col-span-7 mt-8 md:mt-0">
|
||||
<div class="lg:ml-10">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Change the way you build websites</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>
|
||||
|
||||
<div class="lg:ml-8 wow animate__animated animate__fadeInRight" data-wow-delay=".3s">
|
||||
<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>
|
||||
@ -106,295 +220,178 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16">
|
||||
<div class="grid lg:grid-cols-12 md:grid-cols-2 grid-cols-1 items-center mt-10 gap-[30px]">
|
||||
<div class="lg:col-span-5 md:order-2 order-1">
|
||||
<div class="lg:ml-10">
|
||||
<div class="bg-white dark:bg-slate-900 p-6 rounded-md shadow dark:shadow-gray-800">
|
||||
<img src="assets/images/illustrator/Mobile_notification_SVG.svg" alt="">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 items-center gap-[30px]">
|
||||
<div class="relative order-1 md:order-2 wow animate__animated animate__fadeInRight" data-wow-delay=".5s">
|
||||
<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 bottom-0 right-0 rotate-45 -z-1 rounded-3xl"></div>
|
||||
</div>
|
||||
|
||||
<div class="lg:mr-8 order-2 md:order-1 wow animate__animated animate__fadeInLeft" data-wow-delay=".5s">
|
||||
<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 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>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="relative grid md:grid-cols-12 grid-cols-1 items-center 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>What do I need to get started?</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>What platforms does Corso run on?</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 object storage does Corso support?</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 M365 permissions does Corso need?</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>What is Corso's open-source license?</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-->
|
||||
</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">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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<form>
|
||||
<div class="grid grid-cols-1">
|
||||
<div class="mb-5">
|
||||
<label class="form-label font-medium">Your Name : <span class="text-red-600">*</span></label>
|
||||
<div class="form-icon relative mt-2">
|
||||
<i data-feather="user" class="w-4 h-4 absolute top-3 left-4"></i>
|
||||
<input type="text" class="form-input pl-12" placeholder="Name" name="name" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<label class="form-label font-medium">Your Email : <span class="text-red-600">*</span></label>
|
||||
<div class="form-icon relative mt-2">
|
||||
<i data-feather="mail" class="w-4 h-4 absolute top-3 left-4"></i>
|
||||
<input type="email" class="form-input pl-12" placeholder="Email" name="email" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<label class="form-label font-medium">Enter Password : <span class="text-red-600">*</span></label>
|
||||
<div class="form-icon relative mt-2">
|
||||
<i data-feather="key" class="w-4 h-4 absolute top-3 left-4"></i>
|
||||
<input type="password" class="form-input pl-12" placeholder="Password" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<button class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md w-full">Download</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:col-span-7 md:order-1 order-2 mt-8 md:mt-0">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Speed up your development <br> with <span class="text-indigo-600">Techwind.</span></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 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>
|
||||
</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 grid-cols-1 pb-8 text-center">
|
||||
<h6 class="mb-4 text-base font-medium text-indigo-600">We believe in building each other and hence</h6>
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal leading-normal font-semibold">Work with some amazing partners</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 relative grid-cols-1 mt-8">
|
||||
<div class="tiny-two-item">
|
||||
<div class="tiny-slide">
|
||||
<div class="lg:flex p-6 lg:p-0 relative rounded-md shadow dark:shadow-gray-800 overflow-hidden m-2">
|
||||
<img class="w-24 h-24 lg:w-48 lg:h-auto lg:rounded-none rounded-full mx-auto" src="assets/images/client/01.jpg" alt="" width="384" height="512">
|
||||
<div class="pt-6 lg:p-6 text-center lg:text-left space-y-4">
|
||||
<p class="text-base text-slate-400"> " It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. " </p>
|
||||
|
||||
<div>
|
||||
<span class="text-indigo-600 block mb-1">Thomas Israel</span>
|
||||
<span class="text-slate-400 text-sm dark:text-white/60 block">Staff Engineer, Algolia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tiny-slide">
|
||||
<div class="lg:flex p-6 lg:p-0 relative rounded-md shadow dark:shadow-gray-800 overflow-hidden m-2">
|
||||
<img class="w-24 h-24 lg:w-48 lg:h-auto lg:rounded-none rounded-full mx-auto" src="assets/images/client/02.jpg" alt="" width="384" height="512">
|
||||
<div class="pt-6 lg:p-6 text-center lg:text-left space-y-4">
|
||||
<p class="text-base text-slate-400"> " The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. " </p>
|
||||
|
||||
<div>
|
||||
<span class="text-indigo-600 block mb-1">Carl Oliver</span>
|
||||
<span class="text-slate-400 text-sm dark:text-white/60 block">Staff Engineer, Algolia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tiny-slide">
|
||||
<div class="lg:flex p-6 lg:p-0 relative rounded-md shadow dark:shadow-gray-800 overflow-hidden m-2">
|
||||
<img class="w-24 h-24 lg:w-48 lg:h-auto lg:rounded-none rounded-full mx-auto" src="assets/images/client/03.jpg" alt="" width="384" height="512">
|
||||
<div class="pt-6 lg:p-6 text-center lg:text-left space-y-4">
|
||||
<p class="text-base text-slate-400"> " One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. " </p>
|
||||
|
||||
<div>
|
||||
<span class="text-indigo-600 block mb-1">Barbara McIntosh</span>
|
||||
<span class="text-slate-400 text-sm dark:text-white/60 block">Staff Engineer, Algolia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tiny-slide">
|
||||
<div class="lg:flex p-6 lg:p-0 relative rounded-md shadow dark:shadow-gray-800 overflow-hidden m-2">
|
||||
<img class="w-24 h-24 lg:w-48 lg:h-auto lg:rounded-none rounded-full mx-auto" src="assets/images/client/04.jpg" alt="" width="384" height="512">
|
||||
<div class="pt-6 lg:p-6 text-center lg:text-left space-y-4">
|
||||
<p class="text-base text-slate-400"> " Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. " </p>
|
||||
|
||||
<div>
|
||||
<span class="text-indigo-600 block mb-1">Jill Webb</span>
|
||||
<span class="text-slate-400 text-sm dark:text-white/60 block">Staff Engineer, Algolia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tiny-slide">
|
||||
<div class="lg:flex p-6 lg:p-0 relative rounded-md shadow dark:shadow-gray-800 overflow-hidden m-2">
|
||||
<img class="w-24 h-24 lg:w-48 lg:h-auto lg:rounded-none rounded-full mx-auto" src="assets/images/client/05.jpg" alt="" width="384" height="512">
|
||||
<div class="pt-6 lg:p-6 text-center lg:text-left space-y-4">
|
||||
<p class="text-base text-slate-400"> " One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. " </p>
|
||||
|
||||
<div>
|
||||
<span class="text-indigo-600 block mb-1">Barbara McIntosh</span>
|
||||
<span class="text-slate-400 text-sm dark:text-white/60 block">Staff Engineer, Algolia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tiny-slide">
|
||||
<div class="lg:flex p-6 lg:p-0 relative rounded-md shadow dark:shadow-gray-800 overflow-hidden m-2">
|
||||
<img class="w-24 h-24 lg:w-48 lg:h-auto lg:rounded-none rounded-full mx-auto" src="assets/images/client/06.jpg" alt="" width="384" height="512">
|
||||
<div class="pt-6 lg:p-6 text-center lg:text-left space-y-4">
|
||||
<p class="text-base text-slate-400"> " Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. " </p>
|
||||
|
||||
<div>
|
||||
<span class="text-indigo-600 block mb-1">Jill Webb</span>
|
||||
<span class="text-slate-400 text-sm dark:text-white/60 block">Staff Engineer, Algolia</span>
|
||||
</div>
|
||||
</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-->
|
||||
</section><!--end section-->
|
||||
<div class="relative">
|
||||
<div class="shape absolute right-0 sm:-bottom-px -bottom-[2px] left-0 overflow-hidden z-1 text-gray-50 dark:text-slate-800">
|
||||
<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 -->
|
||||
|
||||
<!-- Start -->
|
||||
<section class="relative md:py-24 py-16 bg-gray-50 dark:bg-slate-800">
|
||||
<div class="container">
|
||||
<div class="grid md:grid-cols-2 grid-cols-1 gap-[30px]">
|
||||
<div class="flex">
|
||||
<i data-feather="help-circle" class="fea icon-ex-md text-indigo-600 mr-3"></i>
|
||||
<div class="flex-1">
|
||||
<h5 class="mb-2 text-xl font-semibold">How our <span class="text-indigo-600">Techwind</span> work ?</h5>
|
||||
<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.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<i data-feather="help-circle" class="fea icon-ex-md text-indigo-600 mr-3"></i>
|
||||
<div class="flex-1">
|
||||
<h5 class="mb-2 text-xl font-semibold"> What is the main process open account ?</h5>
|
||||
<p class="text-slate-400">If the distribution of letters and 'words' is random, the reader will not be distracted from making a neutral judgement on the visual impact</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<i data-feather="help-circle" class="fea icon-ex-md text-indigo-600 mr-3"></i>
|
||||
<div class="flex-1">
|
||||
<h5 class="mb-2 text-xl font-semibold"> How to make unlimited data entry ?</h5>
|
||||
<p class="text-slate-400">Furthermore, it is advantageous when the dummy text is relatively realistic so that the layout impression of the final publication is not compromised.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<i data-feather="help-circle" class="fea icon-ex-md text-indigo-600 mr-3"></i>
|
||||
<div class="flex-1">
|
||||
<h5 class="mb-2 text-xl font-semibold"> Is <span class="text-indigo-600">Techwind</span> safer to use with my account ?</h5>
|
||||
<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. Lorem Ipsum is composed in a pseudo-Latin language which more or less corresponds to 'proper' Latin.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
<div class="container md:mt-24 mt-16 md:mb-12">
|
||||
<div class="grid grid-cols-1 text-center">
|
||||
<h3 class="mb-6 md:text-3xl text-2xl md:leading-normal 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 mr-2 mt-2"><i class="uil uil-phone"></i> Contact us</a>
|
||||
</div>
|
||||
</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-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 -->
|
||||
|
||||
@@include("partials/footer/footer.html")
|
||||
|
||||
@@include("partials/cookies.html")
|
||||
@ -403,9 +400,10 @@
|
||||
<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/wow.js/wow.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")
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user