-
Notifications
You must be signed in to change notification settings - Fork 2
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
Showing
6 changed files
with
455 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,69 @@ | ||
| <section> | ||
| <div class="container mx-auto px-4"> | ||
| <nav class="flex items-center justify-between py-8"> | ||
| <a class="text-2xl leading-none text-gray-600" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-indigo.svg" alt="" width="auto" /> | ||
| </a> | ||
| <div class="lg:hidden"> | ||
| <button class="navbar-burger block text-indigo-500 hover:text-indigo-500 focus:outline-none"> | ||
| <svg class="h-4 w-4" fill="currentColor " viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> | ||
| <title>Mobile menu</title> | ||
| <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| <ul class="ml-auto mr-10 hidden w-auto items-center space-x-12 lg:flex"> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">About</a></li> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">Company</a></li> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">Services</a></li> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">Testimonials</a></li> | ||
| </ul> | ||
| <a class="hidden rounded border border-indigo-500 px-5 py-3 text-sm font-semibold text-indigo-500 transition duration-200 hover:border-indigo-600 hover:bg-indigo-500 hover:text-white lg:block" href="#">Contact Us</a> | ||
| </nav> | ||
| <div class="-mx-4 mt-10 flex flex-wrap items-center pb-10 lg:my-10 lg:pb-16"> | ||
| <div class="mb-12 w-full px-4 md:mb-0 md:w-1/2"> | ||
| <h2 class="font-heading mb-8 max-w-sm text-3xl font-bold leading-tight md:text-4xl md:leading-tight lg:text-5xl lg:leading-tight">Take care of your performance every day.</h2> | ||
| <p class="mb-8 max-w-lg text-base leading-relaxed text-gray-500 lg:text-xl lg:leading-relaxed">Build a well-presented brand that everyone will love. Take care to develop resources continually and integrity them with previous projects.</p> | ||
| <div><a class="mb-3 block rounded border border-indigo-500 bg-indigo-500 px-5 py-3 text-center text-sm font-semibold text-white transition duration-200 hover:border-indigo-600 hover:bg-indigo-600 lg:mb-0 lg:mr-3 lg:inline-block" href="#">Track your performance</a><a class="block rounded border border-indigo-500 px-5 py-3 text-center text-sm font-semibold text-indigo-500 transition duration-200 hover:border-indigo-600 hover:bg-indigo-500 hover:text-white lg:inline-block" href="#">Learn more</a></div> | ||
| </div> | ||
| <div class="w-full px-4 md:w-1/2"> | ||
| <img class="w-full rounded-xl object-cover" src="https://shuffle.dev/plain-assets/images/indigo-600-square.png" alt="" /> | ||
| </div> | ||
| <button class="mx-auto mt-10 block h-16 w-16 rounded-full bg-indigo-50 p-5 hover:bg-indigo-100 lg:mt-20"> | ||
| <svg class="mx-auto text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| </div> | ||
| <div class="navbar-menu fixed bottom-0 left-0 top-0 z-50 hidden w-5/6 max-w-sm"> | ||
| <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25"></div> | ||
| <nav class="relative flex h-full w-full flex-col overflow-y-auto border-r bg-white px-6 py-6"> | ||
| <div class="mb-12 flex items-center"> | ||
| <a class="mr-auto text-2xl font-semibold leading-none" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-indigo.svg" alt="" width="auto" /> | ||
| </a> | ||
| <button class="navbar-close"> | ||
| <svg class="h-6 w-6 cursor-pointer hover:text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| <div> | ||
| <ul> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">About</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Company</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Services</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Testimonials</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="mt-auto"> | ||
| <div class="pt-6"><a class="block rounded border border-indigo-500 px-5 py-3 text-center text-sm font-semibold text-indigo-500 transition duration-200 hover:border-indigo-600 hover:bg-indigo-500 hover:text-white" href="#">Contact Us</a></div> | ||
| <p class="mb-4 mt-6 text-center text-sm text-gray-500"> | ||
| <span>© 2022 All rights reserved.</span> | ||
| </p> | ||
| </div> | ||
| </nav> | ||
| </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,87 @@ | ||
| <section class="relative overflow-y-hidden pb-8"> | ||
| <img class="absolute bottom-0 left-0 top-0 hidden w-2/5 object-cover lg:block" src="https://shuffle.dev/plain-assets/images/indigo-600-vertical.png" alt="" /> | ||
| <div class="container relative mx-auto px-4"> | ||
| <nav class="flex items-center justify-between py-8"> | ||
| <a class="hidden text-2xl leading-none text-gray-600 lg:inline-block" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-light.svg" alt="" width="auto" /> | ||
| </a> | ||
| <a class="text-2xl leading-none text-gray-600 lg:hidden" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-indigo.svg" alt="" width="auto" /> | ||
| </a> | ||
| <div class="ml-auto lg:hidden"> | ||
| <button class="navbar-burger block text-indigo-500 hover:text-indigo-500 focus:outline-none"> | ||
| <svg class="h-4 w-4" fill="currentColor " viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> | ||
| <title>Mobile menu</title> | ||
| <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| <div class="ml-auto hidden w-auto lg:flex lg:w-3/5 lg:pl-16"> | ||
| <ul class="flex items-center space-x-12"> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">About</a></li> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">Company</a></li> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">Services</a></li> | ||
| <li><a class="text-sm font-medium hover:text-indigo-700" href="#">Testimonials</a></li> | ||
| </ul> | ||
| <button class="ml-auto inline-block text-indigo-500 hover:text-indigo-700"> | ||
| <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| </nav> | ||
| <div class="ml-auto w-full lg:w-3/5 lg:pl-16"> | ||
| <div class="mb-20 mt-10 lg:mt-20"> | ||
| <h2 class="font-heading mb-8 max-w-sm text-3xl font-bold leading-tight md:text-4xl md:leading-tight lg:text-5xl lg:leading-tight">Take care of your performance every day.</h2> | ||
| <p class="mb-8 max-w-lg text-base leading-relaxed text-gray-500 lg:text-xl lg:leading-relaxed">Build a well-presented brand that everyone will love. Take care to develop resources continually and integrity them with previous projects.</p> | ||
| <div><a class="mb-3 block rounded border border-indigo-500 bg-indigo-500 px-5 py-3 text-center text-sm font-semibold text-white transition duration-200 hover:border-indigo-600 hover:bg-indigo-600 md:mb-0 md:mr-3 md:inline-block" href="#">Track your performance</a><a class="block rounded border border-indigo-500 px-5 py-3 text-center text-sm font-semibold text-indigo-500 transition duration-200 hover:border-indigo-600 hover:bg-indigo-500 hover:text-white md:inline-block" href="#">Learn more</a></div> | ||
| </div> | ||
| <div class="-mx-2 flex flex-wrap items-center justify-center"> | ||
| <div class="mb-12 w-1/2 px-2 text-center md:w-1/3 lg:w-1/5 lg:text-left"> | ||
| <img class="inline-block h-6" src="https://shuffle.dev/plain-assets/logos/jiggle-color.svg" alt="" /> | ||
| </div> | ||
| <div class="mb-12 w-1/2 px-2 text-center md:w-1/3 lg:w-1/5 lg:text-left"> | ||
| <img class="inline-block h-6" src="https://shuffle.dev/plain-assets/logos/symtric-color.svg" alt="" /> | ||
| </div> | ||
| <div class="mb-12 w-1/2 px-2 text-center md:w-1/3 lg:w-1/5 lg:text-left"> | ||
| <img class="inline-block h-6" src="https://shuffle.dev/plain-assets/logos/wishelp-color.svg" alt="" /> | ||
| </div> | ||
| <div class="mb-12 w-1/2 px-2 text-center md:w-1/3 lg:w-1/5 lg:text-left"> | ||
| <img class="inline-block h-6" src="https://shuffle.dev/plain-assets/logos/resecurb-color.svg" alt="" /> | ||
| </div> | ||
| <div class="mb-12 w-1/2 px-2 text-center md:w-1/3 lg:w-1/5 lg:text-left"> | ||
| <img class="inline-block h-6" src="https://shuffle.dev/plain-assets/logos/welytics-color.svg" alt="" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="navbar-menu fixed bottom-0 left-0 top-0 z-50 hidden w-5/6 max-w-sm"> | ||
| <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25"></div> | ||
| <nav class="relative flex h-full w-full flex-col overflow-y-auto border-r bg-white px-6 py-6"> | ||
| <div class="mb-12 flex items-center"> | ||
| <a class="mr-auto text-2xl font-semibold leading-none" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-indigo.svg" alt="" width="auto" /> | ||
| </a> | ||
| <button class="navbar-close"> | ||
| <svg class="h-6 w-6 cursor-pointer hover:text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| <div> | ||
| <ul> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">About</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Company</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Services</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Testimonials</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="mt-auto"> | ||
| <p class="mb-4 mt-6 text-center text-sm text-gray-500"> | ||
| <span>© 2022 All rights reserved.</span> | ||
| </p> | ||
| </div> | ||
| </nav> | ||
| </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,67 @@ | ||
| <section class="bg-indigo-500"> | ||
| <div class="container mx-auto px-4"> | ||
| <nav class="flex items-center justify-between py-8"> | ||
| <a class="text-2xl leading-none text-gray-600" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-light.svg" alt="" width="auto" /> | ||
| </a> | ||
| <div class="lg:hidden"> | ||
| <button class="navbar-burger block text-indigo-50 hover:text-indigo-200 focus:outline-none"> | ||
| <svg class="h-4 w-4" fill="currentColor " viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> | ||
| <title>Mobile menu</title> | ||
| <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| <ul class="ml-auto mr-10 hidden w-auto items-center space-x-12 lg:flex"> | ||
| <li><a class="text-sm font-medium text-indigo-50 hover:text-indigo-200" href="#">About</a></li> | ||
| <li><a class="text-sm font-medium text-indigo-50 hover:text-indigo-200" href="#">Company</a></li> | ||
| <li><a class="text-sm font-medium text-indigo-50 hover:text-indigo-200" href="#">Services</a></li> | ||
| <li><a class="text-sm font-medium text-indigo-50 hover:text-indigo-200" href="#">Testimonials</a></li> | ||
| </ul> | ||
| <button class="hidden text-indigo-50 hover:text-indigo-200 lg:block"> | ||
| <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> | ||
| </svg> | ||
| </button> | ||
| </nav> | ||
| <div class="relative mb-48 pb-32 pt-12 md:pt-16 lg:mb-64 lg:pb-48"> | ||
| <div class="mx-auto mb-16 max-w-2xl text-center"> | ||
| <h2 class="font-heading mb-4 text-3xl font-bold leading-tight text-white md:text-4xl md:leading-tight lg:text-5xl lg:leading-tight">Finish what you started today before you forget to do it.</h2> | ||
| <p class="mb-8 text-base leading-relaxed text-gray-50 lg:text-xl lg:leading-relaxed">Correct annotation helps your customers find their way around new features. Getting familiar with the project is the first step towards development.</p> | ||
| <div><a class="mb-3 block rounded border border-white bg-white px-5 py-3 text-center text-sm font-semibold text-indigo-500 transition duration-200 hover:border-indigo-50 hover:bg-indigo-50 md:mb-0 md:mr-3 md:inline-block" href="#">Try for Free</a><a class="block rounded border border-white px-5 py-3 text-center text-sm font-semibold text-white transition duration-200 hover:bg-white hover:text-indigo-500 md:inline-block" href="#">Learn More</a></div> | ||
| </div> | ||
| <div class="relative mx-auto max-w-3xl"> | ||
| <img class="absolute left-0 top-0 mx-auto h-64 w-full rounded-xl object-cover lg:h-96" src="https://shuffle.dev/plain-assets/images/indigo-600-horizontal.png" alt="" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="navbar-menu fixed bottom-0 left-0 top-0 z-50 hidden w-5/6 max-w-sm"> | ||
| <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25"></div> | ||
| <nav class="relative flex h-full w-full flex-col overflow-y-auto border-r bg-white px-6 py-6"> | ||
| <div class="mb-12 flex items-center"> | ||
| <a class="mr-auto text-2xl font-semibold leading-none" href="#"> | ||
| <img class="h-8" src="https://shuffle.dev/plain-assets/logos/plain-indigo.svg" alt="" width="auto" /> | ||
| </a> | ||
| <button class="navbar-close"> | ||
| <svg class="h-6 w-6 cursor-pointer hover:text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| <div> | ||
| <ul> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">About</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Company</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Services</a></li> | ||
| <li class="mb-1"><a class="block rounded p-4 text-sm font-semibold hover:bg-indigo-50 hover:text-indigo-500" href="#">Testimonials</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="mt-auto"> | ||
| <p class="mb-4 mt-6 text-center text-sm text-gray-500"> | ||
| <span>© 2022 All rights reserved.</span> | ||
| </p> | ||
| </div> | ||
| </nav> | ||
| </div> | ||
| </section> | ||
|
|
Oops, something went wrong.