Update download.component.html

- Added content to download component
This commit is contained in:
Max W. 2024-01-31 22:58:48 +01:00
parent b18fbb44db
commit 4f7a327a4c

View File

@ -1 +1,20 @@
<p>download works!</p>
<div class="container mx-auto p-4 mt-4">
<h1 class="text-4xl font-bold text-center text-gray-800 mb-2">Download File</h1>
<p class="text-md text-center text-gray-600 mb-6">Access your files quickly and securely</p>
<div class="bg-white shadow-lg rounded-lg p-6 flex flex-col items-center justify-center">
<img class="w-28 mt-6 mb-6" src="./assets/cloud-arrow-down-solid.svg">
<div class="w-full max-w-md mb-6 relative">
<input type="text" class="input input-bordered w-full pl-10" placeholder="Enter download code/link" />
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="text-gray-500 sm:text-sm">
<i class="fas fa-link"></i>
</span>
</div>
</div>
<button class="btn btn-primary w-full max-w-xs flex justify-center items-center mb-4">
<i class="fas fa-cloud-download-alt mr-2"></i>
Download
</button>
<p class="text-gray-600 text-center w-2/3">Files are available for a limited time. Ensure the code or link is correct.</p>
</div>
</div>