This commit is contained in:
Joey Kimsey
2024-12-20 14:07:45 -05:00
parent 528f003558
commit d428950be6
19 changed files with 109 additions and 635 deletions

View File

@ -1,65 +1,65 @@
<div class="container py-5 context-main-bg my-5">
<div class="container p-4 context-main-bg my-4">
<h1 class="mb-4">Frequently Asked Questions</h1>
<hr>
<!-- Table of Contents -->
<div class="mb-5">
<h2 class="h4">Table of Contents</h2>
<h2 class="h4 atb-green">Table of Contents</h2>
<ul class="list-unstyled">
<li><a href="#question1" class="text-decoration-none">Does this work on mobile?</a></li>
<li><a href="#question2" class="text-decoration-none">Does this work on Mac/PC/Linux?</a></li>
<li><a href="#question3" class="text-decoration-none">How do I use the extension on my mobile device?</a></li>
<li><a href="#question4" class="text-decoration-none">How do I add this to my phone like an app?</a></li>
<li><a href="#question1" class="text-decoration-none context-main">Does this work on mobile?</a></li>
<li><a href="#question2" class="text-decoration-none context-main">Does this work on Mac/PC/Linux?</a></li>
<li><a href="#question3" class="text-decoration-none context-main">How do I use the extension on my mobile device?</a></li>
<li><a href="#question4" class="text-decoration-none context-main">How do I add this to my phone like an app?</a></li>
</ul>
</div>
<!-- Accordion for Questions -->
<div class="accordion" id="faqAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
<h2 class="accordion-header context-second-bg" id="heading1">
<button class="accordion-button context-main context-main-bg" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
Does this work on mobile?
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question1">
Yes, this works seamlessly on mobile devices.
<div class="ml-5 accordion-body context-main context-main-bg" id="question1">
<span class="atb-green">Yes, this works seamlessly on mobile devices.</span>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<h2 class="accordion-header context-main context-second-bg" id="heading2">
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Does this work on Mac/PC/Linux?
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question2">
Yes, it is compatible with Mac, PC, and Linux platforms.
<div class="accordion-body context-main context-main-bg" id="question2">
<span class="atb-green">Yes, it is compatible with Mac, PC, and Linux platforms.</span>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<h2 class="accordion-header context-main context-second-bg" id="heading3">
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
How do I use the extension on my mobile device?
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question3">
To use the extension on mobile, open your browser, install the extension, and follow the setup instructions.
<div class="accordion-body context-main context-main-bg" id="question3">
<span class="atb-green">To use the extension on mobile, open your browser, install the extension, and follow the setup instructions.</span>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<h2 class="accordion-header context-main context-second-bg" id="heading4">
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
How do I add this to my phone like an app?
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question4">
You can add it to your phone by installing the app or creating a shortcut from your browser to your home screen.
<div class="accordion-body context-main context-main-bg" id="question4">
<span class="atb-green">You can add it to your phone by installing the app or creating a shortcut from your browser to your home screen.</span>
</div>
</div>
</div>

View File

@ -1,26 +1,26 @@
<ul class="list-unstyled d-flex mb-0">
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}fb">
<a class=" atb-green" href="{ROOT_URL}fb">
<span class="fa-brands fa-fw fa-facebook"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}twitter">
<a class=" atb-green" href="{ROOT_URL}twitter">
<span class="fa-brands fa-fw fa-twitter"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}in">
<a class=" atb-green" href="{ROOT_URL}in">
<span class="fa-brands fa-fw fa-linkedin"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}youtube">
<a class=" atb-green" href="{ROOT_URL}youtube">
<span class="fa-brands fa-fw fa-youtube"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}git">
<a class=" atb-green" href="{ROOT_URL}git">
<span class="fa-brands fa-fw fa-github"></span>
</a>
</li>

View File

@ -223,8 +223,8 @@
<tr>
<th style="width: 34%;"></th>
<th style="width: 22%;">Free</th>
<th style="width: 22%;">Pro</th>
<th style="width: 22%;">Enterprise</th>
<th style="width: 22%;">Monthly</th>
<th style="width: 22%;">Yearly</th>
</tr>
</thead>
<tbody>