Mirrors/tailShape
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added 23 uncomplete header's and 15 uncomplete hero block component's 11 of which is done fully

Browse Source
This commit is contained in:
merajjahir
2022-02-17 21:14:26 +06:00
parent 88a4828b3e
commit 7aa2e1db78
16 changed files with 3423 additions and 721 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
public/componets/hero/8_hero.html Normal file
View File

@@ -0,0 +1,59 @@
<!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="flex items-center justify-between dark:bg-gray-800">
<div class="float-left h-full">
<div class="mx-16 my-6">
<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">
<a href=#>
<span class="p-4 px-6 font-medium text-white bg-green-500 border-4 border-transparent rounded-lg hover:bg-green-600">Start Shopping</span>
</a>
<a href=#>
<span class="p-4 px-8 mx-8 font-medium text-gray-700 bg-gray-300 border-4 border-transparent rounded-lg hover:bg-gray-500">Learn More</span>
</a>
</div>
</div>
<div>
</div>
</div>
<div class="float-right px-20 my-8">
<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>