132 lines
No EOL
5.5 KiB
HTML
132 lines
No EOL
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang=en data-bs-theme=dark>
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width, initial-scale=1">
|
|
<title>Accordion Example</title>
|
|
<link rel=stylesheet type=text/css
|
|
href=https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css>
|
|
</head>
|
|
<body>
|
|
<h1 class=visually-hidden>Accordion Example</h1>
|
|
<main class=container>
|
|
<div class=accordion id=accordionExample>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class=accordion-button type=button data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-1
|
|
aria-expanded=true aria-controls=collapse-accordionExample-1>What is the purpose of this website?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse show"
|
|
id=collapse-accordionExample-1
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
This website is designed to provide information and resources on various topics related to user experience, design
|
|
thinking, and agile methodologies.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class="accordion-button collapsed" type=button
|
|
data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-2
|
|
aria-expanded=false aria-controls=collapse-accordionExample-2>How can I contact the support team?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-accordionExample-2
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
You can reach our support team by sending an email to support@example.com. We'll be happy to assist you with any
|
|
questions or issues you may have.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class="accordion-button collapsed" type=button
|
|
data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-3
|
|
aria-expanded=false aria-controls=collapse-accordionExample-3>Is there a mobile app available?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-accordionExample-3
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
Yes, we have a mobile app available for both iOS and Android devices. You can download it from the App Store or Google
|
|
Play Store.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class="accordion-button collapsed" type=button
|
|
data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-4
|
|
aria-expanded=false aria-controls=collapse-accordionExample-4>What payment methods do you accept?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-accordionExample-4
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
We accept payments through credit cards, PayPal, and bank transfers. You can choose the payment method that suits you
|
|
best during the checkout process.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class="accordion-button collapsed" type=button
|
|
data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-5
|
|
aria-expanded=false aria-controls=collapse-accordionExample-5>How do I reset my password?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-accordionExample-5
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
To reset your password, go to the login page and click on the 'Forgot Password' link. Follow the instructions
|
|
sent to your registered email address to create a new password.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class="accordion-button collapsed" type=button
|
|
data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-6
|
|
aria-expanded=false aria-controls=collapse-accordionExample-6>Can I contribute to your knowledge sharing
|
|
initiatives?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-accordionExample-6
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
Absolutely! We encourage contributions from our community. You can participate in our knowledge sharing initiatives by
|
|
joining our forums and sharing your insights and experiences.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class="accordion-button collapsed" type=button
|
|
data-bs-toggle=collapse
|
|
data-bs-target=#collapse-accordionExample-7
|
|
aria-expanded=false aria-controls=collapse-accordionExample-7>What is the schedule for upcoming webinars and
|
|
events?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-accordionExample-7
|
|
data-bs-parent=#accordionExample>
|
|
<div class=accordion-body>
|
|
You can find the schedule for upcoming webinars and events on our Events page. We regularly update it with details of
|
|
upcoming sessions.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script
|
|
src=https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js></script>
|
|
</body>
|
|
</html> |