mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 09:27:01 +00:00
47 lines
2.0 KiB
HTML
47 lines
2.0 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 4 start -->
|
|
<section class="section_divider">
|
|
<div>Hero 4</div>
|
|
</section>
|
|
|
|
<div class="flex min-h-screen">
|
|
<section class="grid grid-cols-3 text-gray-900 bg-green-500 sm:grid-cols-2">
|
|
<div class="z-10 h-full col-span-2 sm:col-span-1 place-self-end">
|
|
<div class="flex items-center w-full h-full">
|
|
<div class="max-w-xs p-4 text-sm text-right sm:max-w-xl sm:p-10 sm:text-base lg:max-w-2xl">
|
|
<h1 class="mb-10 -mr-12 text-2xl font-bold leading-tight text-white sm:-mr-20 sm:text-3xl md:text-4xl lg:text-5xl">
|
|
We Deliver at your<br />
|
|
Doorstep.
|
|
</h1>
|
|
<p class="mb-10 lg:pl-32">
|
|
With our award-winning delivery service, our personnel delivers food directly to your doorstep. With your safety in mind, all deliveries are tracked and recorded.
|
|
</p>
|
|
<a href="#" class="px-1 pb-1 font-semibold uppercase transition-colors duration-500 border-b-4 border-gray-800 text-md hover:border-green-700 hover:text-white">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="min-h-full">
|
|
<img class="object-cover w-full h-full"
|
|
src="https://images.unsplash.com/photo-1559941727-6fb446e7e8ae?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=3936&h=2624&fit=crop&ixid=eyJhcHBfaWQiOjF9"
|
|
alt="Food delivery worker on a bycicle" />
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- hero 4 end -->
|
|
|
|
|
|
|
|
</body>
|
|
</html> |