mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 15:27:02 +00:00
39 lines
2.2 KiB
HTML
39 lines
2.2 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 16 start -->
|
|
<section class="section_divider" id="hero_16">
|
|
<div>Hero 16</div>
|
|
</section>
|
|
<section class= " dark:bg-gradient-to-b dark:from-emerald-600 dark:to-cyan-800 pb-5">
|
|
<div class="">
|
|
<div class="container flex flex-col items-center px-4 py-16 pb-24 mx-auto text-center lg:pb-56 md:py-32 md:px-10 lg:px-32 dark:text-coolGray-900">
|
|
<h1 class="text-5xl font-bold leading-none sm:text-6xl xl:max-w-3xl dark:text-coolGray-900">Provident blanditiis wlk exercitationem</h1>
|
|
<p class="mt-6 mb-8 text-lg sm:mb-12 xl:max-w-3xl dark:text-gray-900">Cupiditate minima voluptate temporibus quia? Architecto beatae esse ab amet vero eaque explicabo!</p>
|
|
<div class="flex flex-wrap justify-center">
|
|
<button type="button" class="px-8 py-3 m-2 text-lg font-semibold transition duration-500 border-b-2 hover:rounded hover:border border-gray-300 dark:border-x-0 dark:border-y-0 dark:rounded dark:bg-gray-800 dark:text-gray-50 dark:hover:border-x-2 dark:hover:border-y-2 dark:hover:bg-transparent dark:hover:text-gray-800 dark:hover:border-gray-800 ">Get started</button>
|
|
<button type="button" class="px-8 py-3 m-2 text-lg transition duration-500 border rounded hover:border-b-2 hover:border-t-0 hover:border-x-0 hover:rounded-none dark:hover:rounded dark:border-gray-700 dark:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-50">Learn more</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <img src="https://source.unsplash.com/random/480x320" alt="" class="w-5/6 mx-auto mb-12 -mt-20 rounded-lg shadow-md lg:-mt-40 dark:bg-gray-800"> -->
|
|
<img src="https://images.unsplash.com/photo-1645119675435-fc5b106eddeb?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=320&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTY0NTMzODQyMQ&ixlib=rb-1.2.1&q=80&w=480" class=" w-3/6 mx-auto mb-12 -mt-20 rounded-lg shadow-md lg:-mt-40 dark:bg-gray-800" alt="">
|
|
</section>
|
|
|
|
<!-- hero 16 end -->
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|