Sha256: ce85a22d1d6a2dfc5591e8571c338e2ab666f75d695d8ed3d7fd67199736441f
Contents?: true
Size: 1.6 KB
Versions: 29
Compression:
Stored size: 1.6 KB
Contents
<!--
This example requires some changes to your config:
```
// tailwind.config.js
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/aspect-ratio'),
],
}
```
-->
<div class="bg-white">
<div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8 lg:py-24">
<div class="space-y-12">
<h2 class="text-3xl font-bold tracking-tight sm:text-4xl">Meet our leadership</h2>
<ul role="list" class="space-y-12 lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8 lg:gap-y-12 lg:space-y-0">
<li>
<div class="space-y-4 sm:grid sm:grid-cols-3 sm:gap-6 sm:space-y-0 lg:gap-8">
<div class="aspect-w-3 aspect-h-2 h-0 sm:aspect-w-3 sm:aspect-h-4">
<img class="rounded-lg object-cover shadow-lg" src="https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="">
</div>
<div class="sm:col-span-2">
<div class="space-y-4">
<div class="space-y-1 text-lg font-medium leading-6">
<h3>Whitney Francis</h3>
<p class="text-indigo-600">Copywriter</p>
</div>
<div class="text-lg">
<p class="text-gray-500">Ultricies massa malesuada viverra cras lobortis. Tempor orci hac ligula dapibus mauris sit ut eu. Eget turpis urna maecenas cras. Nisl dictum.</p>
</div>
</div>
</div>
</div>
</li>
<!-- More people... -->
</ul>
</div>
</div>
</div>
Version data entries
29 entries across 29 versions & 1 rubygems