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

44
public/componets/hero/5_hero.html Normal file
View File

@@ -0,0 +1,44 @@
<!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 5</title>
<link rel="stylesheet" href="./../../../dist/tailshape.css">
</head>
<body>
<!-- hero 5 start -->
<section class="section_divider" id="hero_2">
<div>Hero 5</div>
</section>
<div class="relative h-screen lg:h-screen w-full bg-cover bg-no-repeat bg-[url(https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80)]">
<!-- background overlay start -->
<div class="absolute inset-0 z-0 bg-gray-900 opacity-75"></div>
<!-- background overlay end -->
<div class="h-full container mx-auto flex items-center justify-center">
<div class="flex flex-col items-center z-10">
<h1 class="mx-6 mt-1 text-xl font-bold text-center text-white md:text-6xl sm:text-center sm:mx-0">Here a really cool title!</h1>
<p class="text-white text-xl font-medium w-2/3 text-center my-6">Some fancy text to invite to an event, the place of the event and the date of the event.</p>
<div class="flex flex-col md:flex-row justify-center mt-10">
<a href="#" class="py-2 px-8 rounded-full border-2 border-pink-500 text-white hover:bg-pink-500 text-center m-2">Tickets</a>
<a href="#" class="py-2 px-8 rounded-full border-2 border-pink-500 text-white bg-pink-500 hover:bg-transparent text-center m-2">Coming soon</a>
</div>
</div>
</div>
</div>
<!-- hero 5 end -->
</body>
</html>