Skip to content

Commit

Permalink
Merge pull request #969 from Rohit72099/main
Browse files Browse the repository at this point in the history 
Removed FAQ section from home page
  • Loading branch information
@ankit071105
ankit071105 authored Nov 5, 2024
2 parents 879dbae + 540f7cf commit ba64208
Show file tree
Hide file tree
Showing 2 changed files with 79 additions and 206 deletions.
219 changes: 13 additions & 206 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -857,10 +857,17 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
flex-direction: column;
}
}



/* hover effect */
button[type="submit"]:hover {

</style>
<style>
hover effect */
button[type="submit"]:hover {

background-color: #005fa3;
}

Expand All @@ -869,7 +876,10 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
flex-direction: column;
}
}
</style>

</style>




<div class="map-container">
Expand Down Expand Up @@ -1024,78 +1034,6 @@ <h2>We Value Your Feedback!</h2>




<!-- FAQ section -->
<!-- <section id="faq">
<div class="container faq-container">
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<button class="faq-question">
What is your cancellation policy?
<span class="expand-toggle">+</span>
</button>
<div class="faq-answer" style="display: none;">
<p>We offer a flexible cancellation policy that allows you to cancel your booking up to 48 hours before your scheduled departure for a full refund.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
How do I make changes to my booking?
<span class="expand-toggle">+</span>
</button>
<div class="faq-answer"style="display: none;">
<p>You can make changes to your booking by logging into your account and accessing your booking details. For major changes, please contact our support team directly.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Can I change the date of my travel after booking?
<span class="expand-toggle">+</span>
</button>
<div class="faq-answer" style="display: none;">
<p>Yes, you can change your travel date, but it depends on the availability and our policy for date changes. Some changes may incur additional charges. Please contact our support team for assistance.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Are there any additional fees not included in the booking price?
<span class="expand-toggle">+</span>
</button>
<div class="faq-answer" style="display: none;">
<p>Our booking price includes most fees. However, depending on your destination, there may be extra charges like city taxes, resort fees, or baggage fees charged by airlines. Please review your booking details carefully or contact us for more information.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
What should I do if I miss my flight?
<span class="expand-toggle">+</span>
</button>
<div class="faq-answer" style="display: none;">
<p>If you miss your flight, please contact us immediately. We can help you explore options such as rescheduling or booking a new flight, but additional charges may apply based on airline policies.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Do you offer travel insurance?
<span class="expand-toggle">+</span>
</button>
<div class="faq-answer"style="display: none;">
<p>Yes, we offer travel insurance options for our customers. Travel insurance can provide coverage for trip cancellations, lost luggage, medical emergencies, and more. You can add insurance to your booking during the checkout process.</p>
</div>
</div>
</div>
</section> -->





<style>
/* Basic Reset */
* {
Expand Down Expand Up @@ -1181,142 +1119,11 @@ <h2>Frequently Asked Questions</h2>
background-color: #367836; /* Darker green on hover */
}

/* FAQ container styling */
.faq-container {
width: 100%;
max-width: 500px;
max-height: 100%; /* Fixed height */
border: 3px solid #4CAF50;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: white;
display: flex;
flex-direction: column;
padding: 20px;
box-sizing: border-box;
margin-top: 30px;
}

/* FAQ title styling */
.faq-title {
font-size: 1.8em;
text-align: center;
color: #4CAF50;
font-weight: bold;
border-bottom: 2px solid #4CAF50;
margin-bottom: 20px;
}

/* FAQ items container */
.faq-items {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-top: 20px;
}

/* Individual FAQ item styling */
.faq-item {
width: 100%;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #e0e0e0;
overflow: hidden;
transition: all 0.4s ease;
margin-bottom: 20px; /* Spacing between FAQs */
}

.faq-question {
font-size: 1.1em;
padding: 12px 15px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s;
}

.faq-question:hover {
background-color: #d4d4d4;
}

/* FAQ answer styling */
.faq-answer {
padding: 0 15px;
box-sizing: border-box;
max-height: 0;
overflow: hidden;
background-color: #f9f9f9;
color: #333;
font-size: 1em;
transition: max-height 0.4s ease, padding 0.4s ease; /* Smooth padding transition */
}

/* Circular toggle symbol styling */
.toggle-symbol {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2em;
color: white;
background-color: #4CAF50;
border-radius: 50%;
transition: transform 0.4s ease;
}

/* Rotate symbol when active */
.faq-item.active .toggle-symbol {
transform: rotate(45deg);
}

</style>


<div class="faq-container">
<!-- FAQ Title -->
<div class="faq-title">Frequently Asked Questions</div>

<!-- FAQ Items Wrapper -->
<div class="faq-items">
<!-- FAQ Item 1 -->
<div class="faq-item">
<div class="faq-question">
What is your cancellation policy?
<span class="toggle-symbol">+</span>
</div>
<div class="faq-answer">
We offer a flexible cancellation policy that allows you to cancel your booking
up to 48 hours before your scheduled departure for a full refund.
</div>
</div>

<!-- FAQ Item 2 -->
<div class="faq-item">
<div class="faq-question">
How do I make changes to my booking?
<span class="toggle-symbol">+</span>
</div>
<div class="faq-answer">
You can make changes to your booking by logging into your account
and accessing your booking details
</div>
</div>

<!-- FAQ Item 3 -->
<div class="faq-item">
<div class="faq-question">
Can I change the date of my travel after booking?
<span class="toggle-symbol">+</span>
</div>
<div class="faq-answer">
Yes, you can change your travel date, but it depends
on the availability and our policy for date changes.
</div>
</div>
</div>
</div>


<script>
const faqItems = document.querySelectorAll(".faq-item");
Expand Down
66 changes: 66 additions & 0 deletions sell.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -938,11 +938,77 @@ <h1>Sell Ticket</h1>
</select>
</div>


<h1>Sell Bus Ticket</h1>
<form id="ticketForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone" required pattern="[0-9]{10}">

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="ticketNo">Ticket No:</label>
<input type="text" id="ticketNo" name="ticketNo" required>

<label for="busNo">Bus No:</label>
<input type="text" id="busNo" name="busNo" required>


</style>

<label for="departureLocation">Departure Location:</label>
<input type="text" id="departureLocation" name="departureLocation" required>

<label for="arrivalLocation">Arrival Location:</label>
<input type="text" id="arrivalLocation" name="arrivalLocation" required>

<label for="departureTime">Departure Time:</label>
<input type="time" id="departureTime" name="departureTime" required>

<label for="date">Date:</label>
<input type="date" id="date" name="date" required>

<label for="seatNo">Seat Number:</label>
<input type="text" id="seatNo" name="seatNo" required>

<label for="acClass">AC Class:</label>
<select id="acClass" name="acClass" required>
<option value="Non-AC">Non-AC</option>
<option value="AC">AC</option>
</select>

<label for="price">Original Price:</label>
<input type="number" id="price" name="price" required min="0" step="0.01">

<button type="submit">Submit Ticket</button>
</form>

</main>
<footer class="footer-container">
<div class="footer-top">

<div class="footer-logo-section">
<a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
<p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
<p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>

<div class="form-cont">
<label for="seatNumber">Seat Number:</label>
<input type="text" id="seatNumber" placeholder="Enter seat number" required>
</div>


<div class="form-cont">
<label for="price">Original Price:</label>
<input type="number" id="price" placeholder="Enter ticket price" required>
Expand Down

0 comments on commit ba64208

Please sign in to comment.