mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 09:27:01 +00:00
58 lines
3.3 KiB
HTML
58 lines
3.3 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>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> |