365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create basic structure

Browse Source
This commit is contained in:
PrototypeArea
2022-06-25 05:53:08 -04:00
parent 26118a62ec
commit 8821d08a60
17 changed files with 556 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/astro/hero/HeroWithImage.astro Normal file
View File

@@ -0,0 +1,34 @@
---
---
<section class="relative">
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="pt-32 pb-12 md:pt-40 md:pb-20">
<div class="text-center pb-12 md:pb-16">
<h1 class="text-5xl md:text-6xl font-bold leading-tighter tracking-tighter mb-4 ">Your
website with <span
class="bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-pink-500">Astro</span> + <span
class="bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-pink-500">Tailwind</span>
</h1>
<div class="max-w-3xl mx-auto">
<p class="text-xl text-gray-600 mb-8 ">Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="max-w-xs mx-auto sm:max-w-none sm:flex sm:justify-center ">
<div><a class="btn text-white bg-blue-600 hover:bg-blue-700 w-full mb-4 sm:w-auto sm:mb-0" href="#0">Get
started</a></div>
<div><a class="btn text-white bg-gray-900 hover:bg-gray-800 w-full sm:w-auto sm:ml-4" href="#0">Learn
more</a></div>
</div>
</div>
</div>
<div>
<div class="relative flex justify-center mb-8 ">
<div class="flex flex-col justify-center"><img class="mx-auto rounded-md" src="/images/hero-astro.jpg"
width="768" height="432" alt="Hero">
</div>
</div>
</div>
</div>
</div>
</section>