231 lines
No EOL
10 KiB
HTML
231 lines
No EOL
10 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=firstAccordion>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class=accordion-button type=button data-bs-toggle=collapse
|
|
data-bs-target=#collapse-firstAccordion-1 aria-expanded=true
|
|
aria-controls=collapse-firstAccordion-1>What is the purpose of this website?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse show"
|
|
id=collapse-firstAccordion-1 data-bs-parent=#firstAccordion>
|
|
<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-firstAccordion-2 aria-expanded=false
|
|
aria-controls=collapse-firstAccordion-2>How can I contact the support team?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-firstAccordion-2 data-bs-parent=#firstAccordion>
|
|
<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-firstAccordion-3 aria-expanded=false
|
|
aria-controls=collapse-firstAccordion-3>Is there a mobile app available?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-firstAccordion-3 data-bs-parent=#firstAccordion>
|
|
<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-firstAccordion-4 aria-expanded=false
|
|
aria-controls=collapse-firstAccordion-4>What payment methods do you accept?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-firstAccordion-4 data-bs-parent=#firstAccordion>
|
|
<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-firstAccordion-5 aria-expanded=false
|
|
aria-controls=collapse-firstAccordion-5>How do I reset my password?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-firstAccordion-5 data-bs-parent=#firstAccordion>
|
|
<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-firstAccordion-6 aria-expanded=false
|
|
aria-controls=collapse-firstAccordion-6>Can I contribute to your knowledge sharing initiatives?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-firstAccordion-6 data-bs-parent=#firstAccordion>
|
|
<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-firstAccordion-7 aria-expanded=false
|
|
aria-controls=collapse-firstAccordion-7>What is the schedule for upcoming webinars and events?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-firstAccordion-7 data-bs-parent=#firstAccordion>
|
|
<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>
|
|
<div class=accordion id=secondAccordion>
|
|
<div class=accordion-item>
|
|
<h2 class=accordion-header>
|
|
<button class=accordion-button type=button data-bs-toggle=collapse
|
|
data-bs-target=#collapse-secondAccordion-1 aria-expanded=true
|
|
aria-controls=collapse-secondAccordion-1>What is the purpose of this website?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse show"
|
|
id=collapse-secondAccordion-1 data-bs-parent=#secondAccordion>
|
|
<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-secondAccordion-2
|
|
aria-expanded=false aria-controls=collapse-secondAccordion-2>How can I contact the support team?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-secondAccordion-2 data-bs-parent=#secondAccordion>
|
|
<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-secondAccordion-3
|
|
aria-expanded=false aria-controls=collapse-secondAccordion-3>Is there a mobile app available?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-secondAccordion-3 data-bs-parent=#secondAccordion>
|
|
<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-secondAccordion-4
|
|
aria-expanded=false aria-controls=collapse-secondAccordion-4>What payment methods do you accept?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-secondAccordion-4 data-bs-parent=#secondAccordion>
|
|
<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-secondAccordion-5
|
|
aria-expanded=false aria-controls=collapse-secondAccordion-5>How do I reset my password?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-secondAccordion-5 data-bs-parent=#secondAccordion>
|
|
<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-secondAccordion-6
|
|
aria-expanded=false aria-controls=collapse-secondAccordion-6>Can I contribute to your knowledge sharing
|
|
initiatives?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-secondAccordion-6 data-bs-parent=#secondAccordion>
|
|
<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-secondAccordion-7
|
|
aria-expanded=false aria-controls=collapse-secondAccordion-7>What is the schedule for upcoming webinars and
|
|
events?</button>
|
|
</h2>
|
|
<div class="accordion-collapse collapse"
|
|
id=collapse-secondAccordion-7 data-bs-parent=#secondAccordion>
|
|
<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> |