Added tailwindcss-animate
- Added animation to header icon - Added animation to home page (icons/privacy disclaimer)
This commit is contained in:
@ -1,10 +1,10 @@
|
||||
<div class="container mx-auto p-4 mt-4">
|
||||
<div class="container mx-auto p-4 mt-4 overflow-visible md:overflow-hidden">
|
||||
<h1 class="text-4xl font-bold text-center text-gray-800 mb-10">Welcome to SharePule</h1>
|
||||
<p class="text-xl text-center text-gray-800 mb-10">Where sharing files is easier than finding a matching sock on laundry day!</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<!-- Downloading Section -->
|
||||
<div class="bg-white shadow-lg rounded-lg p-6 flex flex-col items-center justify-center text-center">
|
||||
<img class="w-1/3 mb-4" src="./assets/cloud-arrow-down-solid.svg">
|
||||
<div class="bg-white shadow-lg rounded-lg p-6 flex flex-col items-center justify-center text-center ">
|
||||
<img class="w-1/3 mb-4 animate-in fade-in zoom-in duration-500" src="./assets/cloud-arrow-down-solid.svg">
|
||||
<h2 class="text-2xl font-bold text-gray-700 mb-4">Download File</h2>
|
||||
<p class="text-gray-600 mb-4">Access and download shared files quickly.</p>
|
||||
<div class="divider mb-10">QUICK LINK</div>
|
||||
@ -13,14 +13,14 @@
|
||||
|
||||
<!-- Uploading Section -->
|
||||
<div class="bg-white shadow-lg rounded-lg p-6 flex flex-col items-center justify-center">
|
||||
<img class="w-1/3 mb-4" src="./assets/cloud-arrow-up-solid.svg">
|
||||
<img class="w-1/3 mb-4 animate-in fade-in zoom-in duration-500" src="./assets/cloud-arrow-up-solid.svg">
|
||||
<h2 class="text-2xl font-bold text-gray-700 mb-4 text-center">Upload File</h2>
|
||||
<p class="text-gray-600 mb-4 text-center ">Easily share your files with anyone by uploading them here.</p>
|
||||
<div class="divider mb-10">QUICK LINK</div>
|
||||
<button routerLink="/upload" class="btn btn-primary w-full max-w-xs">Upload</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white shadow-lg rounded-lg p-6 mt-10">
|
||||
<div class="bg-white shadow-lg rounded-lg p-6 mt-10 animate-in fade-in slide-in-from-bottom duration-500">
|
||||
<h2 class="text-2xl font-bold text-gray-700 mb-4 text-center">Data Privacy/Security</h2>
|
||||
<p class="text-gray-600 text-center mb-4">We prioritize data security and privacy consequently.
|
||||
Any files uploaded by our clients are securely stored on our servers for a maximum duration of one day,
|
||||
|
@ -2,7 +2,7 @@
|
||||
<nav class="bg-white border-gray-200 px-4 lg:px-6 py-2.5 border-b-2 border-accent-content/5" [ngClass]="{'navbar-shadow': isMenuOpen}">
|
||||
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl">
|
||||
<a routerLink="/" class="flex items-center">
|
||||
<img src="./assets/cloud-solid.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo" />
|
||||
<img src="./assets/cloud-solid.svg" class="mr-3 h-6 sm:h-9 animate-in fade-in slide-in-from-top duration-500" alt="Flowbite Logo" />
|
||||
<span class="self-center text-xl font-semibold whitespace-nowrap">SharePulse</span>
|
||||
</a>
|
||||
<div class="flex items-center lg:order-2">
|
||||
|
Reference in New Issue
Block a user