Skip to content

Commit

Permalink
Merge pull request #1125 from PatelHarsh2006/harshmain7
Browse files Browse the repository at this point in the history 
CHANGED the ABOUT US Section View
  • Loading branch information
@ankit071105
ankit071105 authored Nov 10, 2024
2 parents e3b44de + e201331 commit 4658c02
Showing 1 changed file with 23 additions and 46 deletions.
69 changes: 23 additions & 46 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -397,69 +397,57 @@
navlinks.style.display = 'none'; // Hide links if starting on a small screen
}
</script>
<section id="about-us">

<div class="about-container">
<h1>About Us 🚀</h1>
<p style="color: #333;">
Welcome to Ticket Booking! 🎟️ Your one-stop solution for booking bus and train tickets with ease. Our platform offers
a seamless experience for travelers, providing access to various transportation options. We strive to make your
journey hassle-free, whether you're planning a short trip or a long adventure. With 24/7 customer support and
real-time updates, we ensure that you're always informed and comfortable on the go. 🚌💨
<h1>About Us</h1>
<p>
Welcome to Ticket Booking! 🎟️ Your ultimate gateway to seamless and efficient travel experiences, where booking bus and train tickets becomes a streamlined, effortless process. Our cutting-edge platform offers unparalleled accessibility, empowering travelers with a diverse array of transportation options tailored to every journey, from quick domestic trips to extensive global adventures. With 24/7 customer support, real-time notifications, and constant innovations, we ensure you remain fully informed and comfortable, no matter where your travels take you. 🌍 Whether you’re planning a spontaneous weekend getaway or an elaborate cross-country expedition, our platform is designed to accommodate the full spectrum of your travel needs.
</p>
<p>
At Ticket Booking, we believe in revolutionizing the way people travel. By partnering with a vast network of esteemed transportation providers, we offer a comprehensive selection of routes, schedules, and pricing structures, designed to cater to all preferences and budgets. Whether you’re looking for budget-friendly options, premium services, or flexible travel schedules, we’ve got you covered. Our platform allows you to compare multiple options in real time, ensuring you find the best deals without any hassle. Our commitment to continuous improvement guarantees that we are always enhancing our platform to deliver a superior travel experience. 💡✨
</p>
<p style="color: #333;">
At Ticket Booking, we believe in providing the best travel experience. 🌍 We partner with multiple travel providers to
offer a wide range of routes, schedules, and prices, making travel accessible to everyone. Our team is dedicated
to innovation and constantly improving our platform to serve you better. 💡✨

<p>
But we don’t stop there. We understand that travel is not just about reaching your destination; it’s about the experience along the way. That’s why we prioritize providing you with a smooth, intuitive interface that makes planning and booking a joy. Our real-time updates ensure that you are always in the loop regarding any changes to your itinerary, so you can travel with peace of mind. Additionally, our expert customer support team is available 24/7, ready to assist you with everything from ticket modifications to last-minute inquiries, ensuring that you’re never left in the dark.
</p>


<p>Need assistance or have inquiries? Our team of experts is here to provide you with prompt, personalized support. We offer guidance at every step of your journey, from choosing the right transportation option to resolving any issues that may arise along the way. Ready to embark on your next adventure? Let’s begin your journey with us today—whether it's a quick trip to the city, a scenic ride through the countryside, or a long-distance voyage that takes you across borders, Ticket Booking is here to make it happen. 🚌💨
</p>
</div>
</section>


<style>
body {
font-family: 'Arial', sans-serif;
background: linear-gradient(135deg,#cf9aff,#95c0ff); /* Light blue-gray background */
background-color: #1fb899;
color: #333; /* Dark text for contrast */
margin: 0;
padding: 0;
line-height: 1.6;
}

#about-us {
padding: 50px 20px ; /* Spacious padding */
background: linear-gradient(135deg,#d3cbdc,#a9bfdf);
border-radius: 12px; /* Rounded corners */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
max-width: 1200px; /* Limit width */
margin: 50px auto; /* Centered with margin */
transition: box-shadow 0.3s ease; /* Smooth shadow transition */
}

#about-us:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

.about-container h1 {
font-size: 10em; /* Clear, large heading */
color: #3498db; /* Bright blue for emphasis */
font-size: 5em; /* Clear, large heading */
color: #ffffff; /* Bright blue for emphasis */
text-align: center; /* Center the heading */
margin-bottom: 20px; /* Space below the heading */
margin-top: 40px;
margin-bottom: 30px; /* Space below the heading */
text-transform: uppercase; /* Uppercase for impact */
letter-spacing: 1px; /* Slight spacing */
}

.about-container p {
font-size: 1.5em; /* Comfortable reading size */
font-size: 1.4em; /* Comfortable reading size */
color: rgba(255, 255, 255, 0.773);
margin: 15px 0; /* Space between paragraphs */
padding: 20px; /* Padding for text */
background-color: #ecf6fd; /* Light blue background for paragraphs */
border-left: 5px solid #3498db; /* Left border for visual interest */
border-radius: 8px; /* Rounded corners */
transition: background-color 0.3s ease; /* Transition for hover effect */
}

.about-container p:hover {
background-color: #d1e9fd; /* Slightly darker background on hover */
}

@media (max-width: 600px) {
.about-container h1 {
Expand Down Expand Up @@ -739,21 +727,10 @@ <h4>FIND US</h4>
line-height: 1.6;
}

#about-us {
background-image: url('your-background-image.jpg');
background-size: cover;
background-position: center;
color: #fff;
padding: 80px 0;
text-align: center;
}

.about-container {
max-width: 800px;
max-width: 1200px;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.7);
padding: 40px;
border-radius: 10px;
}

#about-us h1 {
Expand Down

0 comments on commit 4658c02

Please sign in to comment.