mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 13:27:31 +00:00
49 lines
2.4 KiB
HTML
49 lines
2.4 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 6</title>
|
|
<link rel="stylesheet" href="./../../../dist/tailshape.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- hero 17 start -->
|
|
<section class="section_divider" id="hero_17">
|
|
<div>Hero 17</div>
|
|
</section>
|
|
|
|
<section class="py-20 dark:bg-gray-800 dark:text-gray-100">
|
|
<div class="container grid gap-6 mx-auto text-center lg:grid-cols-2 xl:grid-cols-5">
|
|
<div class=" mx-auto px-6 pt-20 pb-20 rounded-md sm:px-12 md:px-16 xl:col-span-2 dark:bg-gray-900">
|
|
<span class="block mb-2 dark:text-indigo-400">Some design system</span>
|
|
<h1 class="text-5xl font-extrabold dark:text-gray-50">Build it with Some Company</h1>
|
|
<p class="my-8">
|
|
<span class="font-medium dark:text-indigo-400 ">Modular and versatile.</span>Fugit vero facilis dolor sit neque cupiditate minus esse accusamus cumque at.
|
|
</p>
|
|
<form novalidate="" action="" class="self-stretch space-y-3">
|
|
<div class="pb-3">
|
|
<label for="name" class="text-sm sr-only">Your name</label>
|
|
<input id="name" type="text" placeholder="Your name" class="w-full py-2 px-2 text-gray-800 outline-none dark:rounded-md border-b-2 border-b-gray-800 dark:border-gray-700">
|
|
</div>
|
|
<div class="pb-3">
|
|
<label for="lastname" class="text-sm sr-only">Email address</label>
|
|
<input id="lastname" type="text" placeholder="Email address" class="w-full py-2 px-2 text-gray-800 outline-none dark:rounded-md border-b-2 border-b-gray-800 dark:border-gray-700">
|
|
</div>
|
|
<button type="button" class="w-full py-2 font-semibold rounded bg-gray-800 text-gray-50 dark:bg-indigo-400 dark:text-gray-900">Join the waitlist</button>
|
|
</form>
|
|
</div>
|
|
<!-- <img src="https://source.unsplash.com/random/480x360" alt="" class="object-cover w-full rounded-md xl:col-span-3 dark:bg-coolGray-500"> -->
|
|
<img src="https://images.unsplash.com/photo-1643609186613-e9e96efeb9ec?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=360&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTY0NTM0MDIzNQ&ixlib=rb-1.2.1&q=80&w=480" alt="" class="object-cover w-5/6 my-auto mx-auto rounded-md xl:col-span-3 dark:bg-gray-500">
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- hero 17 end -->
|
|
|
|
|
|
</body>
|
|
</html>
|