mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 10:37:03 +00:00
90 lines
6.7 KiB
HTML
90 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Hero 9</title>
|
|
<link rel="stylesheet" href="./../../../dist/tailshape.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- hero 9 start -->
|
|
<section class="section_divider">
|
|
<div>Hero 9</div>
|
|
</section>
|
|
|
|
<section class="relative min-h-screen bg-gray-200 dark:bg-gray-800 rounded-lg min-w-screen animation-fade animation-delay">
|
|
<div class="container px-1 mx-auto sm:px-10 md:px-0">
|
|
<div class="flex flex-col items-center justify-center w-full md:flex-row">
|
|
<div class="flex justify-center w-full md:max-w-md md:mr-8 lg:mr-12">
|
|
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
|
|
<lottie-player src="https://assets5.lottiefiles.com/packages/lf20_1H7IW0.json" background="transparent" class="max-w-md min-w-sm" speed="1" loop autoplay></lottie-player>
|
|
</div>
|
|
|
|
<div class="w-full max-w-md px-4 pb-10 text-xs text-center md:pb-0 sm:text-sm lg:text-base md:max-w-lg md:w-full md:text-left">
|
|
<h2 class="text-2xl font-bold leading-snug dark:text-gray-300 sm:text-3xl md:text-4xl lg:text-5xl md:leading-tight md:mt-10">
|
|
Understanding the<br />
|
|
customer journey.
|
|
</h2>
|
|
|
|
<p class="mt-4 sm:mt-6 md:max-w-sm dark:text-purple-800">
|
|
To succeed, one must have an unwavering desire to succeed amidst fear of failure.
|
|
</p>
|
|
|
|
<button class="flex justify-center w-full max-w-xs py-4 mx-auto mt-10 text-sm font-semibold text-black transition-colors duration-100 bg-orange-500 rounded hover:bg-purple-600 hover:text-white focus:bg-purple-600 focus:text-white md:max-w-sm md:mx-0">
|
|
Start your 14 day FREE Trial
|
|
</button>
|
|
|
|
<hr class="my-10 border-2" />
|
|
|
|
<p class="text-gray-700 dark:text-gray-300 text-md">
|
|
“Our conversion rates have gone up 12% since we start using this platform! I highly recommend using this tool.”
|
|
</p>
|
|
|
|
<div class="mt-4">
|
|
<div class="self-center font-semibold text-gray-900 dark:text-purple-800">Jane Doe, CTO of SomeCompany</div>
|
|
<div class="flex justify-center mt-3 md:justify-start">
|
|
<svg class="w-8 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" data-type="glyph" data-name="favourite-31">
|
|
<g class="nc-icon-wrapper" fill="currentColor">
|
|
<path fill="currentColor" d="M12.712,1.942l2.969,6.015l6.638,0.965c0.651,0.095,0.911,0.895,0.44,1.354l-4.804,4.682l1.134,6.612 c0.111,0.649-0.57,1.143-1.152,0.837L12,19.286l-5.938,3.122C5.48,22.714,4.799,22.219,4.91,21.57l1.134-6.612l-4.804-4.682 c-0.471-0.459-0.211-1.26,0.44-1.354l6.638-0.965l2.969-6.015C11.579,1.352,12.421,1.352,12.712,1.942z"></path>
|
|
</g>
|
|
</svg>
|
|
<svg class="w-8 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" data-type="glyph" data-name="favourite-31">
|
|
<g class="nc-icon-wrapper" fill="currentColor">
|
|
<path fill="currentColor" d="M12.712,1.942l2.969,6.015l6.638,0.965c0.651,0.095,0.911,0.895,0.44,1.354l-4.804,4.682l1.134,6.612 c0.111,0.649-0.57,1.143-1.152,0.837L12,19.286l-5.938,3.122C5.48,22.714,4.799,22.219,4.91,21.57l1.134-6.612l-4.804-4.682 c-0.471-0.459-0.211-1.26,0.44-1.354l6.638-0.965l2.969-6.015C11.579,1.352,12.421,1.352,12.712,1.942z"></path>
|
|
</g>
|
|
</svg>
|
|
<svg class="w-8 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" data-type="glyph" data-name="favourite-31">
|
|
<g class="nc-icon-wrapper" fill="currentColor">
|
|
<path fill="currentColor" d="M12.712,1.942l2.969,6.015l6.638,0.965c0.651,0.095,0.911,0.895,0.44,1.354l-4.804,4.682l1.134,6.612 c0.111,0.649-0.57,1.143-1.152,0.837L12,19.286l-5.938,3.122C5.48,22.714,4.799,22.219,4.91,21.57l1.134-6.612l-4.804-4.682 c-0.471-0.459-0.211-1.26,0.44-1.354l6.638-0.965l2.969-6.015C11.579,1.352,12.421,1.352,12.712,1.942z"></path>
|
|
</g>
|
|
</svg>
|
|
<svg class="w-8 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" data-type="glyph" data-name="favourite-31">
|
|
<g class="nc-icon-wrapper" fill="currentColor">
|
|
<path fill="currentColor" d="M12.712,1.942l2.969,6.015l6.638,0.965c0.651,0.095,0.911,0.895,0.44,1.354l-4.804,4.682l1.134,6.612 c0.111,0.649-0.57,1.143-1.152,0.837L12,19.286l-5.938,3.122C5.48,22.714,4.799,22.219,4.91,21.57l1.134-6.612l-4.804-4.682 c-0.471-0.459-0.211-1.26,0.44-1.354l6.638-0.965l2.969-6.015C11.579,1.352,12.421,1.352,12.712,1.942z"></path>
|
|
</g>
|
|
</svg>
|
|
<svg class="w-8 text-gray-400 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" data-type="glyph" data-name="favourite-31">
|
|
<g class="nc-icon-wrapper" fill="currentColor">
|
|
<path fill="currentColor" d="M12.712,1.942l2.969,6.015l6.638,0.965c0.651,0.095,0.911,0.895,0.44,1.354l-4.804,4.682l1.134,6.612 c0.111,0.649-0.57,1.143-1.152,0.837L12,19.286l-5.938,3.122C5.48,22.714,4.799,22.219,4.91,21.57l1.134-6.612l-4.804-4.682 c-0.471-0.459-0.211-1.26,0.44-1.354l6.638-0.965l2.969-6.015C11.579,1.352,12.421,1.352,12.712,1.942z"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- hero 9 end -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html> |