Skip to content

Commit

Permalink
added a new section FAQ section (#79)
Browse files Browse the repository at this point in the history 
## What does the PR do?
This PR added a new section called FAQ section


## Related Issues #73 
![Screenshot 2024-10-02
172143](https://github.com/user-attachments/assets/0748cfa5-323d-4eee-8bd8-83070433c040)
  • Loading branch information
@Anjaliavv51
Anjaliavv51 authored Oct 2, 2024
2 parents 875af02 + b31252c commit 00f6cdc
Show file tree
Hide file tree
Showing 2 changed files with 110 additions and 0 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
107 changes: 107 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,20 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">

<style>

.faq-container {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
background: transparent;/* Container background */
border-radius: 8px; /* Rounded corners */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
padding: 20px; /* Padding inside the container */
}
</style>

<style>
:root{
--ff-philosopher: "Philosopher", sans-serif;
Expand Down Expand Up @@ -470,6 +484,99 @@ <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Juices

</ul>


<!---------------------------------------------------- FAQ -->

<div class="container faq-container">
<h1 class="text-center mb-4">Frequently Asked Questions</h1>
<div class="accordion" id="faqAccordion">

<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What is your return policy?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Our return policy allows you to return items within 30 days of purchase.
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
How long does shipping take?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Shipping typically takes 5-7 business days, depending on your location.
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Do you ship internationally?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Yes, we offer international shipping to select countries.
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Can I change my order after it's been placed?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
<div class="accordion-body">
If your order hasn't been processed yet, you can contact us to make changes.
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
What payment methods do you accept?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqAccordion">
<div class="accordion-body">
We accept all major credit cards, PayPal, and bank transfers.
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
Do you offer discounts for bulk orders?
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Yes, we provide discounts on bulk orders. Please contact our sales team for more details.
</div>
</div>
</div>

</div>
</div>


<br> <br>

<!-- -------------------------------------------FAQ ENDED -->

</section>

<div class="app_download" style="background-color: hsl(20, 43%, 93%);">
Expand Down

0 comments on commit 00f6cdc

Please sign in to comment.