Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2025-12-28 04:37:01 +00:00
Code Issues Projects Releases Wiki Activity

added 33 hero's but 3 more need's to be added but they need more time and attention, will get to them later

Browse Source
This commit is contained in:
merajjahir
2022-02-20 17:12:06 +06:00
parent a511f8616e
commit 02f3f52fcc
21 changed files with 4588 additions and 1007 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
public/componets/hero/29_hero.html Normal file
View File

@@ -0,0 +1,68 @@
<!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 29</title>
<link rel="stylesheet" href="./../../../dist/tailshape.css">
</head>
<body>
<!-- hero 29 start -->
<section class="section_divider">
<div>Hero 29</div>
</section>
<div class="flex flex-wrap md items-center h-screen">
<div class="bg-white dark:bg-gray-800 w-full md:w-1/2 h-screen">
<div class="mx-32 text-left">
<h1 class="text-6xl font-bold mt-16">Tokyo</h1>
<!-- country region island -->
<div class="flex mt-16 font-light text-gray-500">
<div class="mr-10">
<span class="uppercase">Country</span>
<p class="text-2xl text-gray-900 font-semibold pt-2">Japan</p>
</div>
<div class="pr-4">
<span class="uppercase">Region</span>
<p class="text-2xl text-gray-900 font-semibold pt-2">Kanto</p>
</div>
<div class="pr-4">
<span class="uppercase">island</span>
<p class="text-2xl text-gray-900 font-semibold pt-2">Honshu</p>
</div>
</div>
<!-- description -->
<div
class="description w-full sm: md:w-2/3 mt-16 text-gray-500 text-sm"
>
Tokyo, Japan’s busy capital, mixes the ultramodern and the
traditional, from neon-lit skyscrapers to historic temples. The
opulent Meiji Shinto Shrine is known for its towering gate and
surrounding woods. The Imperial Palace sits amid large public
gardens
</div>
<button class="uppercase mt-5 text-sm font-semibold hover:underline">
read more
</button>
</div>
</div>
<div class="bg-red-600 w-full md:w-1/2 h-screen">
<img
src="https://source.unsplash.com/7H77FWkK_x4/1600x900"
class="h-screen w-full"
alt=""
/>
</div>
</div>
<!-- hero 29 end -->
</body>
</html>