Sha256: 2982aede2f39d946feb9e1cbd2b3d2271b9aa7b62b58cdbd10d8117c942167ee

Contents?: true

Size: 1.23 KB

Versions: 58

Compression:

Stored size: 1.23 KB

Contents

<div class="bg-white">
  <div class="mx-auto max-w-7xl py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
    <div class="relative overflow-hidden rounded-lg">
      <div class="absolute inset-0">
        <img src="https://tailwindui.com/img/ecommerce-images/home-page-01-feature-section-01.jpg" alt="" class="h-full w-full object-cover object-center">
      </div>
      <div class="relative bg-gray-900 bg-opacity-75 py-32 px-6 sm:py-40 sm:px-12 lg:px-16">
        <div class="relative mx-auto flex max-w-3xl flex-col items-center text-center">
          <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
            <span class="block sm:inline">Level up</span>
            <span class="block sm:inline">your desk</span>
          </h2>
          <p class="mt-3 text-xl text-white">Make your desk beautiful and organized. Post a picture to social media and watch it get more likes than life-changing announcements. Reflect on the shallow nature of existence. At least you have a really nice desk setup.</p>
          <a href="#" class="mt-8 block w-full rounded-md border border-transparent bg-white py-3 px-8 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto">Shop Workspace</a>
        </div>
      </div>
    </div>
  </div>
</div>

Version data entries

58 entries across 29 versions & 1 rubygems

Version Path
tailwind_dsl-0.0.12 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.12 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.11 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.11 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.10 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.10 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.9 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.9 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.8 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.8 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.7 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.7 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.6 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.6 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.5 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.5 .components/tui/ecommerce/components/promo-sections/04.html
tailwind_dsl-0.0.4 .components/tui/ecommerce/components/promo-sections/04.clean.html
tailwind_dsl-0.0.4 .components/tui/ecommerce/components/promo-sections/04.html