Sample Corso page (#742)
## Description An example of what the single-page Corso website would look like
This commit is contained in:
Niraj Tolia
GitHub
parent
897a21ef0b
commit
0227bba7ac
BIN
website/src/assets/images/saas/cta.jpg
Normal file
BIN
website/src/assets/images/saas/cta.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
@ -1,4 +1,4 @@
|
||||
@@include("partials/main.html")
|
||||
@@include("partials/dark-theme.html")
|
||||
<head>
|
||||
@@include("partials/title-meta.html", {"title": "Corso"})
|
||||
|
||||
@ -28,14 +28,12 @@
|
||||
<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>
|
||||
<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="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>
|
||||
<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">
|
||||
@ -90,7 +88,7 @@
|
||||
<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 working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
<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">
|
||||
@ -193,17 +191,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
|
||||
<div class="grid grid-cols-1 justify-center">
|
||||
<div class="mt-6 text-center wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<a href="page-services.html" class="btn btn-link text-slate-400 hover:text-indigo-600 after:bg-indigo-600 duration-500 ease-in-out">See More <i class="uil uil-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</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 Techwind</h3>
|
||||
<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-->
|
||||
@ -253,11 +245,110 @@
|
||||
</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>
|
||||
|
||||
<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">
|
||||
@ -421,14 +512,14 @@
|
||||
<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>
|
||||
<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">Start working with Techwind that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
||||
<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>
|
||||
@ -444,126 +535,6 @@
|
||||
</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] wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<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 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<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 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
|
||||
<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 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
|
||||
<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 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
|
||||
<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 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
|
||||
<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 wow animate__animated animate__fadeInUp" data-wow-delay=".7s">
|
||||
<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")
|
||||
@ -572,8 +543,6 @@
|
||||
<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/wow.js/wow.min.js"></script>
|
||||
<script src="assets/libs/tobii/js/tobii.min.js"></script>
|
||||
|
||||
@ -74,7 +74,7 @@
|
||||
<div class="container text-center">
|
||||
<div class="grid md:grid-cols-2 items-center">
|
||||
<div class="md:text-left text-center">
|
||||
<p class="mb-0">© <script>document.write(new Date().getFullYear())</script> Techwind. Design with <i class="mdi mdi-heart text-red-600"></i> by <a href="https://shreethemes.in/" target="_blank" class="text-reset">Shreethemes</a>.</p>
|
||||
<p class="mb-0">© <script>document.write(new Date().getFullYear())</script> Alcion, Inc.</p>
|
||||
</div>
|
||||
</div><!--end grid-->
|
||||
</div><!--end container-->
|
||||
|
||||
@ -8,54 +8,22 @@
|
||||
</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>
|
||||
<a href="" 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="github" 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>
|
||||
<a href="" 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="slack" class="h-4 w-4"></i></a>
|
||||
</li>
|
||||
|
||||
<li class="inline pl-1 mb-0">
|
||||
<a href="" 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="book-open" 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 -->
|
||||
|
||||
@ -2,9 +2,9 @@
|
||||
<title>@@title - Free, Secure, Open-Source Backup for M365</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta content="Corso Backup for M365" name="description" />
|
||||
<meta name="author" content="Shreethemes" />
|
||||
<meta name="author" content="The Corso Backup Team" />
|
||||
<meta name="website" content="https://corsobackup.io" />
|
||||
<meta name="version" content="1.4.0" />
|
||||
<meta name="version" content="1.0.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<!-- favicon -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user