audacity/audacity.github.io
1
0
Fork 0
mirror of https://github.com/audacity/audacity.github.io.git synced 2026-06-13 22:04:54 -05:00
Code Issues 9 Packages Projects Releases Wiki Activity

Create DownloadBanner.astro

Browse Source
This commit is contained in:
Dilson's Pickles
2023-02-23 12:29:03 +00:00
parent 9e8240e897
commit 2dc0c18abe
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/homepage/DownloadBanner.astro Normal file
View File

@@ -0,0 +1,28 @@
<section class="bg-gradient-to-r from-indigo-500 to-indigo-700">
<div class="mx-auto max-w-6xl px-3 lg:px-0 pt-16 pb-16 grid grid-cols-2">
<div class="text-white">
<h3 class="text-2xl font-bold">Download Audacity free today</h3>
<p class="text-lg">City of Auda, popualation: you.</p>
</div>
<div class="flex space-x-8">
<button
class="flex text-lg justify-center gap-x-3 items-center rounded bg-white p-4 text-indigo-700 w-full"
>
<svg
class="w-4 fill-indigo-700"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"
></path>
</svg>Download Audacity</button
>
<button
class="flex text-lg justify-center gap-x-3 border border-white items-center rounded p-4 text-white w-full"
>
Find out more</button
>
</div>
</div>
</section>