Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2025-12-27 09:17:00 +00:00
Code Issues 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/6_header.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>Hero 6</title>
<link rel="stylesheet" href="./../../../dist/tailshape.css">
</head>
<body>
<!-- hero 6 start -->
<section class="section_divider">
<div>Hero 6</div>
</section>
<div class="relative flex flex-col items-center justify-center min-h-screen bg-white dark:bg-gray-800 bg-cover min-w-screen">
<div
class="flex flex-col items-center justify-center p-10 mx-auto lg:flex-row lg:max-w-6xl lg:p-0">
<div class="relative w-full pr-10 rounded-lg cursor-pointer md:w-2/3 lg:w-1/2 group">
<div class="relative rounded-md">
<img src="https://cdn.devdojo.com/images/september2020/grow-together.png"
class="z-10 object-cover w-full h-full">
</div>
</div>
<div
class="container relative z-20 flex flex-col w-full px-5 pr-12 mb-16 text-2xl text-gray-700 lg:w-1/2 sm:px-0 md:px-10 sm:items-center lg:items-start lg:mb-0">
<h1
class="relative z-20 font-sans text-4xl font-extrabold leading-none text-black sm:text-5xl xl:text-6xl sm:text-center lg:text-left">
<span class="relative">
<span
class="absolute bottom-0 left-0 inline-block w-full h-4 mb-1 -ml-1 transform -skew-x-3 bg-yellow-200 dark:bg-amber-50 dark:opacity-20"></span>
<span class="relative">Learn Together,</span>
</span>
<span class="relative block text-yellow-400">Grow Together.</span>
</h1>
<p class="relative z-20 block mt-6 text-base text-gray-500 xl:text-lg sm:text-center lg:text-left">Join our
community and thrive with us! We can all help each other, learn together, and grow together.</p>
<div class="relative flex items-center mt-10">
<a href="#_"
class="flex items-center self-start justify-center px-5 py-3 text-base font-medium leading-tight text-white transition duration-150 ease-in-out bg-yellow-500 border border-transparent rounded-lg shadow hover:bg-yellow-600 focus:outline-none focus:border-yellow-600 focus:shadow-outline-yellow md:py-4 md:text-lg xl:text-xl md:px-10">Get
Started</a>
<a href="#_"
class="relative inline-block h-full ml-5 text-lg font-medium leading-tight text-gray-600 hover:text-yellow-600 dark:hover:text-gray-200 underline transition duration-150 ease-in-out border-transparent">
Try Our Service for Free
</a>
</div>
<p class="mt-6 text-xs text-gray-500 rounded-full">Already a member? <a href="#_"
class="font-medium text-yellow-500 underline">Login Here</a></p>
</div>
</div>
</div>
<!-- hero 6 end -->
</body>
</html>