Tweak website header and nav links/icons (#759)
## Description Tweak website header and nav links/icons
This commit is contained in:
parent
334ceab56c
commit
a1d3503436
@ -9,61 +9,27 @@
|
|||||||
<a href="#" class="text-[22px] focus:outline-none">
|
<a href="#" class="text-[22px] focus:outline-none">
|
||||||
<img src="assets/images/logo-light.svg" alt="">
|
<img src="assets/images/logo-light.svg" alt="">
|
||||||
</a>
|
</a>
|
||||||
<p class="mt-6 text-gray-300">Start working with Tailwind CSS that can provide everything you need to generate awareness, drive traffic, connect.</p>
|
<p class="mt-6 text-gray-300">Corso, an open-source tool, protects Microsoft 365 data by securely and efficiently backing up all business-critical data to object storage.</p>
|
||||||
<ul class="list-none mt-6">
|
<ul class="list-none mt-6">
|
||||||
<li class="inline"><a href="https://1.envato.market/techwind" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-shopping-cart align-middle" title="Buy Now"></i></a></li>
|
<li class="inline"><a href="https://github.com/alcionai/corso/" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-github align-middle" title="GitHub"></i></a></li>
|
||||||
<li class="inline"><a href="https://dribbble.com/shreethemes" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-dribbble align-middle" title="dribbble"></i></a></li>
|
<li class="inline"><a href="" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-discord align-middle" title="Discord"></i></a></li>
|
||||||
<li class="inline"><a href="https://www.behance.net/shreethemes" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-behance" title="Behance"></i></a></li>
|
<li class="inline"><a href="https://twitter.com/alcionhq" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-twitter align-middle" title="Twitter"></i></a></li>
|
||||||
<li class="inline"><a href="http://linkedin.com/company/shreethemes" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-linkedin" title="Linkedin"></i></a></li>
|
<li class="inline"><a href="mailto:community@corsobackup.io" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-envelope align-middle" title="Email"></i></a></li>
|
||||||
<li class="inline"><a href="https://www.facebook.com/shreethemes" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-facebook-f align-middle" title="facebook"></i></a></li>
|
|
||||||
<li class="inline"><a href="https://www.instagram.com/shreethemes/" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-instagram align-middle" title="instagram"></i></a></li>
|
|
||||||
<li class="inline"><a href="https://twitter.com/shreethemes" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-twitter align-middle" title="twitter"></i></a></li>
|
|
||||||
<li class="inline"><a href="mailto:support@shreethemes.in" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-envelope align-middle" title="email"></i></a></li>
|
|
||||||
<li class="inline"><a href="https://forms.gle/QkTueCikDGqJnbky9" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600"><i class="uil uil-file align-middle" title="customization"></i></a></li>
|
|
||||||
</ul><!--end icon-->
|
</ul><!--end icon-->
|
||||||
</div><!--end col-->
|
</div><!--end col-->
|
||||||
|
|
||||||
<div class="lg:col-span-2 md:col-span-4">
|
<div class="lg:col-span-3 md:col-span-12">
|
||||||
<h5 class="tracking-[1px] text-gray-100 font-semibold">Company</h5>
|
|
||||||
<ul class="list-none footer-list mt-6">
|
|
||||||
<li><a href="page-aboutus.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> About us</a></li>
|
|
||||||
<li class="mt-[10px]"><a href="page-services.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Services</a></li>
|
|
||||||
<li class="mt-[10px]"><a href="page-team.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Team</a></li>
|
|
||||||
<li class="mt-[10px]"><a href="page-pricing.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Pricing</a></li>
|
|
||||||
<li class="mt-[10px]"><a href="portfolio-creative-four.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Project</a></li>
|
|
||||||
<li class="mt-[10px]"><a href="blog.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Blog</a></li>
|
|
||||||
<li class="mt-[10px]"><a href="auth-login.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Login</a></li>
|
|
||||||
</ul>
|
|
||||||
</div><!--end col-->
|
</div><!--end col-->
|
||||||
|
|
||||||
<div class="lg:col-span-3 md:col-span-4">
|
<div class="lg:col-span-3 md:col-span-4">
|
||||||
<h5 class="tracking-[1px] text-gray-100 font-semibold">Usefull Links</h5>
|
<h5 class="tracking-[1px] text-gray-100 font-semibold">Useful Links</h5>
|
||||||
<ul class="list-none footer-list mt-6">
|
<ul class="list-none footer-list mt-6">
|
||||||
<li><a href="page-terms.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Terms of Services</a></li>
|
<li><a href="https://github.com/alcionai/corso/" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> GitHub</a></li>
|
||||||
<li class="mt-[10px]"><a href="page-privacy.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Privacy Policy</a></li>
|
<li class="mt-[10px]"><a href="https://docs.corsobackup.io/" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Documentation</a></li>
|
||||||
<li class="mt-[10px]"><a href="documentation.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Documentation</a></li>
|
<li class="mt-[10px]"><a href="" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Discord</a></li>
|
||||||
<li class="mt-[10px]"><a href="changelog.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Changelog</a></li>
|
<li class="mt-[10px]"><a href="changelog.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Downloads</a></li>
|
||||||
<li class="mt-[10px]"><a href="widget.html" class="text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="uil uil-angle-right-b me-1"></i> Widget</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div><!--end col-->
|
</div><!--end col-->
|
||||||
|
|
||||||
<div class="lg:col-span-3 md:col-span-4">
|
|
||||||
<h5 class="tracking-[1px] text-gray-100 font-semibold">Newsletter</h5>
|
|
||||||
<p class="mt-6">Sign up and receive the latest tips via email.</p>
|
|
||||||
<form>
|
|
||||||
<div class="grid grid-cols-1">
|
|
||||||
<div class="foot-subscribe my-3">
|
|
||||||
<label class="form-label">Write 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 bg-gray-800 border border-gray-800 text-gray-100 pl-12 focus:shadow-none" placeholder="Email" name="email" required="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button type="submit" id="submitsubscribe" name="send" class="btn bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md">Subscribe</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div><!--end col-->
|
|
||||||
</div><!--end grid-->
|
</div><!--end grid-->
|
||||||
</div><!--end col-->
|
</div><!--end col-->
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -12,15 +12,15 @@
|
|||||||
<!--Login button Start-->
|
<!--Login button Start-->
|
||||||
<ul class="buy-button list-none mb-0">
|
<ul class="buy-button list-none mb-0">
|
||||||
<li class="inline mb-0">
|
<li class="inline 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="github" class="h-4 w-4"></i></a>
|
<a href="https://github.com/alcionai/corso/" 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>
|
||||||
|
|
||||||
<li class="inline pl-1 mb-0">
|
<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="slack" 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 class="uil uil-discord align-middle"></i></a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="inline pl-1 mb-0">
|
<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>
|
<a href="https://docs.corsobackup.io/" 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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<!--Login button End-->
|
<!--Login button End-->
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user