tailcake

FAQ

FREQUENTLY ASKED QUESTIONS

Everything you need to know before getting started

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Nullam sollicitudin ex at consectetur commodo. Pellentesque rhoncus tempus justo quis posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt lorem magna, nec cursus magna rutrum id. Ut vulputate lorem vitae egestas porta. Mauris vel erat et tortor fringilla auctor fermentum a ligula.

Nisl suscipit adipiscing bibendum est ultricies

Vestibulum tristique nibh eget leo pulvinar ultricies. Phasellus odio libero, finibus at malesuada eu, semper ut erat. Nullam sit amet purus ipsum. Sed sit amet orci et eros porta auctor. In hac habitasse platea dictumst. Donec dictum ex eu mollis tempor.

Eget duis at tellus at

Pellentesque pretium, sapien vel blandit rutrum, elit magna dignissim odio, vel pellentesque ipsum sapien ut magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus sollicitudin aliquam commodo.

Have more questions? Ask your question here



<div class="mx-auto max-w-7xl">
  <article>
    <div class="w-full py-4 dark:text-white">
      <div class="my-4 text-sm text-center text-gray-500 dark:text-white">FREQUENTLY ASKED QUESTIONS</div>
      <h2 class="text-2xl font-bold text-center text-blue-500 dark:text-blue-200">Everything you need to know before getting started</h2>
      <div class="grid grid-cols-1 gap-x-4 lg:grid-cols-2">
        <div class="p-8">
          <h4 class="mb-4 text-xl font-semibold text-gray-600 dark:text-gray-200">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h4>
          <p class="text-gray-500 dark:text-gray-300">Nullam sollicitudin ex at consectetur commodo. Pellentesque rhoncus tempus justo quis posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt lorem magna, nec cursus magna rutrum id. Ut vulputate lorem vitae egestas porta. Mauris vel erat et tortor fringilla auctor fermentum a ligula.</p>
        </div>
        <div class="p-8">
          <h4 class="mb-4 text-xl font-semibold text-gray-600 dark:text-gray-200">Nisl suscipit adipiscing bibendum est ultricies</h4>
          <p class="text-gray-500 dark:text-gray-300">Nullam sollicitudin ex at consectetur commodo. Pellentesque rhoncus tempus justo quis posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt lorem magna, nec cursus magna rutrum id. Ut vulputate lorem vitae egestas porta. Mauris vel erat et tortor fringilla auctor fermentum a ligula.</p>
        </div>
        <div class="p-8">
          <h4 class="mb-4 text-xl font-semibold text-gray-600 dark:text-gray-200">Nisl suscipit adipiscing bibendum est ultricies</h4>
          <p class="text-gray-500 dark:text-gray-300">Vestibulum tristique nibh eget leo pulvinar ultricies. Phasellus odio libero, finibus at malesuada eu, semper ut erat. Nullam sit amet purus ipsum. Sed sit amet orci et eros porta auctor. In hac habitasse platea dictumst. Donec dictum ex eu mollis tempor.</p>
        </div>
        <div class="p-8">
          <h4 class="mb-4 text-xl font-semibold text-gray-600 dark:text-gray-200">Eget duis at tellus at</h4>
          <p class="text-gray-500 dark:text-gray-300">Pellentesque pretium, sapien vel blandit rutrum, elit magna dignissim odio, vel pellentesque ipsum sapien ut magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus sollicitudin aliquam commodo.</p>
        </div>
      </div>
      <p class="text-xl text-center">Have more questions? <a href="#" class="underline">Ask your question here</a></p>
    </div>
  </article>
</div>

FAQ vertical

Faqs

Can I cancel or change my order?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature Id pro doctus mediocrem erroribus, diam nostro sed cu. Ea pri graeco tritani partiendo. Omittantur No tale choro fastidii his, pri cu epicuri perpetua. Enim dictas omittantur et duo, vocent lucilius quaestio mea ex. Ex illum officiis id.
How can I return an item purchased online?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature Id pro doctus mediocrem erroribus, diam nostro sed cu. Ea pri graeco tritani partiendo. Omittantur No tale choro fastidii his, pri cu epicuri perpetua. Enim dictas omittantur et duo, vocent lucilius quaestio mea ex. Ex illum officiis id.
How can I pay for my purchases?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature Id pro doctus mediocrem erroribus, diam nostro sed cu. Ea pri graeco tritani partiendo. Omittantur No tale choro fastidii his, pri cu epicuri perpetua. Enim dictas omittantur et duo, vocent lucilius quaestio mea ex. Ex illum officiis id.


