-
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
a0acb63
commit f83ac53
Showing
4 changed files
with
135 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,46 @@ | ||
| <section class="pt-24 md:pt-40 bg-orange-900 overflow-hidden"> | ||
| <div class="container px-4 mx-auto"> | ||
| <div class="flex items-center mb-24"> | ||
| <span class="font-heading text-xl">06</span> | ||
| <div class="mx-4 rounded-full bg-gray-200 h-1 w-1"></div> | ||
| <span class="font-heading text-xl">Download App</span> | ||
| </div> | ||
| <div class="flex flex-wrap -mx-4"> | ||
| <div class="w-full lg:w-1/2 px-4 pb-24 lg:pb-52"> | ||
| <div class="max-w-md lg:max-w-none mx-auto"> | ||
| <h1 class="font-heading text-4xl sm:text-6xl lg:text-7xl mb-20">Online Configurator</h1> | ||
| <div class="flex flex-wrap -mx-4 mb-16"> | ||
| <div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0"> | ||
| <div class="flex max-w-xs"> | ||
| <div class="mr-6 text-indigo-500"> | ||
| <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path d="M19.9999 3.33301C19.5579 3.33301 19.134 3.5086 18.8214 3.82116C18.5088 4.13372 18.3333 4.55765 18.3333 4.99967V8.33301C18.3333 8.77504 18.5088 9.19896 18.8214 9.51152C19.134 9.82408 19.5579 9.99967 19.9999 9.99967C20.4419 9.99967 20.8659 9.82408 21.1784 9.51152C21.491 9.19896 21.6666 8.77504 21.6666 8.33301V4.99967C21.6666 4.55765 21.491 4.13372 21.1784 3.82116C20.8659 3.5086 20.4419 3.33301 19.9999 3.33301ZM34.9999 18.333H31.6666C31.2246 18.333 30.8006 18.5086 30.4881 18.8212C30.1755 19.1337 29.9999 19.5576 29.9999 19.9997C29.9999 20.4417 30.1755 20.8656 30.4881 21.1782C30.8006 21.4907 31.2246 21.6663 31.6666 21.6663H34.9999C35.4419 21.6663 35.8659 21.4907 36.1784 21.1782C36.491 20.8656 36.6666 20.4417 36.6666 19.9997C36.6666 19.5576 36.491 19.1337 36.1784 18.8212C35.8659 18.5086 35.4419 18.333 34.9999 18.333ZM9.99992 19.9997C9.99992 19.5576 9.82432 19.1337 9.51176 18.8212C9.1992 18.5086 8.77528 18.333 8.33325 18.333H4.99992C4.55789 18.333 4.13397 18.5086 3.82141 18.8212C3.50885 19.1337 3.33325 19.5576 3.33325 19.9997C3.33325 20.4417 3.50885 20.8656 3.82141 21.1782C4.13397 21.4907 4.55789 21.6663 4.99992 21.6663H8.33325C8.77528 21.6663 9.1992 21.4907 9.51176 21.1782C9.82432 20.8656 9.99992 20.4417 9.99992 19.9997ZM10.3666 8.33301C10.0417 8.0258 9.60807 7.86023 9.16111 7.87274C8.71415 7.88524 8.29046 8.07478 7.98325 8.39967C7.67604 8.72457 7.51048 9.15819 7.52298 9.60515C7.53548 10.0521 7.72503 10.4758 8.04992 10.783L10.4499 13.0997C10.611 13.2552 10.8017 13.3767 11.0108 13.4568C11.2198 13.537 11.4428 13.5743 11.6666 13.5663C11.8911 13.5655 12.1131 13.5193 12.3193 13.4305C12.5255 13.3417 12.7117 13.2122 12.8666 13.0497C13.177 12.7374 13.3512 12.315 13.3512 11.8747C13.3512 11.4344 13.177 11.0119 12.8666 10.6997L10.3666 8.33301ZM28.3333 13.5663C28.7624 13.5646 29.1743 13.3975 29.4833 13.0997L31.8833 10.783C32.176 10.4771 32.3414 10.0712 32.3458 9.64779C32.3501 9.22437 32.1931 8.81517 31.9067 8.50329C31.6203 8.19141 31.2259 8.00025 30.8037 7.96862C30.3814 7.93699 29.9629 8.06728 29.6333 8.33301L27.2333 10.6997C26.9228 11.0119 26.7486 11.4344 26.7486 11.8747C26.7486 12.315 26.9228 12.7374 27.2333 13.0497C27.5218 13.3542 27.9146 13.5387 28.3333 13.5663ZM19.9999 29.9997C19.5579 29.9997 19.134 30.1753 18.8214 30.4878C18.5088 30.8004 18.3333 31.2243 18.3333 31.6663V34.9997C18.3333 35.4417 18.5088 35.8656 18.8214 36.1782C19.134 36.4907 19.5579 36.6663 19.9999 36.6663C20.4419 36.6663 20.8659 36.4907 21.1784 36.1782C21.491 35.8656 21.6666 35.4417 21.6666 34.9997V31.6663C21.6666 31.2243 21.491 30.8004 21.1784 30.4878C20.8659 30.1753 20.4419 29.9997 19.9999 29.9997ZM29.5499 26.8997C29.2317 26.5925 28.8044 26.4243 28.3621 26.4321C27.9199 26.4399 27.4988 26.6231 27.1916 26.9413C26.8844 27.2596 26.7162 27.6869 26.724 28.1291C26.7318 28.5714 26.915 28.9925 27.2333 29.2997L29.6333 31.6663C29.9422 31.9641 30.3541 32.1313 30.7833 32.133C31.0066 32.1343 31.2279 32.0907 31.434 32.0048C31.6402 31.9189 31.8269 31.7925 31.9833 31.633C32.1395 31.4781 32.2635 31.2937 32.3481 31.0906C32.4327 30.8875 32.4762 30.6697 32.4762 30.4497C32.4762 30.2297 32.4327 30.0118 32.3481 29.8087C32.2635 29.6056 32.1395 29.4213 31.9833 29.2663L29.5499 26.8997ZM10.4499 26.8997L8.04992 29.2163C7.8937 29.3713 7.76971 29.5556 7.6851 29.7587C7.60049 29.9618 7.55692 30.1797 7.55692 30.3997C7.55692 30.6197 7.60049 30.8375 7.6851 31.0406C7.76971 31.2437 7.8937 31.4281 8.04992 31.583C8.20624 31.7425 8.39302 31.8689 8.59916 31.9548C8.8053 32.0407 9.0266 32.0843 9.24992 32.083C9.66078 32.0865 10.0584 31.9381 10.3666 31.6663L12.7666 29.3497C13.0848 29.0425 13.268 28.6214 13.2758 28.1791C13.2837 27.7369 13.1155 27.3096 12.8083 26.9913C12.501 26.6731 12.08 26.4899 11.6377 26.4821C11.1954 26.4743 10.7682 26.6425 10.4499 26.9497V26.8997Z" fill="currentColor"></path> | ||
| </svg> | ||
| </div> | ||
| <div> | ||
| <h4 class="text-xl sm:text-2xl mb-6">Flexibility</h4> | ||
| <p class="font-light">The house by the pond cras ornare, some chords for a three moments, like a sense of truth that.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="w-full lg:w-1/2 px-4"> | ||
| <div class="flex max-w-xs"> | ||
| <div class="mr-6 text-indigo-500"> | ||
| <svg width="40" height="34" viewbox="0 0 22 34" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="14" y="0.75" width="3.5" height="7" rx="1.75" transform="rotate(90 14 0.75)" fill="currentColor"></rect><rect x="18" y="8" width="3" height="15" rx="1.5" transform="rotate(90 18 8)" fill="currentColor"></rect><rect x="22" y="15.25" width="3" height="15" rx="1.5" transform="rotate(90 22 15.25)" fill="currentColor"></rect><rect x="15" y="22.5" width="3" height="15" rx="1.5" transform="rotate(90 15 22.5)" fill="currentColor"></rect><rect x="16" y="30" width="3.5" height="9" rx="1.75" transform="rotate(90 16 30)" fill="currentColor"></rect></svg> | ||
| </div> | ||
| <div> | ||
| <h4 class="text-xl sm:text-2xl mb-6">Organize</h4> | ||
| <p class="font-light">Really, like a sense of truth that comes from within. The final game.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <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="#">Download Application</a> | ||
| </div> | ||
| </div> | ||
| <div class="w-full lg:w-1/2 px-4 flex items-end"> | ||
| <img class="block max-w-sm xl:max-w-lg mx-auto lg:mr-0" src="https://shuffle.dev/wrexa-assets/images/application-right.png" alt=""> | ||
| </div> | ||
| </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,37 @@ | ||
| <section class="pt-24 md:pt-16 bg-gray-900"> | ||
| <div class="container px-4 mx-auto"> | ||
| <div class="flex flex-wrap items-end -mx-4"> | ||
| <div class="w-full lg:w-1/2 px-4 pb-24 lg:pb-36"> | ||
| <div class="max-w-2xl mx-auto"> | ||
| <h2 class="font-heading text-4xl md:text-5xl text-white mb-16">Download and sharing files has never been easy</h2> | ||
| <div class="lg:flex mb-24 lg:mb-32"> | ||
| <div class="flex mb-4 lg:mb-0 mr-6 xl:mr-12 items-center"> | ||
| <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <circle opacity="0.1" cx="14" cy="14" r="14" fill="#95A8FF"></circle> | ||
| <g clip-path="url(#clip0_1312_6230)"> | ||
| <path d="M18.9173 11.914L18.1189 11.086C18.0927 11.0587 18.0616 11.0371 18.0274 11.0223C17.9931 11.0076 17.9564 11 17.9193 11C17.8822 11 17.8455 11.0076 17.8113 11.0223C17.777 11.0371 17.7459 11.0587 17.7197 11.086L13.6372 15.5552L11.2971 13.1275C11.2435 13.0719 11.1708 13.0407 11.0949 13.0407C11.0191 13.0407 10.9463 13.0719 10.8927 13.1275L10.0837 13.9671C10.0301 14.0227 10 14.0981 10 14.1768C10 14.2554 10.0301 14.3308 10.0837 14.3865L13.4119 17.9178C13.4426 17.949 13.48 17.9724 13.5209 17.9861C13.5619 17.9997 13.6054 18.0033 13.6479 17.9965C13.6917 18.0044 13.7367 18.0014 13.7791 17.9877C13.8216 17.974 13.8603 17.9501 13.892 17.9178L18.9173 12.3281C18.9703 12.2732 19.0001 12.1987 19.0001 12.121C19.0001 12.0434 18.9703 11.9689 18.9173 11.9139V11.914Z" fill="#95A8FF"></path> | ||
| </g> | ||
| <defs><clippath id="clip0_1312_6230"><rect width="9" height="7" fill="white" transform="translate(10 11)"></rect></clippath></defs> | ||
| </svg> | ||
| <span class="ml-4 text-gray-400">The house by the pond cras ornare</span> | ||
| </div> | ||
| <div class="flex items-center"> | ||
| <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <circle opacity="0.1" cx="14" cy="14" r="14" fill="#95A8FF"></circle> | ||
| <g clip-path="url(#clip0_1312_6230)"> | ||
| <path d="M18.9173 11.914L18.1189 11.086C18.0927 11.0587 18.0616 11.0371 18.0274 11.0223C17.9931 11.0076 17.9564 11 17.9193 11C17.8822 11 17.8455 11.0076 17.8113 11.0223C17.777 11.0371 17.7459 11.0587 17.7197 11.086L13.6372 15.5552L11.2971 13.1275C11.2435 13.0719 11.1708 13.0407 11.0949 13.0407C11.0191 13.0407 10.9463 13.0719 10.8927 13.1275L10.0837 13.9671C10.0301 14.0227 10 14.0981 10 14.1768C10 14.2554 10.0301 14.3308 10.0837 14.3865L13.4119 17.9178C13.4426 17.949 13.48 17.9724 13.5209 17.9861C13.5619 17.9997 13.6054 18.0033 13.6479 17.9965C13.6917 18.0044 13.7367 18.0014 13.7791 17.9877C13.8216 17.974 13.8603 17.9501 13.892 17.9178L18.9173 12.3281C18.9703 12.2732 19.0001 12.1987 19.0001 12.121C19.0001 12.0434 18.9703 11.9689 18.9173 11.9139V11.914Z" fill="#95A8FF"></path> | ||
| </g> | ||
| <defs><clippath id="clip0_1312_6230"><rect width="9" height="7" fill="white" transform="translate(10 11)"></rect></clippath></defs> | ||
| </svg> | ||
| <span class="ml-4 text-gray-400">All options</span> | ||
| </div> | ||
| </div> | ||
| <a class="inline-block px-8 py-4 font-medium bg-indigo-500 hover:bg-indigo-600 text-white rounded transition duration-250" href="#">Download Application</a> | ||
| </div> | ||
| </div> | ||
| <div class="w-full lg:w-1/2 px-4 flex items-end"> | ||
| <img class="block w-full xl:w-auto max-w-sm lg:max-w-none mx-auto" src="https://shuffle.dev/wrexa-assets/images/application-green-right.png" alt=""> | ||
| </div> | ||
| </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,52 @@ | ||
| <section class="pt-24 lg:py-40 bg-gray-900 relative overflow-hidden"> | ||
| <img class="hidden lg:block absolute top-0 left-0 mt-14 w-1/3 h-full object-cover" src="https://shuffle.dev/wrexa-assets/images/frame-application-left.png" alt=""> | ||
| <div class="container px-4 mx-auto"> | ||
| <div class="w-full lg:w-1/2 ml-auto"> | ||
| <div> | ||
| <div class="mb-24 lg:mb-0"> | ||
| <h1 class="font-heading text-4xl sm:text-5xl lg:text-7xl text-white mb-20">Download app</h1> | ||
| <div class="flex items-center mb-4"> | ||
| <span class="w-8 h-8 mr-8 text-indigo-500"> | ||
| <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <circle cx="16" cy="16" r="16" fill="currentColor"></circle> | ||
| <path d="M21.6209 13.6159L20.7084 12.6695C20.6785 12.6384 20.6429 12.6137 20.6038 12.5968C20.5647 12.58 20.5227 12.5713 20.4803 12.5713C20.4379 12.5713 20.396 12.58 20.3568 12.5968C20.3177 12.6137 20.2822 12.6384 20.2523 12.6695L15.5865 17.7773L12.9121 15.0028C12.8508 14.9392 12.7677 14.9035 12.681 14.9035C12.5943 14.9035 12.5112 14.9392 12.4499 15.0028L11.5254 15.9622C11.4641 16.0258 11.4297 16.112 11.4297 16.2019C11.4297 16.2918 11.4641 16.378 11.5254 16.4415L15.329 20.4773C15.3641 20.513 15.4068 20.5397 15.4536 20.5554C15.5004 20.571 15.5501 20.5751 15.5987 20.5673C15.6488 20.5764 15.7002 20.5729 15.7487 20.5573C15.7972 20.5416 15.8414 20.5142 15.8777 20.4773L21.6209 14.0891C21.6815 14.0264 21.7155 13.9412 21.7155 13.8525C21.7155 13.7637 21.6815 13.6786 21.6209 13.6158V13.6159Z" fill="white"></path> | ||
| <defs><rect width="10.2857" height="8" fill="white" transform="translate(11.4297 12.5713)"></rect></defs> | ||
| </svg> | ||
| </span> | ||
| <span class="text-xl text-white">Beautiful and awesome interface</span> | ||
| </div> | ||
| <div class="flex items-center mb-4"> | ||
| <span class="w-8 h-8 mr-8 text-indigo-500"> | ||
| <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <circle cx="16" cy="16" r="16" fill="currentColor"></circle> | ||
| <path d="M21.6209 13.6159L20.7084 12.6695C20.6785 12.6384 20.6429 12.6137 20.6038 12.5968C20.5647 12.58 20.5227 12.5713 20.4803 12.5713C20.4379 12.5713 20.396 12.58 20.3568 12.5968C20.3177 12.6137 20.2822 12.6384 20.2523 12.6695L15.5865 17.7773L12.9121 15.0028C12.8508 14.9392 12.7677 14.9035 12.681 14.9035C12.5943 14.9035 12.5112 14.9392 12.4499 15.0028L11.5254 15.9622C11.4641 16.0258 11.4297 16.112 11.4297 16.2019C11.4297 16.2918 11.4641 16.378 11.5254 16.4415L15.329 20.4773C15.3641 20.513 15.4068 20.5397 15.4536 20.5554C15.5004 20.571 15.5501 20.5751 15.5987 20.5673C15.6488 20.5764 15.7002 20.5729 15.7487 20.5573C15.7972 20.5416 15.8414 20.5142 15.8777 20.4773L21.6209 14.0891C21.6815 14.0264 21.7155 13.9412 21.7155 13.8525C21.7155 13.7637 21.6815 13.6786 21.6209 13.6158V13.6159Z" fill="white"></path> | ||
| <defs><rect width="10.2857" height="8" fill="white" transform="translate(11.4297 12.5713)"></rect></defs> | ||
| </svg> | ||
| </span> | ||
| <span class="text-xl text-white">Online collaborative anytime, anywhere.</span> | ||
| </div> | ||
| <div class="flex items-center mb-32"> | ||
| <span class="w-8 h-8 mr-8 text-indigo-500"> | ||
| <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <circle cx="16" cy="16" r="16" fill="currentColor"></circle> | ||
| <path d="M21.6209 13.6159L20.7084 12.6695C20.6785 12.6384 20.6429 12.6137 20.6038 12.5968C20.5647 12.58 20.5227 12.5713 20.4803 12.5713C20.4379 12.5713 20.396 12.58 20.3568 12.5968C20.3177 12.6137 20.2822 12.6384 20.2523 12.6695L15.5865 17.7773L12.9121 15.0028C12.8508 14.9392 12.7677 14.9035 12.681 14.9035C12.5943 14.9035 12.5112 14.9392 12.4499 15.0028L11.5254 15.9622C11.4641 16.0258 11.4297 16.112 11.4297 16.2019C11.4297 16.2918 11.4641 16.378 11.5254 16.4415L15.329 20.4773C15.3641 20.513 15.4068 20.5397 15.4536 20.5554C15.5004 20.571 15.5501 20.5751 15.5987 20.5673C15.6488 20.5764 15.7002 20.5729 15.7487 20.5573C15.7972 20.5416 15.8414 20.5142 15.8777 20.4773L21.6209 14.0891C21.6815 14.0264 21.7155 13.9412 21.7155 13.8525C21.7155 13.7637 21.6815 13.6786 21.6209 13.6158V13.6159Z" fill="white"></path> | ||
| <defs><rect width="10.2857" height="8" fill="white" transform="translate(11.4297 12.5713)"></rect></defs> | ||
| </svg> | ||
| </span> | ||
| <span class="text-xl text-white">More plugins</span> | ||
| </div> | ||
| <a class="inline-flex items-center text-white hover:text-gray-200" href="#"> | ||
| <div class="relative flex items-center justify-center w-24 h-24 text-gray-400"> | ||
| <img class="absolute top-0 left-0 w-full h-full object-contain" src="https://shuffle.dev/wrexa-assets/elements/circle-border.svg" alt=""> | ||
| <svg width="17" height="20" viewbox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path d="M17 11.2782L15.4966 9.73549L9.5625 15.8244L9.5625 -3.25103e-07L7.4375 -4.1799e-07L7.4375 15.8244L1.50344 9.73549L-4.92984e-07 11.2782L8.5 20L17 11.2782Z" fill="white"></path> | ||
| </svg> | ||
| </div> | ||
| <span class="ml-8">Download here!</span> | ||
| </a> | ||
| </div> | ||
| <img class="block lg:hidden" style="object-fit: cover;" src="https://shuffle.dev/wrexa-assets/images/frame-application-left.png" alt=""> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> |
Empty file.