mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 13:27:31 +00:00
48 lines
2.5 KiB
HTML
48 lines
2.5 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 11</title>
|
|
<link rel="stylesheet" href="./../../../dist/tailshape.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- hero 12 start -->
|
|
<section class="section_divider" id="hero_12">
|
|
<div>Hero 12</div>
|
|
</section>
|
|
|
|
|
|
<section class="grid grid-cols-1 gap-0 bg-blue-100 dark:bg-gray-800 bg-opacity-25 md:grid-cols-2">
|
|
<div class="flex flex-col items-start justify-center px-4 py-24 lg:px-20">
|
|
<span class="mb-3 text-white bg-blue-900 dark:bg-emerald-400 rounded-xl text-sm px-2">Pre Beta</span>
|
|
<h1 class="mb-6 text-4xl font-bold leading-tight text-blue-900 dark:text-cyan-300 md:text-4xl lg:text-5xl">Great customer relationships start here.</h1>
|
|
<form class="w-full mb-6">
|
|
<label class="sr-only">Your Email</label>
|
|
<div class="block lg:hidden">
|
|
<input class="text-blue-900 bg-transparent" type="email" placeholder="Enter your email..." required="true" />
|
|
<button class="w-full mt-2 text-white bg-blue-900 hover:bg-blue-800 btn btn-lg" type="submit">Get Started</button>
|
|
</div>
|
|
<div class="hidden w-full form-append lg:flex">
|
|
<input class="text-black border-b-2 border-gray-800 dark:rounded dark:text-emerald-300 dark:placeholder:text-emerald-300 dark:bg-blue-900 outline-none p-1 " type="email" placeholder="Enter your email..." required="true" />
|
|
<button class="rounded-lg p-1 ml-3 text-white bg-blue-900 hover:bg-blue-800 dark:text-black dark:bg-emerald-400 hover:translate-x-1 transition duration-300" type="submit">Get Started</button>
|
|
</div>
|
|
</form>
|
|
<p class="pr-0 mb-4 text-sm text-blue-800 dark:text-cyan-300 tracking-relaxed lg:pr-16">Get the #1 Business Messenger and start delivering personalized experiences at every stage of the customer journey.</p>
|
|
</div>
|
|
<div>
|
|
<img
|
|
src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80"
|
|
alt="3 women looking at a laptop"
|
|
class="object-cover w-full h-64 bg-gray-100 md:h-full"
|
|
loading="lazy"
|
|
/>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- hero 12 end -->
|
|
</body>
|
|
</html> |