Sha256: f5571532e51712fe39bd2166c5bda3890e79fe6595266a57c76adfaba8f4aef2

Contents?: true

Size: 1.73 KB

Versions: 29

Compression:

Stored size: 1.73 KB

Contents

<header class="bg-indigo-600">
  <nav class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" aria-label="Top">
    <div class="flex w-full items-center justify-between border-b border-indigo-500 py-6 lg:border-none">
      <div class="flex items-center">
        <a href="#">
          <span class="sr-only">Your Company</span>
          <img class="h-10 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=white" alt="">
        </a>
        <div class="ml-10 hidden space-x-8 lg:block">
          <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Solutions</a>

          <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Pricing</a>

          <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Docs</a>

          <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Company</a>
        </div>
      </div>
      <div class="ml-10 space-x-4">
        <a href="#" class="inline-block rounded-md border border-transparent bg-indigo-500 py-2 px-4 text-base font-medium text-white hover:bg-opacity-75">Sign in</a>
        <a href="#" class="inline-block rounded-md border border-transparent bg-white py-2 px-4 text-base font-medium text-indigo-600 hover:bg-indigo-50">Sign up</a>
      </div>
    </div>
    <div class="flex flex-wrap justify-center space-x-6 py-4 lg:hidden">
      <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Solutions</a>

      <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Pricing</a>

      <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Docs</a>

      <a href="#" class="text-base font-medium text-white hover:text-indigo-50">Company</a>
    </div>
  </nav>
</header>

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
tailwind_dsl-0.0.32 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.31 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.30 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.29 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.28 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.27 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.26 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.25 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.24 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.23 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.22 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.21 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.20 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.19 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.18 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.17 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.16 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.15 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.14 .components/tui/marketing/element/header/05.html
tailwind_dsl-0.0.13 .components/tui/marketing/element/header/05.html