Created
August 19, 2024 08:30
-
-
Save gordonturibamwe/452f3cab4a5c1322c87a4ac4411f3ebe to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <section class="relative isolate @container"> | |
| <main class="bg-[#080808] overflow-hidden h-1/2 @min-lg:space-x-5 w-full relative isolate flex @min-xl:flex-row @min-xs:flex-col justify-center items-center"> | |
| <div class="relative w-full h-full flex flex-col @min-xs:pb-10 @min-lg:pb-0 @min-xs:justify-center @min-lg:justify-center items-center"> | |
| <span class="bg-cover bg-center absolute w-full h-full top-0 left-0" style="background-image: url(https://images.unsplash.com/photo-1695883701435-7bd88f796e05?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)"></span> | |
| <div class=" bg-black/70 mix-blend-multiply z-0 w-full h-full block absolute left-0 top-0"></div> | |
| <span class="gap-[10px] text-white w-full relative space-y-5 max-w-[650px] px-[15px] flex flex-col justify-center items-center"> | |
| <span class="text-center"><h6>Rent Now, Pay Later</h6></span> | |
| <p class="hidden font-medium text-center">Discover hassle-free property hunting on our user-friendly app. Find apartments, commercial spaces, roommates, and hostels anytime, anywhere.</p> | |
| <div class="flex justify-center items-center gap-3"> | |
| <a href="#" class="flex justify-center items-center w-auto rounded-md text-sm font-semibold shadow-sm focus-visible:outline focus-visible:outline-2"> | |
| <span>Schedule A Pickup Now</span> | |
| </a> | |
| <a href="#" class="flex justify-center items-center w-auto rounded-md text-sm font-semibold shadow-sm focus-visible:outline focus-visible:outline-2"> | |
| <span>Show More</span> | |
| </a> | |
| </div> | |
| </span> | |
| </div> | |
| </main> | |
| </section> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment