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

58
public/componets/hero/3_hero.html Normal file
View File

@@ -0,0 +1,58 @@
<!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>Document</title>
<link rel="stylesheet" href="./../../../dist/tailshape.css">
</head>
<body>
<!-- hero 3 start -->
<section class="section_divider">
<div>Hero 3</div>
</section>
<div class="relative flex flex-col items-center justify-center min-h-screen bg-cover min-w-screen"
style="background-image:url('https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2700&q=80')">
<div class="absolute inset-0 w-full h-full bg-black bg-opacity-75"></div>
<div class="flex max-w-6xl mx-auto">
<div class="container relative flex flex-col w-1/2 px-10 pb-1 pr-12 text-2xl font-hairline text-white">
<h2 class="relative z-20 text-5xl font-extrabold leading-tight text-white">Build a culture<br> that excels
</h2>
<p class="relative z-20 block mt-4 text-xl">We've created the ultimate resource for turning your culture
into a
super-powered productivity machine by encouraging collaboration growth, and incentives!</p>
<div class="flex mt-4">
<a href="#_"
class="flex items-center self-start justify-center px-5 py-3 mt-5 text-base font-medium leading-tight text-white transition duration-150 ease-in-out bg-indigo-600 border border-transparent rounded-lg shadow hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo md:py-4 md:text-lg md:px-8">Get
Started</a>
<a href="#_"
class="flex items-center self-start justify-center px-5 py-3 mt-5 ml-5 text-base font-medium leading-tight text-indigo-500 transition duration-150 ease-in-out bg-gray-200 border-transparent rounded-lg shadow hover:bg-white focus:outline-none focus:border-gray-100 focus:shadow-outline-gray md:py-4 md:text-lg md:px-8">How
It Works</a>
</div>
</div>
<div class="relative w-1/2 overflow-hidden rounded-lg shadow-2xl cursor-pointer group">
<div class="absolute flex items-center justify-center w-full h-full bg-black bg-opacity-25">
<span class="flex items-center justify-center w-20 h-20 bg-white bg-opacity-75 rounded-full">
<svg class="w-auto h-8 ml-1 text-indigo-600 fill-current" viewBox="0 0 52 66"
xmlns="http://www.w3.org/2000/svg">
<path d="M50 30.7L4.1.6C2.6-.4.8.9.8 2.9v60.3c0 2 1.8 3.3 3.3 2.3L50 35.3c1.5-1 1.5-3.6 0-4.6z"
fill-rule="nonzero" /></svg>
</span>
</div>
<img src="https://images.unsplash.com/photo-1556761175-5973dc0f32e7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3290&q=80"
class="object-cover w-full h-full">
</div>
</div>
</div>
<!-- hero 3 end -->
</body>
</html>