Sha256: 8e5008fd872408cddd89ffd85523f83f3494d1efa9816c5ecdbbc8a299f2b952

Contents?: true

Size: 1.68 KB

Versions: 29

Compression:

Stored size: 1.68 KB

Contents

<div class="bg-gray-50">
  <div class="mx-auto max-w-7xl py-12 px-4 sm:py-16 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-3xl divide-y-2 divide-gray-200">
      <h2 class="text-center text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Frequently asked questions</h2>
      <dl class="mt-6 space-y-6 divide-y divide-gray-200">
        <div class="pt-6">
          <dt class="text-lg">
            <!-- Expand/collapse question button -->
            <button type="button" class="flex w-full items-start justify-between text-left text-gray-400" aria-controls="faq-0" aria-expanded="false">
              <span class="font-medium text-gray-900">What&#039;s the best thing about Switzerland?</span>
              <span class="ml-6 flex h-7 items-center">
                <!--
                  Expand/collapse icon, toggle classes based on question open state.

                  Heroicon name: outline/chevron-down

                  Open: "-rotate-180", Closed: "rotate-0"
                -->
                <svg class="rotate-0 h-6 w-6 transform" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
                </svg>
              </span>
            </button>
          </dt>
          <dd class="mt-2 pr-12" id="faq-0">
            <p class="text-base text-gray-500">I don&#039;t know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.</p>
          </dd>
        </div>

        <!-- More questions... -->
      </dl>
    </div>
  </div>
</div>

Version data entries

29 entries across 29 versions & 1 rubygems

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