mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 15:37:00 +00:00
69 lines
2.1 KiB
HTML
69 lines
2.1 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>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>
|