<div class="max-w-5xl mx-auto dark:text-gray-200">
  <h2 class="py-4 text-2xl font-bold">Faqs</h2>
  <ul>
    <li class="py-4">
      <div class="flex justify-between pb-4 border-b">
        <h3 class="text-lg font-semibold">Can I cancel or change my order?</h3>
        <button>
          <svg class="dark:fill-gray-200 fill-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5 15.538l-3.592-3.548 3.546-3.587-1.416-1.403-3.545 3.589-3.588-3.543-1.405 1.405 3.593 3.552-3.547 3.592 1.405 1.405 3.555-3.596 3.591 3.55 1.403-1.416z" /></svg>
        </button>
      </div>
      <p class="py-4 text-gray-500 dark:text-gray-300">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature Id pro doctus mediocrem erroribus, diam nostro sed cu. Ea pri graeco tritani partiendo. Omittantur No tale choro fastidii his, pri cu epicuri perpetua. Enim dictas omittantur et duo, vocent lucilius quaestio mea ex. Ex illum officiis id.</p>
    </li>

    <li class="py-4">
      <div class="flex justify-between pb-4 border-b">
        <h3 class="text-lg font-semibold">How can I return an item purchased online?</h3>
        <button>
          <svg class="dark:fill-gray-200 fill-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 13h-5v5h-2v-5h-5v-2h5v-5h2v5h5v2z" /></svg>
        </button>
      </div>
      <p class="hidden py-4 text-gray-500 dark:text-gray-300">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature Id pro doctus mediocrem erroribus, diam nostro sed cu. Ea pri graeco tritani partiendo. Omittantur No tale choro fastidii his, pri cu epicuri perpetua. Enim dictas omittantur et duo, vocent lucilius quaestio mea ex. Ex illum officiis id.</p>
    </li>

    <li class="py-4">
      <div class="flex justify-between pb-4 border-b">
        <h3 class="text-lg font-semibold">How can I pay for my purchases?</h3>
        <button>
          <svg class="dark:fill-gray-200 fill-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 13h-5v5h-2v-5h-5v-2h5v-5h2v5h5v2z" /></svg>
        </button>
      </div>
      <p class="hidden py-4 text-gray-500 dark:text-gray-300">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature Id pro doctus mediocrem erroribus, diam nostro sed cu. Ea pri graeco tritani partiendo. Omittantur No tale choro fastidii his, pri cu epicuri perpetua. Enim dictas omittantur et duo, vocent lucilius quaestio mea ex. Ex illum officiis id.</p>
    </li>
  </ul>
</div>

FAQ vertical

FAQ

If you don't see an answer to your question, you can send us an email from our contact form.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.

Can I cancel my subscription?

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Do you offer a free trial edit?
Do you offer a free trial edit?


<div class="mx-auto max-w-7xl">
  <div class="grid grid-cols-1 p-4 gap-x-8 gap-y-4 dark:text-gray-200 md:grid-cols-2">
    <div>
      <h3 class="pb-3 text-blue-600 uppercase dark:text-blue-200">FAQ</h3>
      <span class="text-xl font-semibold md:text-3xl">If you don't see an answer to your question, you can send us an email from our contact form.</span>
      <p class="py-4 text-gray-500 dark:text-gray-200">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
      <button class="px-6 py-3 text-white uppercase bg-blue-600 rounded shadow-lg hover:bg-blue-500 dark:bg-blue-200 dark:text-blue-600 dark:hover:bg-gray-400 dark:hover:text-gray-100">Read more</button>
    </div>

    <div>
      <ul>
        <li class="px-8 py-6 mb-4 border rounded-lg">
          <div class="flex justify-between">
            <div class="font-semibold text-blue-600 dark:text-blue-200">Can I cancel my subscription?</div>
            <button>
              <svg class="fill-blue-500 dark:fill-blue-200" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm5.247 15l-5.247-6.44-5.263 6.44-.737-.678 6-7.322 6 7.335-.753.665z" /></svg>
            </button>
          </div>
          <p class="pt-3 text-gray-500 dark:text-gray-200">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        </li>
        <li class="px-8 py-6 mb-4 border rounded-lg">
          <div class="flex justify-between">
            <div class="font-semibold text-blue-600 dark:text-blue-200">Do you offer a free trial edit?</div>
            <button>
              <svg class="fill-blue-500 dark:fill-blue-200" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm5.247 8l-5.247 6.44-5.263-6.44-.737.678 6 7.322 6-7.335-.753-.665z" /></svg>
            </button>
          </div>
        </li>
        <li class="px-8 py-6 mb-4 border rounded-lg">
          <div class="flex justify-between">
            <div class="font-semibold text-blue-600 dark:text-blue-200">Do you offer a free trial edit?</div>
            <button>
              <svg class="fill-blue-500 dark:fill-blue-200" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm5.247 8l-5.247 6.44-5.263-6.44-.737.678 6 7.322 6-7.335-.753-.665z" /></svg>
            </button>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>

GitHub

by stafura.dev