You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="/css/tailwind.css" />
|
|
</head>
|
|
<body class="bg-gray-300">
|
|
<div class="flex bg-gray-100">
|
|
<div
|
|
class="px-8 py-12 max-w-md mx-auto sm:max-w-xl lg:max-w-full lg:w-1/2 lg:py-24 lg:px-12"
|
|
>
|
|
<div class="xl:max-w-lg xl:ml-auto">
|
|
<img class="h-10" src="/img/logo.svg" alt="Workcation" />
|
|
<img
|
|
class="mt-6 sm:mt-8 rounded-lg shadow-xl sm:h-64 sm:w-full sm:object-cover sm:object-center lg:hidden"
|
|
src="img/beach-work.jpg"
|
|
alt="Woman working on the beach"
|
|
/>
|
|
<h1
|
|
class="mt-6 text-2xl font-bold text-gray-900 leading-tight sm:text-4xl lg:text-3xl sm:mt-8 xl:text-4xl"
|
|
>
|
|
You can work from anywhere.<br /><span class="text-indigo-500"
|
|
>Take advantage of it.</span
|
|
>
|
|
</h1>
|
|
<p class="mt-2 text-gray-600 sm:text-xl sm:mt-4">
|
|
Workcation helps you find work-friendly rentals in beautiful
|
|
locations so you can enjoy some nice weather even when you are not
|
|
on vacation.
|
|
</p>
|
|
<div class="mt-4 sm:mt-6">
|
|
<a class="btn btn-indigo sm:text-base shadow-lg" href="#"
|
|
>Book your escape</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hidden lg:block lg:w-1/2 lg:relative">
|
|
<img
|
|
class="absolute inset-0 h-full w-full object-cover object-center"
|
|
src="img/beach-work.jpg"
|
|
alt="Woman working on the beach"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|