Add key features to the Corso website (#899)

## Description

Add key features to the Corso website

## Type of change

- [x] 🌻 Feature

## Test Plan

- [x] 💪 Manual
This commit is contained in:
Niraj Tolia 2022-09-19 16:37:41 -07:00 committed by GitHub
parent 1ff4be8130
commit b2d3330db7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -67,10 +67,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".1s"> <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 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"> <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> <i data-feather="share-2" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Fully Responsive</h4> <h4 class="mb-0 text-lg font-medium">Comprehensive Workflows</h4>
</div> </div>
</div> </div>
</div> </div>
@ -78,10 +78,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".3s"> <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 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"> <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> <i data-feather="lock" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Browser Compatibility</h4> <h4 class="mb-0 text-lg font-medium">End-to-End Encryption</h4>
</div> </div>
</div> </div>
</div> </div>
@ -89,10 +89,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".5s"> <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 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"> <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> <i data-feather="code" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Retina Ready</h4> <h4 class="mb-0 text-lg font-medium">Open Source</h4>
</div> </div>
</div> </div>
</div> </div>
@ -100,10 +100,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".7s"> <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 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"> <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> <i data-feather="zap" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Based On Tailwindcss 3</h4> <h4 class="mb-0 text-lg font-medium">High Throughput</h4>
</div> </div>
</div> </div>
</div> </div>
@ -111,10 +111,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay=".9s"> <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 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"> <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> <i data-feather="copy" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Feather Icons</h4> <h4 class="mb-0 text-lg font-medium">Deduplication</h4>
</div> </div>
</div> </div>
</div> </div>
@ -122,10 +122,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.1s"> <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 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"> <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> <i data-feather="upload-cloud" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Built With SASS</h4> <h4 class="mb-0 text-lg font-medium">Choice of Object Storage</h4>
</div> </div>
</div> </div>
</div> </div>
@ -133,10 +133,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.3s"> <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 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"> <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> <i data-feather="activity" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">W3c Valid Code</h4> <h4 class="mb-0 text-lg font-medium">Fault Tolerance</h4>
</div> </div>
</div> </div>
</div> </div>
@ -144,10 +144,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.5s"> <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 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"> <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> <i data-feather="minimize-2" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Browsers Compatible</h4> <h4 class="mb-0 text-lg font-medium">Compression</h4>
</div> </div>
</div> </div>
</div> </div>
@ -155,10 +155,10 @@
<div class="lg:col-span-4 md:col-span-6 wow animate__animated animate__fadeInUp" data-wow-delay="1.7s"> <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 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"> <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> <i data-feather="check-circle" class="h-5 w-5 rotate-45"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h4 class="mb-0 text-lg font-medium">Easy to customize</h4> <h4 class="mb-0 text-lg font-medium">Retention Policies</h4>
</div> </div>
</div> </div>
</div> </div>