mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-18 03:47:03 +00:00
51 lines
2.4 KiB
HTML
51 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 26</title>
|
|
<link rel="stylesheet" href="./../../../dist/tailshape.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- hero 26 start -->
|
|
|
|
<section class="section_divider" id="hero_26">
|
|
<div>Hero 26</div>
|
|
</section>
|
|
|
|
<section class="bg-white dark:bg-gray-800">
|
|
|
|
<div class="container flex flex-col px-6 py-4 mx-auto space-y-6 md:h-128 md:py-16 md:flex-row md:items-center md:space-x-6">
|
|
<div class="flex flex-col items-center w-full md:flex-row md:w-1/2">
|
|
<div class="flex justify-center order-2 mt-6 md:mt-0 md:space-y-3 md:flex-col">
|
|
<button class="w-3 h-3 mx-2 bg-blue-500 rounded-full md:mx-0 focus:outline-none"></button>
|
|
<button class="w-3 h-3 mx-2 bg-gray-300 rounded-full md:mx-0 focus:outline-none hover:bg-blue-500"></button>
|
|
<button class="w-3 h-3 mx-2 bg-gray-300 rounded-full md:mx-0 focus:outline-none hover:bg-blue-500"></button>
|
|
<button class="w-3 h-3 mx-2 bg-gray-300 rounded-full md:mx-0 focus:outline-none hover:bg-blue-500"></button>
|
|
</div>
|
|
|
|
<div class="max-w-lg md:mx-12 md:order-2 text-left">
|
|
<h1 class="text-3xl font-medium tracking-wide text-gray-800 dark:text-white md:text-4xl">The best Apple Watch apps</h1>
|
|
<p class="mt-4 text-gray-600 dark:text-gray-300">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aut quia asperiores alias vero magnam recusandae adipisci ad vitae laudantium quod rem voluptatem eos accusantium cumque.</p>
|
|
<div class="mt-6">
|
|
<a href="#" class="block px-3 py-2 font-semibold text-center text-white transition-colors duration-200 transform bg-blue-500 rounded-md md:inline hover:bg-blue-400">Download from App Store</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-center w-full h-96 md:w-1/2">
|
|
<img class="object-cover w-full h-full max-w-2xl rounded-md" src="https://images.unsplash.com/photo-1579586337278-3befd40fd17a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1352&q=80" alt="apple watch photo">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- hero 26 end -->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|