Skip to content

Commit

Permalink
stable theme throughout the pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@thilakjo
thilakjo committed Oct 16, 2024
1 parent b981faf commit 8c0f084
Show file tree
Hide file tree
Showing 3 changed files with 1,040 additions and 642 deletions.
326 changes: 321 additions & 5 deletions faq.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,17 +21,333 @@
<body
class="dark-theme bg-gray-900 text-gray-300 d-flex flex-column min-vh-100"
>
<div id="loader" class="spinner-container">
<div class="spinner-border" role="status" style="width: 4rem; height: 4rem; color: #1db954;">
<span class="visually-hidden">Loading...</span>
<div id="loader" class="spinner-container">
<div
class="spinner-border"
role="status"
style="width: 4rem; height: 4rem; color: #1db954"
>
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
<!-- Navbar -->
<div id="header-placeholder" class="sticky top-0 z-20"></div>

<!-- Main -->
<main class="container my-5">
<h1>FAQs</h1>
<h1 class="page-title display-5 fw-bold mb-5">
Frequently Asked Questions (FAQs)
</h1>

<section class="row faq">
<!-- FAQ 1 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/1.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">What is Lisbook?</h4>
<p class="text-gray-300">
Lisbook is an audio-book and music streaming platform that
helps users access a variety of books and playlists from
different genres and authors.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 2 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/women/2.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
How can I create an account?
</h4>
<p class="text-gray-300">
You can create an account by clicking on the 'Sign Up' button
on the home page, and filling in your email and password
details.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 3 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/3.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Is there a mobile app available?
</h4>
<p class="text-gray-300">
Yes, Lisbook has mobile apps for both Android and iOS that
allow you to access your favorite audiobooks on the go.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 4 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/women/4.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Can I download audiobooks for offline listening?
</h4>
<p class="text-gray-300">
Yes, Lisbook allows premium users to download audiobooks for
offline listening.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 5 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/5.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Is there a free version of Lisbook?
</h4>
<p class="text-gray-300">
Yes, Lisbook offers a free version with limited access to
books and music, supported by ads.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 6 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/women/6.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
How do I cancel my subscription?
</h4>
<p class="text-gray-300">
You can cancel your subscription anytime by navigating to the
'Account Settings' and selecting the 'Cancel Subscription'
option.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 7 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/7.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Does Lisbook have a family plan?
</h4>
<p class="text-gray-300">
Yes, Lisbook offers a family plan that allows up to 5 members
to share one subscription at a discounted price.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 8 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/women/8.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Can I create my own playlists?
</h4>
<p class="text-gray-300">
Yes, Lisbook allows users to create and share personalized
playlists of their favorite audiobooks and music.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 9 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/9.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">How do I reset my password?</h4>
<p class="text-gray-300">
You can reset your password by clicking on 'Forgot Password'
on the login page and following the instructions sent to your
email.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 10 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/women/10.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
What formats are supported for audiobooks?
</h4>
<p class="text-gray-300">
Lisbook supports a variety of audio formats, including MP3,
AAC, and WAV for audiobooks.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 11 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/11.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
How can I share audiobooks with friends?
</h4>
<p class="text-gray-300">
You can share audiobooks with friends via social media or by
sending them a direct link from within the app.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 12 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/women/12.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Can I listen to audiobooks while offline?
</h4>
<p class="text-gray-300">
Yes, once downloaded, you can listen to your audiobooks
offline without needing an internet connection.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 13 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/13.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
Does Lisbook offer audiobooks in different languages?
</h4>
<p class="text-gray-300">
Yes, Lisbook offers audiobooks in a variety of languages
including English, Spanish, French, and more.
</p>
</div>
</div>
</div>
</div>

<!-- FAQ 14 -->
<div class="col-md-6 faq" style="padding: 7px 7px">
<div class="features-card faq-box border rounded-5 p-4 mb-4">
<div class="d-flex align-items-start">
<img
src="https://randomuser.me/api/portraits/men/15.jpg"
class="rounded-circle faq-profile me-3"
alt="Profile"
/>
<div>
<h4 class="text-green-500 mb-2">
How do I contact customer support?
</h4>
<p class="text-gray-300">
You can reach customer support by going to the 'Help' section
in the app or by emailing us at [email protected].
</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<div id="footer-placeholder" class="mt-auto"></div>
Expand Down
Loading

0 comments on commit 8c0f084

Please sign in to comment.