Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add files via upload #135

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add files via upload #135

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 100 additions & 0 deletions CSS-Frameworks/24BCS10201/boot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ Page</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<script src="https://cdn.tailwindcss.com"></script>
<style>

body {
background-color: #f3f4f6;
}
.faq-header {
background-color: #f26a8d;
color: white;
}
.search-bar {
background-color: #dd2d4a;
color: white;
}
</style>
</head>
<body>


<div class="faq-header py-5 text-center">
<h1 class="text-3xl font-bold">Frequently Asked Questions</h1>
</div>


<div class="search-bar py-3 flex justify-center">
<input type="text" class="form-control w-1/2 p-2 text-lg" placeholder="Search for questions...">
</div>

<!-- FAQ Sections -->
<div class="container my-5">
<div class="accordion" id="faqAccordion">


<div class="accordion-item">
<h2 class="accordion-header" id="generalHeading">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#generalCollapse" aria-expanded="true" aria-controls="generalCollapse">
General Questions
</button>
</h2>
<div id="generalCollapse" class="accordion-collapse collapse show" aria-labelledby="generalHeading" data-bs-parent="#faqAccordion">
<div class="accordion-body bg-white">
<p><strong>Question 1:</strong> What is the purpose of this FAQ page?</p>
<p>Answer: This page is designed to help users find answers to common questions quickly.</p>
<p><strong>Question 2:</strong> How do I contact support?</p>
<p>Answer: You can contact support via our contact form or email us at [email protected].</p>
</div>
</div>
</div>

<!-- Category 2: Account Questions -->
<div class="accordion-item">
<h2 class="accordion-header" id="accountHeading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accountCollapse" aria-expanded="false" aria-controls="accountCollapse">
Account Questions
</button>
</h2>
<div id="accountCollapse" class="accordion-collapse collapse" aria-labelledby="accountHeading" data-bs-parent="#faqAccordion">
<div class="accordion-body bg-white">
<p><strong>Question 1:</strong> How do I reset my password?</p>
<p>Answer: You can reset your password by clicking the "Forgot Password" link on the login page.</p>
<p><strong>Question 2:</strong> How do I change my account email?</p>
<p>Answer: You can change your email in the account settings section under "Personal Information."</p>
</div>
</div>
</div>

<!-- Category 3: Payment Questions -->
<div class="accordion-item">
<h2 class="accordion-header" id="paymentHeading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#paymentCollapse" aria-expanded="false" aria-controls="paymentCollapse">
Payment Questions
</button>
</h2>
<div id="paymentCollapse" class="accordion-collapse collapse" aria-labelledby="paymentHeading" data-bs-parent="#faqAccordion">
<div class="accordion-body bg-white">
<p><strong>Question 1:</strong> What payment methods do you accept?</p>
<p>Answer: We accept credit/debit cards, PayPal, and bank transfers.</p>
<p><strong>Question 2:</strong> Is my payment information secure?</p>
<p>Answer: Yes, we use secure encryption to protect your payment information.</p>
</div>
</div>
</div>

</div>
</div>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>