Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2025-12-27 18:37:01 +00:00
Code Issues Projects Releases Wiki Activity

added 33 hero's but 3 more need's to be added but they need more time and attention, will get to them later

Browse Source
This commit is contained in:
merajjahir
2022-02-20 17:12:06 +06:00
parent a511f8616e
commit 02f3f52fcc
21 changed files with 4588 additions and 1007 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
public/componets/hero/26_hero.html Normal file
View File

@@ -0,0 +1,50 @@
<!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>