Skip to content

Commit

Permalink
Merge pull request #897 from chandru110/main
Browse files Browse the repository at this point in the history
Enchancing the Book_condition.html
  • Loading branch information
ankit071105 authored Nov 3, 2024
2 parents 4de711c + 5f089ed commit bcaa268
Show file tree
Hide file tree
Showing 2 changed files with 171 additions and 146 deletions.
284 changes: 148 additions & 136 deletions book_condition.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,173 +8,185 @@
<style>
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
background-color: #f2f7fc;
margin: 0;
padding: 20px;
}
.container {
max-width: 1000px;
margin: 0 auto;
max-width: 800px;
margin: auto;
padding: 20px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.container h1 {
text-align: center;
color: #333;
}
.box {
background-color: #e6f0ff;
border-left: 8px solid #28fcfc;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: #eaf4ff;
border-left: 5px solid #0073e6;
border-radius: 5px;
padding: 15px;
margin-bottom: 15px;
transition: 0.3s;
}
.box:hover {
background-color: #d0e9ff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.box h2 {
font-size: 1.2em;
margin: 0;
color: #0d0d0d;
font-size: 1.4em;
color: #00509e;
}
.box p {
margin: 10px 0 0 0;
font-size: 1em;
color: #333;
color: #555;
}
.container .box:last-child {
margin-bottom: 0;
footer {
background-color: #1e2a38;
color: #b5fdf4;
padding: 30px 20px;
font-size: 14px;
}
.box:hover {
background-color: #55f1d7;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
.footer-container {
max-width: 1000px;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.footer-logo-section {
text-align: center;
margin-bottom: 20px;
}
.social-icons a {
color: #b5fdf4;
font-size: 18px;
margin: 0 5px;
text-decoration: none;
}
.social-icons a:hover {
color: #ffffff;
}
.footer-links {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 20px;
width: 100%;
}
.footer-column {
width: 45%;
margin-bottom: 20px;
}
.footer-column h4 {
font-size: 1.1em;
color: #dcfffa;
margin-bottom: 10px;
}
.footer-column ul {
list-style-type: none;
padding: 0;
}
.footer-column ul li {
margin: 5px 0;
}
.footer-column ul li a {
color: #b5fdf4;
text-decoration: none;
transition: color 0.3s;
}
.footer-column ul li a:hover {
color: #ffffff;
}
.footer-bottom {
border-top: 1px solid #3a4a5a;
padding-top: 15px;
margin-top: 20px;
text-align: center;
}
.footer-bottom ul {
list-style: none;
padding: 0;
margin: 10px 0;
}
.footer-bottom ul li {
display: inline;
margin: 0 8px;
}
.footer-bottom ul li a {
color: #b5fdf4;
text-decoration: none;
}
.footer-bottom ul li a:hover {
color: #ffffff;
}

/* Responsive styling */
@media (max-width: 768px) {
.footer-column {
width: 100%;
text-align: center;
}
.footer-logo-section,
.footer-bottom {
text-align: center;
}
}
</style>
</head>
<body>

<div class="container">
<h1 style="padding-left:40%">Booking Condition</h1>
<h1>Booking Conditions</h1>

<!-- Booking condition content sections -->
<div class="box">
<h2>General Terms</h2>
<p>When using our online ticket booking system, you agree to the terms and conditions outlined below. The term “ticket” refers to any pass purchased for events, services, or transportation. “Booking” refers to the act of purchasing a ticket, while “cancellation” refers to the process of voiding an existing booking.</p>
</div>

<div class="box">
<h2>Payment Terms</h2>
<p>We accept the following payment methods: credit cards, debit cards, and PayPal. Payment must be made in full at the time of booking unless an installment plan is offered. We use third-party processors to securely handle all payment data, with encryption in place to protect your information.</p>
</div>

<div class="box">
<h2>Booking Confirmation</h2>
<p>Once your payment is processed, you will receive a confirmation via email or SMS with your booking details. This confirmation serves as your proof of purchase and is essential for entry. Please keep it safe. Confirmation is typically sent within a few minutes, but it can take up to 24 hours in rare cases.</p>
</div>

<div class="box">
<h2>Ticket Changes and Cancellations</h2>
<p>Bookings can be modified or canceled up to 24 hours before the event or service. If you wish to make changes, please use the "Manage My Booking" feature on our website or contact customer support.</p>
</div>

<div class="box">
<h2>No-Show Policy</h2>
<p>If you do not show up for the event or service you’ve booked, your ticket will be forfeited, and no refund will be issued. In some cases, rescheduling may be possible, but this is subject to availability and terms outlined by the service provider.</p>
</div>

<div class="box">
<h2>Customer Obligations</h2>
<p>Customers are responsible for providing accurate details during the booking process, including name, contact information, and any additional requirements. You will need to present a valid form of ID and your booking reference at check-in or when redeeming your ticket.</p>
</div>

<div class="box">
<h2>System Limitations and Disclaimers</h2>
<p>While we strive to maintain an uninterrupted booking experience, technical issues may occur. In the event of system downtime or other interruptions, we will notify customers and work to resolve the issue as quickly as possible. We are not liable for disruptions caused by circumstances beyond our control (e.g., natural disasters, force majeure events).</p>
</div>

<div class="box">
<h2>Privacy Policy</h2>
<p>We are committed to protecting your personal information. Your data is collected only for the purpose of processing your booking and will not be shared with third parties, except as required by law or as outlined in our Privacy Policy.</p>
</div>

<div class="box">
<h2>Governing Law and Jurisdiction</h2>
<p>These booking conditions are governed by the laws of [Insert Region]. Any disputes arising out of or in connection with these terms will be subject to the exclusive jurisdiction of the courts of [Insert Region].</p>
<p>When using our online ticket booking system, you agree to the terms and conditions outlined below. The term “ticket” refers to any pass purchased for events, services, or transportation.</p>
</div>
<!-- Add more boxes as needed -->

</div>

<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="footer-logo-section">
<a href="#"><img src="./images/3.jpeg" alt="logo" class="footer-logo"></a>
<p>Affordable adventures, unforgettable memories—explore with ease.</p>
<p class="follow-us">FOLLOW US:</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>

<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>

</div>
</div>


<div class="footer-links">
<div class="footer-column">
<h4>HELPFUL LINKS</h4>
<ul>
<li><a href="help.html">Help Centre</a></li>
<li><a href="#">Special Assistance</a></li>
<li><a href="#">Download The App</a></li>
<li><a href="./book_condition.html">Booking Conditions</a></li>
</ul>
</div>

<div class="footer-column">
<h4>ABOUT US</h4>
<ul>
<li><a href="#">Media Center</a></li>
<li><a href="#">Investors</a></li>

<li><a href="#">Modern Slavery Act</a></li>

<li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>

<li><a href="terms.html">Terms Of Use</a></li>
</ul>
<a href="https://www.facebook.com" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>

<div class="footer-column">
<h4>KEEPING SAFE</h4>
<ul>
<li><a href="#">ATOL Protected</a></li>
<li><a href="travelAware.html">Travel Aware</a></li>
<li><a href="#">FCDO Travel Advice</a></li>
<li><a href="#">ABTA</a></li>
</ul>
</div>

</div>

<div class="footer-links">
<div class="footer-column">
<h4>FIND US</h4>
<ul>
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="#">Group Cookie Notice</a></li>
<li><a href="privacy.html">Privacy And Policy</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<h4>HELPFUL LINKS</h4>
<ul>
<li><a href="help.html">Help Centre</a></li>
<li><a href="#">Special Assistance</a></li>
<li><a href="#">Download The App</a></li>
<li><a href="./book_condition.html">Booking Conditions</a></li>
</ul>
</div>
</div>
<!-- Add other footer columns as needed -->
</div>



<div class="footer-bottom">
<ul>
<li><a href="#">Holiday Type</a></li>
<li><a href="#">Holiday Deals</a></li>
<li><a href="#">Popular Counters</a></li>
<!-- <li><a href="#">Flight Only</a></li> -->
<li><a href="#">Top Hotels</a></li>
</ul>
<ul>
<li><a href="#">Holiday Type</a></li>
<li><a href="#">Holiday Deals</a></li>
<li><a href="#">Popular Counters</a></li>
<li><a href="#">Top Hotels</a></li>
</ul>
</div>
</footer>
</footer>

</body>
</html>
33 changes: 23 additions & 10 deletions forgot_password.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Forgot Password</title>
<link rel="shortcut icon" href="https://ticket-booking-blue.vercel.app/images/4.jpeg" type="image/x-icon">

<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white">
Expand All @@ -32,7 +31,7 @@ <h1 class="text-4xl text-gray-800 font-extrabold tracking-tight md:text-3xl">
</div>
<div class="p-6 flex flex-col justify-center">
<!-- Home button positioned above the email input -->
<button onclick="window.location.href='/index.html'" class="self-end text-xs bg-orange-700 hover:bg-orange-600 text-white font-bold py-1 px-2 rounded-lg transition ease-in-out duration-300 flex items-center">
<button onclick="window.location.href='/index.html'" class="self-end text-xs bg-orange-700 hover:bg-orange-600 text-white font-bold py-1 px-2 rounded-lg transition ease-in-out duration-300 flex items-center" aria-label="Home">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 mr-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l9-9m0 0l9 9m-9-9v18" />
</svg>
Expand All @@ -42,7 +41,7 @@ <h1 class="text-4xl text-gray-800 font-extrabold tracking-tight md:text-3xl">
<form id="forgotPasswordForm" class="mt-2">
<label for="email" class="mt-4">Email Address:</label>
<input type="email" id="email" name="email" placeholder="Email" required class="w-full mt-2 py-3 px-3 rounded-lg bg-white border border-gray-400 text-gray-800 font-semibold focus:border-orange-500 focus:outline-none">
<button type="submit" class="md:w-32 bg-orange-700 hover:bg-orange-600 text-white font-bold py-3 px-6 rounded-lg mt-3 transition ease-in-out duration-300">Send Code</button>
<button type="submit" class="md:w-32 bg-orange-700 hover:bg-orange-600 text-white font-bold py-3 px-6 rounded-lg mt-3 transition ease-in-out duration-300" aria-label="Send Code">Send Code</button>
<p id="message" class="text-red-500 mt-2"></p>
</form>
</div>
Expand All @@ -55,7 +54,11 @@ <h1 class="text-4xl text-gray-800 font-extrabold tracking-tight md:text-3xl">
document.getElementById('forgotPasswordForm').addEventListener('submit', async function(event) {
event.preventDefault();
const email = document.getElementById('email').value;

const messageElement = document.getElementById('message');

// Clear any existing message
messageElement.textContent = '';

try {
const response = await fetch('http://localhost:7865/api/v1/auth/forgot-password', {
method: 'POST',
Expand All @@ -64,15 +67,25 @@ <h1 class="text-4xl text-gray-800 font-extrabold tracking-tight md:text-3xl">
},
body: JSON.stringify({ email })
});

const data = await response.json();
if (response.ok) {
document.getElementById('message').textContent = 'A code has been sent to your email.';

// Check if response is JSON
const contentType = response.headers.get('content-type');
if (contentType && contentType.includes('application/json')) {
const data = await response.json();
if (response.ok) {
messageElement.textContent = 'A code has been sent to your email.';
messageElement.classList.replace('text-red-500', 'text-green-500');
} else {
messageElement.textContent = data.message || 'Error sending code.';
messageElement.classList.replace('text-green-500', 'text-red-500');
}
} else {
document.getElementById('message').textContent = data.message || 'Error sending code.';
throw new Error('Unexpected response format');
}
} catch (error) {
document.getElementById('message').textContent = 'An error occurred. Please try again.';
console.error("Fetch error:", error);
messageElement.textContent = 'An error occurred. Please try again.';
messageElement.classList.replace('text-green-500', 'text-red-500');
}
});
</script>
Expand Down

0 comments on commit bcaa268

Please sign in to comment.