-
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
1 parent
37c3642
commit 0a40904
Showing
20 changed files
with
744 additions
and
1 deletion.
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,28 @@ | ||
<div> <section class="py-24 2xl:py-40 bg-darkBlueGray-500 rounded-b-10xl"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="flex flex-wrap items-center -mx-4"> | ||
<div class="relative w-full lg:w-1/2 px-4 lg:pr-10 xl:pr-20 mb-20 lg:mb-0"> | ||
<img src="uinel-assets/images/contacts/widget3.png" alt=""> | ||
</div> | ||
<div class="w-full lg:w-1/2 px-4"> | ||
<h2 class="text-9xl md:text-10xl xl:text-11xl text-white font-medium font-heading mb-6">Contact</h2> | ||
<p class="text-lg text-gray-300 mb-14">Lorem ipsum commodo, tristique lectus.</p> | ||
<div class="flex flex-wrap mb-14 xl:mb-20"> | ||
<div class="w-full xl:w-1/2 flex items-center mb-6"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt=""> | ||
<a class="text-3xl text-white font-medium" href="#">+ 44 1447881709</a> | ||
</div> | ||
<div class="w-full xl:w-1/2 flex items-center mb-6"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt=""> | ||
<a class="text-3xl text-white font-medium" href="#">uinelchat</a> | ||
</div> | ||
<div class="w-full xl:w-1/2 flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt=""> | ||
<a class="text-3xl text-white font-medium" href="#">help@uinel</a> | ||
</div> | ||
</div> | ||
<div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
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,42 @@ | ||
<div> <section> | ||
<div class="pb-12 pt-24 2xl:pt-40 bg-blueGray-100 rounded-b-10xl"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="text-center"> | ||
<h2 class="text-9xl md:text-10xl xl:text-11xl font-medium font-heading mb-12 leading-tight">Have a question?</h2> | ||
<p class="mb-20 text-lg text-darkBlueGray-400">Sed porttitor turpis sit amet malesuada porta lobortis.</p> | ||
<div class="flex items-center flex-wrap"> | ||
<div class="w-full lg:w-1/3 mb-8 lg:mb-0 pb-4 lg:pb-0 md:px-8 xl:px-16 border-b lg:border-b-0 lg:border-r border-gray-200 border-opacity-50"> | ||
<div class="flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt=""> | ||
<a class="text-xl lg:text-3xl font-medium" href="#">+ 44 1447881709</a> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/3 mb-8 lg:mb-0 pb-4 lg:pb-0 md:px-8 xl:px-16 border-b lg:border-b-0 lg:border-r border-gray-200 border-opacity-50"> | ||
<div class="flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt=""> | ||
<a class="text-xl lg:text-3xl font-medium" href="#">help@uinel</a> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/3 pb-8 lg:pb-0 md:px-8 xl:px-16"> | ||
<div class="flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt=""> | ||
<a class="text-xl lg:text-3xl font-medium" href="#">uinelchat</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="container mx-auto px-6 pt-20 pb-24"> | ||
<div class="flex flex-wrap items-center justify-center"> | ||
<a class="inline-block py-5 px-10 mb-6 md:mb-0 md:mr-12 w-full md:w-auto text-xl leading-6 text-white font-medium tracking-tighter text-center font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" type="button">Book now</a> | ||
<a class="inline-flex items-center pb-2 font-bold tracking-tight text-xl leading-6 text-green-600 hover:text-green-700 border-b border-green-600 hover:border-green-700" href="#"> | ||
<span class="mr-3">More information</span> | ||
<svg width="16" height="13" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path d="M10.8 1L15 7H1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> | ||
<path d="M11 12L15 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</a> | ||
</div> | ||
</div> | ||
</section></div> |
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 @@ | ||
<div><section class="py-24 2xl:pt-32 2xl:pb-36 bg-blueGray-100 rounded-b-10xl overflow-hidden"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="flex flex-wrap items-center -mx-4"> | ||
<div class="w-full lg:w-1/2 px-4 mb-20 lg:mb-0"> | ||
<img src="uinel-assets/images/contacts/widget2.png" alt=""> | ||
</div> | ||
<div class="w-full lg:w-1/2 px-4"> | ||
<h2 class="mb-6 text-9xl md:text-10xl xl:text-11xl font-medium font-heading">Contact</h2> | ||
<p class="mb-14 text-lg text-darkBlueGray-400">Lorem ipsum commodo, tristique lectus.</p> | ||
<div class="flex flex-wrap mb-14 xl:mb-20"> | ||
<div class="flex items-center mb-6 w-full xl:w-1/2"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt=""> | ||
<a class="text-3xl font-medium" href="#">+ 44 1447881709</a> | ||
</div> | ||
<div class="flex items-center mb-6 w-full xl:w-1/2"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt=""> | ||
<a class="text-3xl font-medium" href="#">uinelchat</a> | ||
</div> | ||
<div class="flex items-center w-full xl:w-1/2"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt=""> | ||
<a class="text-3xl font-medium" href="#">help@uinel</a> | ||
</div> | ||
</div> | ||
<div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div> | ||
</div> | ||
</div> | ||
</div> | ||
</section> </div> |
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,49 @@ | ||
<div> <section class="py-24 2xl:pt-28 2xl:pb-36 bg-blueGray-100 rounded-b-10xl"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="flex flex-wrap -mx-4"> | ||
<div class="w-full lg:w-1/2 px-4 mb-10 lg:mb-0"> | ||
<div class="max-w-lg lg:mt-20 mx-auto"> | ||
<h2 class="text-9xl md:text-10xl xl:text-11xl font-medium font-heading mb-16 lg:mb-24 leading-tight">Contact us</h2> | ||
<div class="max-w-sm py-4 border-b border-gray-200 border-opacity-50"> | ||
<div class="flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt=""> | ||
<a class="text-xl font-semibold" href="#">+ 44 1447881709</a> | ||
</div> | ||
</div> | ||
<div class="max-w-sm py-4 border-b border-gray-200 border-opacity-50"> | ||
<div class="flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt=""> | ||
<a class="text-xl font-semibold" href="#">uinelchat</a> | ||
</div> | ||
</div> | ||
<div class="py-4"> | ||
<div class="flex items-center"> | ||
<img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt=""> | ||
<a class="text-xl font-semibold" href="#">[email protected]</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/2 px-4"> | ||
<div class="max-w-xl mx-auto py-14 md:pt-16 md:pb-20 px-8 md:px-20 bg-white rounded-xl"> | ||
<h3 class="font-heading font-medium text-7xl lg:text-8xl mb-12">Message</h3> | ||
<input class="mb-5 w-full px-12 py-5 text-xl border-2 border-blue-400 rounded-xl placeholder-darkBlueGray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" type="email" placeholder="Your Email"> | ||
<textarea class="mb-10 w-full px-12 py-5 h-32 text-xl border-2 border-blue-400 rounded-xl placeholder-darkBlueGray-400 resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" placeholder="Message" name="" id="" cols="30" rows="10"></textarea> | ||
<div class="flex mb-6"> | ||
<div class="relative"> | ||
<input type="checkbox"> | ||
<span class="absolute top-0 left-0 bg-white"> | ||
<svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<rect x="0.5" y="0.5" width="27" height="27" rx="13.5" stroke="#348BF6"></rect> | ||
<path d="M11.135 20.6747L5 14.0559L5.81024 13.1818L11.135 18.9265L22.1898 7L23 7.87414L11.135 20.6747Z" fill="#326BFF"></path> | ||
</svg> | ||
</span> | ||
</div> | ||
<p class="ml-10 text-base text-gray-400">By singning up, you agree to our Terms, Data Policy and Cookies.</p> | ||
</div> | ||
<div class="text-right"><a class="inline-block py-5 px-10 w-full md:w-auto text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Send</a></div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
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,15 @@ | ||
<div><section class="py-24 2xl:py-44 bg-blueGray-100 rounded-b-10xl"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="flex flex-wrap items-center -mx-4"> | ||
<div class="w-full md:w-1/2 lg:w-2/5 px-4 mb-20 md:mb-0"> | ||
<span class="mb-9 block font-medium uppercase tracking-widest text-xs leading-4 text-gray-300">Contact us</span> | ||
<h2 class="mt-8 mb-12 text-9xl md:text-10xl xl:text-11xl font-medium font-heading leading-tight">Have any question?</h2> | ||
<p class="mb-14 xl:mb-16 text-lg text-darkBlueGray-400">Lorem ipsum commodo, tristique lectus.</p> | ||
<div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div> | ||
</div> | ||
<div class="w-full md:w-1/2 lg:w-3/5 px-4"> | ||
<img src="uinel-assets/images/contacts/widget.png" alt=""> | ||
</div> | ||
</div> | ||
</div> | ||
</section> </div> |
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,58 @@ | ||
<div><section class="py-24 2xl:pt-64 2xl:pb-48 font-medium bg-yellow-500 overflow-hidden"> | ||
<div class="relative container px-4 mx-auto"> | ||
<span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span> | ||
<h2 class="mb-20 xl:mb-44 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2> | ||
<div class="flex mb-20 xl:mb-40"> | ||
<div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3"> | ||
<div class="relative py-9 px-16 h-full bg-white rounded-3xl"> | ||
<h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How should i develop my workflow over time?</h3> | ||
<a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#"> | ||
<img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt=""> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3"> | ||
<div class="relative py-9 px-16 h-full bg-white rounded-3xl"> | ||
<h3 class="font-heading text-3xl xl:text-6xl leading-tighter">Can i pay by credit card?</h3> | ||
<a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#"> | ||
<img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt=""> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3"> | ||
<div class="relative py-9 px-16 h-full bg-white rounded-3xl"> | ||
<h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How often should the app be updated?</h3> | ||
<a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#"> | ||
<img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt=""> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3"> | ||
<div class="relative py-9 px-16 h-full bg-white rounded-3xl"> | ||
<h3 class="font-heading text-3xl xl:text-6xl leading-tighter">What is a product key?</h3> | ||
<a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#"> | ||
<img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt=""> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="relative flex flex-wrap justify-center"> | ||
<div class="flex items-center mx-auto w-full md:w-1/2 xl:w-full max-w-max"> | ||
<a class="mr-4 lg:mr-8 xl:mr-24" href="#"> | ||
<img src="uinel-assets/elements/faqs/arrow-left-black.svg" alt=""> | ||
</a> | ||
<div class="flex mx-auto w-56 lg:w-96 h-px bg-gray-100" style="height: 2px;"><a class="w-1/3 bg-indigo-500" href="#"></a><a class="w-2/3 bg-white" href="#"></a></div> | ||
<a class="ml-4 lg:ml-8 xl:ml-24" href="#"> | ||
<img src="uinel-assets/elements/faqs/arrow-right-black.svg" alt=""> | ||
</a> | ||
</div> | ||
<a class="xl:absolute xl:top-0 xl:right-0 xl:transform xl:-translate-y-1/2 inline-block mt-10 sm:mt-0 hover:text-darkBlueGray-400" href="#"> | ||
<div class="relative py-5 px-16"> | ||
<span class="relative z-10 font-heading text-xl">Scroll for more</span> | ||
<img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse1-blue.svg" alt=""> | ||
<img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse2-blue.svg" alt=""> | ||
</div> | ||
</a> | ||
</div> | ||
</div> | ||
</section> </div> |
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,56 @@ | ||
<div> <section class="font-medium bg-yellow-500 py-24 2xl:pt-64 2xl:pb-48"> | ||
<div class="container px-4 mx-auto"> | ||
<span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span> | ||
<h2 class="mb-20 xl:mb-24 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2> | ||
<div class="relative flex justify-between md:hidden mb-16"> | ||
<div class="relative w-12 h-12 bg-white z-10 rounded-full"> | ||
<span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">1</span> | ||
</div> | ||
<div class="relative w-12 h-12 bg-white z-10 rounded-full"> | ||
<span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">2</span> | ||
</div> | ||
<div class="relative w-12 h-12 bg-white z-10 rounded-full"> | ||
<span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">3</span> | ||
</div> | ||
<div class="absolute top-1/2 bg-black w-full" style="height:2px;"></div> | ||
</div> | ||
<div class="flex mx-auto max-w-max"> | ||
<div class="relative md:top-12 md:flex md:flex-col mr-12 hidden"> | ||
<div class="relative mb-44 lg:mb-32 w-12 h-12 bg-white z-10 rounded-full"> | ||
<span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">1</span> | ||
</div> | ||
<div class="relative w-12 h-12 mb-20 lg:mb-11 bg-white z-10 rounded-full"> | ||
<span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">2</span> | ||
</div> | ||
<div class="relative w-12 h-12 bg-white z-10 rounded-full"> | ||
<span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">3</span> | ||
</div> | ||
<div class="absolute top-4 left-1/2 transform -transform-x-1/2 h-96 lg:h-72 bg-black" style="width:2px;"></div> | ||
</div> | ||
<div class="max-w-max"> | ||
<a class="flex justify-between items-start px-8 md:px-14 py-9 mb-12 bg-white max-w-max rounded-3xl" href="#"> | ||
<div> | ||
<h2 class="mb-5 font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">How should i develop my workflow over time?</h2> | ||
<p class="text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p> | ||
</div> | ||
<img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt=""> | ||
</a> | ||
<a class="flex justify-between items-start px-8 md:px-14 mb-9 md:mb-16 xl:mb-9 max-w-max" href="#"> | ||
<div> | ||
<h2 class="font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">How often should the app be updated?</h2> | ||
<p class="hidden text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p> | ||
</div> | ||
<img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt=""> | ||
</a> | ||
<a class="flex justify-between items-start mb-28 px-8 md:px-14 max-w-max" href="#"> | ||
<div> | ||
<h2 class="font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">Can i pay by credit card?</h2> | ||
<p class="hidden text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p> | ||
</div> | ||
<img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt=""> | ||
</a> | ||
<div class="flex justify-center"><a class="inline-block py-5 px-10 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Show more</a></div> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
Oops, something went wrong.