Fax Sections
Fax Sections style 1
Questions
Most Popular Question from New Client!
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
<!-- Start FAQ -->
<div id="faq" class="relative py-20 md:py-24 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
<div class="container xl:max-w-6xl mx-auto px-4">
<!-- section header -->
<header class="text-center mx-auto mb-12">
<h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100">Questions</h2>
<hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
<p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">Most Popular Question from New Client!</p>
</header><!-- end section header -->
<div class="flex flex-wrap flex-row -mx-4 justify-center">
<div class="max-w-full w-11/12 lg:w-8/12 px-4">
<div id="Accordione" x-data="{selected:0}">
<!-- faq list -->
<div class="relative flex flex-wrap flex-col shadow mb-4 bg-white dark:bg-gray-800 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="py-2.5 px-5 border-b border-gray-200 dark:border-gray-700 mb-0" id="HeadingOnee">
<div class="d-grid mb-0">
<button class="py-3 px-0 w-full rounded-md leading-5 font-medium flex justify-between focus:outline-none focus:ring-0" @click="selected !== 0 ? selected = 0 : selected = null">
How is the SEO services system at TailPro?
<span>
<svg class="transform transition duration-500" :class="{ '-rotate-180': selected == 0 }" width="1rem" height="1rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"></path>
</svg>
</span>
</button>
</div>
</div>
<div id="CollapseOnee" x-show="selected == 0">
<div class="flex-1 p-5">
<p class="text-gray-500">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
</div>
<!-- faq list -->
<div class="relative flex flex-wrap flex-col shadow mb-4 bg-white dark:bg-gray-800 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="py-2.5 px-5 border-b border-gray-200 dark:border-gray-700 mb-0" id="HeadingTwoe">
<div class="d-grid mb-0">
<button class="py-3 px-0 w-full rounded-md leading-5 font-medium flex justify-between focus:outline-none focus:ring-0" @click="selected !== 1 ? selected = 1 : selected = null">
How many keywords are optimized?
<span>
<svg class="transform transition duration-500" :class="{ '-rotate-180': selected == 1 }" width="1rem" height="1rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"></path>
</svg>
</span>
</button>
</div>
</div>
<div id="CollapseTwoe" x-show="selected == 1">
<div class="flex-1 p-5">
<p class="text-gray-500">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
</div>
<!-- faq list -->
<div class="relative flex flex-wrap flex-col shadow mb-4 bg-white dark:bg-gray-800 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
<div class="py-2.5 px-5 border-b border-gray-200 dark:border-gray-700 mb-0" id="HeadingThreee">
<div class="d-grid mb-0">
<button class="py-3 px-0 w-full rounded-md leading-5 font-medium flex justify-between focus:outline-none focus:ring-0" @click="selected !== 2 ? selected = 2 : selected = null">
Do you offer any discounted plans?
<span>
<svg class="transform transition duration-500" :class="{ '-rotate-180': selected == 2 }" width="1rem" height="1rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"></path>
</svg>
</span>
</button>
</div>
</div>
<div id="CollapseThreee" x-show="selected == 2">
<div class="flex-1 p-5">
<p class="text-gray-500">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
</div>
<!-- faq list -->
<div class="relative flex flex-wrap flex-col shadow mb-4 bg-white dark:bg-gray-800 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".7s">
<div class="py-2.5 px-5 border-b border-gray-200 dark:border-gray-700 mb-0" id="HeadingFoure">
<div class="d-grid mb-0">
<button class="py-3 px-0 w-full rounded-md leading-5 font-medium flex justify-between focus:outline-none focus:ring-0" @click="selected !== 3 ? selected = 3 : selected = null">
Can I cancel my account at any time?
<span>
<svg class="transform transition duration-500" :class="{ '-rotate-180': selected == 3 }" width="1rem" height="1rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"></path>
</svg>
</span>
</button>
</div>
</div>
<div id="CollapseFoure" x-show="selected == 3">
<div class="flex-1 p-5">
<p class="text-gray-500">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End FAQ -->
Fax Sections style 2
Ask Questions
This is most popular general question!
How is the SEO services system at Upgency?
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.
Can I change my plan later on?
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.
Can I cancel my account at any time?
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.
How many keywords are optimized?
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.
Do you offer any discounted plans?
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.
What is the rate if I type in a credit card?
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.
<!-- Start FAQ -->
<div id="faq" class="relative py-20 md:py-24 bg-white dark:bg-gray-800">
<div class="container xl:max-w-6xl mx-auto px-4">
<!-- section header -->
<header class="text-center mx-auto mb-12 lg:px-20">
<h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Ask</span> Questions</h2>
<hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
<p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">This is most popular general question!</p>
</header><!-- end section header -->
<div class="flex flex-wrap flex-row -mx-4">
<div class="flex-shrink max-w-full px-4 w-full md:w-1/2">
<div class="p-6 border-b border-gray-200 mb-6 bg-white dark:bg-gray-800 dark:border-gray-700">
<h3 class="text-lg leading-normal font-semibold mb-4">
<!-- <i class="fas fa-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block"></i> -->
<svg class="bi bi-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
<path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"></path>
</svg>
How is the SEO services system at Upgency?
</h3>
<p class="text-gray-500">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
<div class="p-6 border-b border-gray-200 mb-6 bg-white dark:bg-gray-800 dark:border-gray-700">
<h3 class="text-lg leading-normal font-semibold mb-4">
<!-- <i class="fas fa-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block"></i> -->
<svg class="bi bi-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
<path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"></path>
</svg>
Can I change my plan later on?
</h3>
<p class="text-gray-500">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
<div class="p-6 border-b border-gray-200 mb-6 bg-white dark:bg-gray-800 dark:border-gray-700">
<h3 class="text-lg leading-normal font-semibold mb-4">
<!-- <i class="fas fa-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block"></i> -->
<svg class="bi bi-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
<path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"></path>
</svg>
Can I cancel my account at any time?
</h3>
<p class="text-gray-500">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
</div>
<div class="flex-shrink max-w-full px-4 w-full md:w-1/2">
<div class="p-6 border-b border-gray-200 mb-6 bg-white dark:bg-gray-800 dark:border-gray-700">
<h3 class="text-lg leading-normal font-semibold mb-4">
<!-- <i class="fas fa-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block"></i> -->
<svg class="bi bi-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
<path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"></path>
</svg>
How many keywords are optimized?
</h3>
<p class="text-gray-500">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
<div class="p-6 border-b border-gray-200 mb-6 bg-white dark:bg-gray-800 dark:border-gray-700">
<h3 class="text-lg leading-normal font-semibold mb-4">
<!-- <i class="fas fa-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block"></i> -->
<svg class="bi bi-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
<path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"></path>
</svg>
Do you offer any discounted plans?
</h3>
<p class="text-gray-500">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
<div class="p-6 border-b border-gray-200 mb-6 bg-white dark:bg-gray-800 dark:border-gray-700">
<h3 class="text-lg leading-normal font-semibold mb-4">
<!-- <i class="fas fa-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block"></i> -->
<svg class="bi bi-question-circle text-blue-700 ltr:mr-2 rtl:ml-2 inline-block" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
<path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"></path>
</svg>
What is the rate if I type in a credit card?
</h3>
<p class="text-gray-500">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
</div>
</div>
</div>
</div><!-- End faq -->