-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
db388d5
commit 88010c9
Showing
4 changed files
with
84 additions
and
0 deletions.
There are no files selected for viewing
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| <section class="relative pt-24 bg-gray-100"> | ||
| <img class="hidden lg:block absolute bottom-0 right-0 max-w-2xl 3xl:max-w-3xl" src="https://shuffle.dev/wrexa-assets/logos/brands/brands-with-circles.svg" alt=""> | ||
| <div class="container px-4 mx-auto"> | ||
| <div class="sm:flex mb-32 sm:mb-40 lg:mb-64"><a class="inline-block w-full sm:w-auto sm:mr-24 md:mr-40 mb-2 sm:mb-0" href="#">Download application</a><a class="inline-block w-full sm:w-auto sm:mr-auto mb-2 sm:mb-0" href="#">Select plan</a><a class="inline-block w-full sm:w-auto" href="#">Start a conversation</a></div> | ||
| <div class="2xl:ml-14 max-w-md md:max-w-lg lg:pb-52"> | ||
| <h2 class="font-heading text-4xl sm:text-5xl md:text-6xl mb-14">Cloud backup solutions for home and business</h2> | ||
| <p class="max-w-sm text-gray-800 font-light mb-20">The house like a sense of truth that comes from within. The final game.</p> | ||
| <a class="inline-block w-full sm:w-auto px-7 py-4 text-center font-medium bg-indigo-500 hover:bg-indigo-600 text-white rounded transition duration-250" href="#">Learn More</a> | ||
| </div> | ||
| </div> | ||
| <img class="lg:hidden block mx-auto mt-32" src="https://shuffle.dev/wrexa-assets/logos/brands/brands-with-circles.svg" alt=""> | ||
| </section> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| <section class="relative pt-24 bg-gray-100"> | ||
| <div class="container px-4 mx-auto"> | ||
| <div class="sm:flex mb-32"><a class="inline-block w-full sm:w-auto sm:mr-24 md:mr-40 mb-2 sm:mb-0" href="#">Download application</a><a class="inline-block w-full sm:w-auto sm:mr-auto mb-2 sm:mb-0" href="#">Select plan</a><a class="inline-block w-full sm:w-auto" href="#">Start a conversation</a></div> | ||
| <div class="max-w-5xl mx-auto text-center"> | ||
| <h2 class="font-heading text-4xl md:text-5xl xl:text-6xl mb-10">Cloud backup solutions for home and business</h2> | ||
| <p class="text-gray-800 font-light">The house like a sense of truth that comes from within. The final game.</p> | ||
| </div> | ||
| </div> | ||
| <img class="block w-full mx-auto 3xl:-mt-32" src="https://shuffle.dev/wrexa-assets/logos/brands/brands-center-circles.svg" alt=""> | ||
| </section> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <section class="py-40 bg-gray-100"> | ||
| <div class="container px-4 mx-auto"> | ||
| <h2 class="text-center font-heading text-4xl mb-16">Trusted by brands all over the world</h2> | ||
| <div class="max-w-5xl mx-auto mb-28"> | ||
| <div class="flex flex-wrap justify-center xl:justify-between items-center -mx-4 -mb-16"> | ||
| <div class="w-full sm:w-1/3 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/docusign.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/3 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/britishbank.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/3 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/fedex.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/3 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/starling.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/3 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/zendesk.svg" alt=""> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="text-center"> | ||
| <button class="w-16 py-px bg-gray-900 rounded-full"></button> | ||
| <button class="w-16 py-px bg-gray-200 rounded-full"></button> | ||
| </div> | ||
| </div> | ||
| </section> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| <section class="py-40 bg-gray-900"> | ||
| <div class="container px-4 mx-auto"> | ||
| <h2 class="text-center font-heading text-xl text-white mb-16">Trusted by brands all over the world</h2> | ||
| <div class="mb-28"> | ||
| <div class="flex flex-wrap justify-center xl:justify-between items-center -mx-4 -mb-16"> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/docusign-gray.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/british-business-bank-gray.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/fedex-gray.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/starlingbank-gray.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/zendesk-gray.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/british-business-bank-gray.svg" alt=""> | ||
| </div> | ||
| <div class="w-full sm:w-1/4 xl:w-auto px-4 mb-16"> | ||
| <img class="block mx-auto" src="https://shuffle.dev/wrexa-assets/logos/brands/fedex-gray.svg" alt=""> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="text-center"> | ||
| <button class="w-16 py-px bg-white rounded-full"></button> | ||
| <button class="w-16 py-px bg-gray-700 rounded-full"></button> | ||
| </div> | ||
| </div> | ||
| </section> |