Sha256: 70c43363ef642fbad3be868dfe2a4b01020bb6f92e223c3446d462301f89c838
Contents?: true
Size: 1.42 KB
Versions: 29
Compression:
Stored size: 1.42 KB
Contents
<!--
This example requires updating your template:
```
<html class="h-full bg-gray-50">
<body class="h-full">
```
-->
<div class="grid min-h-full grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1">
<div class="relative flex">
<img src="https://tailwindui.com/img/ecommerce-images/home-page-02-edition-01.jpg" alt="" class="absolute inset-0 h-full w-full object-cover object-center">
<div class="relative flex w-full flex-col items-start justify-end bg-black bg-opacity-40 p-8 sm:p-12">
<h2 class="text-lg font-medium text-white text-opacity-75">Self-Improvement</h2>
<p class="mt-1 text-2xl font-medium text-white">Journals and note-taking</p>
<a href="#" class="mt-4 rounded-md bg-white py-2.5 px-4 text-sm font-medium text-gray-900 hover:bg-gray-50">Shop now</a>
</div>
</div>
<div class="relative flex">
<img src="https://tailwindui.com/img/ecommerce-images/home-page-02-edition-02.jpg" alt="" class="absolute inset-0 h-full w-full object-cover object-center">
<div class="relative flex w-full flex-col items-start justify-end bg-black bg-opacity-40 p-8 sm:p-12">
<h2 class="text-lg font-medium text-white text-opacity-75">Desk and Office</h2>
<p class="mt-1 text-2xl font-medium text-white">Work from home accessories</p>
<a href="#" class="mt-4 rounded-md bg-white py-2.5 px-4 text-sm font-medium text-gray-900 hover:bg-gray-50">Shop now</a>
</div>
</div>
</div>
Version data entries
29 entries across 29 versions & 1 rubygems