Home
Htmlwind
FAQ - Htmlwind

FAQ - Htmlwind

Offset intro faq section

This tailwind example is contributed by Htmlwind, on 02-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Frequently asked questions, QnA

FAQ

Author Htmlwind

638

Fork Fullscreen

<div class="bg-white py-24 sm:py-32 lg:py-40">
  <div class="mx-auto max-w-7xl px-6 lg:px-8">
    <div class="lg:grid lg:grid-cols-12 lg:gap-8">
      <div class="lg:col-span-5">
        <h2 class="text-3xl font-semibold tracking-tight text-gray-900 sm:text-4xl">Frequently asked questions</h2>
        <p class="mt-6 text-base leading-7 text-gray-600">
          Still need help?
          <a href="#" class="font-semibold text-pink-500 hover:text-pink-400">Chat</a>
          to us.
        </p>
      </div>
      <div class="mt-10 lg:col-span-7 lg:mt-0">
        <dl class="*:border-b *:border-gray-100 *:py-6">
          <div class="first:pt-0 last:border-0 last:pb-0">
            <dt class="text-xl font-semibold text-gray-900">Can I use your software to become a billionaire?</dt>
            <dd class="mt-3 text-base leading-7 text-gray-600">Absolutely! But only if you already have a billion dollars. Otherwise, we recommend starting with something more attainable, like getting through your email inbox.</dd>
          </div>
          <div class="first:pt-0 last:border-0 last:pb-0">
            <dt class="text-xl font-semibold text-gray-900">Is your software bug-free?</dt>
            <dd class="mt-3 text-base leading-7 text-gray-600">Our software is as bug-free as a pristine forest... which is to say, there are probably a few bugs hiding somewhere. But don't worry, our team of digital exterminators is on standby!</dd>
          </div>
          <div class="first:pt-0 last:border-0 last:pb-0">
            <dt class="text-xl font-semibold text-gray-900">What do I do if I forget my password?</dt>
            <dd class="mt-3 text-base leading-7 text-gray-600">First, try panicking for a few seconds – this seems to help most people. If that doesn't work, click the “Forgot Password” link, and we’ll send you on a thrilling adventure to reset it!</dd>
          </div>
          <div class="first:pt-0 last:border-0 last:pb-0">
            <dt class="text-xl font-semibold text-gray-900">Can your software make me coffee?</dt>
            <dd class="mt-3 text-base leading-7 text-gray-600">We're working on it! But until then, our software is excellent at giving you more time to make your own coffee. We call that a win-win!</dd>
          </div>
        </dl>
      </div>
    </div>
  </div>
</div>

Related Examples