mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-17 10:27:01 +00:00
40 lines
1.9 KiB
HTML
Executable File
40 lines
1.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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>
|
|
<!--
|
|
Welcome to Tailwind Play, the official Tailwind CSS playground!
|
|
|
|
Everything here works just like it does when you're running Tailwind locally
|
|
with a real build pipeline. You can customize your config file, use features
|
|
like `@apply`, or even add third-party plugins.
|
|
|
|
Feel free to play with this example if you're just learning, or trash it and
|
|
start from scratch if you know enough to be dangerous. Have fun!
|
|
-->
|
|
<section class="text-gray-600 body-font">
|
|
<div class="container mx-auto flex px-5 py-24 items-center justify-center flex-col">
|
|
<img class="lg:w-2/6 md:w-3/6 w-5/6 mb-10 object-cover object-center rounded" alt="hero" src="https://dummyimage.com/720x600">
|
|
<div class="text-center lg:w-2/3 w-full">
|
|
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">Microdosing synth tattooed vexillologist</h1>
|
|
<p class="mb-8 leading-relaxed">
|
|
Meggings kinfolk echo park stumptown DIY, kale chips beard jianbing tousled. Chambray dreamcatcher trust fund, kitsch vice godard disrupt ramps hexagon mustache umami snackwave tilde chillwave
|
|
ugh. Pour-over meditation PBR&B pickled ennui celiac mlkshk freegan photo booth af fingerstache pitchfork.
|
|
</p>
|
|
<div class="flex justify-center">
|
|
<button class="inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button>
|
|
<button class="ml-4 inline-flex text-gray-700 bg-gray-100 border-0 py-2 px-6 focus:outline-none hover:bg-gray-200 rounded text-lg">Button</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</body>
|
|
</html> |