mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 09:27:01 +00:00
55 lines
2.1 KiB
HTML
55 lines
2.1 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 8</title>
|
|
<link rel="stylesheet" href="./../../../dist/tailshape.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<!-- hero 8 start -->
|
|
<section class="section_divider">
|
|
<div>Hero 8</div>
|
|
</section>
|
|
|
|
<div class=" p-24 flex items-center justify-around dark:bg-gray-800">
|
|
<div class="float-left my-6">
|
|
<div class="">
|
|
<div class="py-2 text-6xl font-bold leading-none text-purple-700">
|
|
<h1>Shopping <br>
|
|
Made Easier!
|
|
</h1>
|
|
</div>
|
|
<div>
|
|
<p class="text-xl text-gray-600">
|
|
We've designed the best shopping experience. <br>
|
|
Now just one click away!
|
|
</p>
|
|
</div>
|
|
<div class="my-10 flex flex-col md:flex-row ">
|
|
<a href="#" class=" m-3 py-4 px-6 font-medium text-white bg-green-500 border-4 border-transparent rounded-lg hover:bg-green-600 ">
|
|
<span >Start Shopping</span>
|
|
</a>
|
|
<a href="#" class="m-3 py-4 px-8 font-medium text-gray-700 bg-gray-300 border-4 border-transparent rounded-lg hover:bg-gray-500">
|
|
<span >Learn More</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="float-right px-20 my-8 hidden md:block">
|
|
<img class="rounded-lg hover:translate-y-2 transition duration-300" src="https://images.unsplash.com/photo-1557860537-4ca8968f344e?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=450&ixid=MnwxfDB8MXxyYW5kb218MHx8c2ltcGxlfHx8fHx8MTY0NTEwNDMyMg&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=400" alt="shopping">
|
|
<!-- <img src="https://source.unsplash.com/400x450/?simple" alt="shopping"> -->
|
|
</div>
|
|
</div>
|
|
<!-- hero 8 end -->
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html> |