Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FIXES ISSUE #407: CODE CHANGE: Complete DarkMode UI Revamp #487

Closed
wants to merge 3 commits into from
Closed

FIXES ISSUE #407: CODE CHANGE: Complete DarkMode UI Revamp #487

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d39af5b
changes1
SagnikGos Oct 10, 2024
c3d1122
changes2
SagnikGos Oct 11, 2024
f121539
changes3
SagnikGos Oct 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 40 additions & 40 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -231,7 +231,7 @@
</script>
<main>
<section class="hero">
<h2>Travel Beyond Limits</h2>
<h2 >Travel Beyond Limits</h2>
<h3>
Connect, Explore, and Discover Together. <br />
BuddyTrail: Your Journey Begins with the Perfect Travel Companion.
Expand Down Expand Up @@ -337,8 +337,8 @@ <h3>
<div class="card-icon">
<img src="/icons/route-solid.svg" />
</div>
<h4>Travel</h4>
<p>
<h4 class="card-text-heading">Travel</h4>
<p class="card-text">
Discover budget-friendly getaways for families and friends! From
serene mountains to sunny beaches, find your next adventure
without breaking the bank. Start exploring now!
Expand All @@ -348,8 +348,8 @@ <h4>Travel</h4>
<div class="card-icon">
<img src="/icons/bed-solid.svg" />
</div>
<h4>Hotel</h4>
<p>
<h4 class="card-text-heading">Hotel</h4>
<p class="card-text">
We've handpicked top-rated options that offer exceptional value.
Book your perfect stay today and enjoy premium accommodations
without the premium price tag!
Expand All @@ -359,8 +359,8 @@ <h4>Hotel</h4>
<div class="card-icon">
<img src="/icons/plane-departure-solid.svg" />
</div>
<h4>Fly</h4>
<p>
<h4 class="card-text-heading">Fly</h4>
<p class="card-text">
Fly to your dream destination without breaking the bank! We offers
the best flight deals, combining comfort and affordability for
perfect journey. Book now and take off for less!
Expand All @@ -370,18 +370,18 @@ <h4>Fly</h4>
</section>
<!-- deals -->
<section id="deals" class="deals-section">
<h2>Exclusive Deals and Offers</h2>
<p>
<h2 class="deals-text-heading" style="color: #007bff;">Exclusive Deals and Offers</h2>
<p class="deals-text">
Explore our best deals on flights, hotels, and travel packages. Save
big on your next adventure!
</p>

<div class="deals-list">
<!-- Deal 1: Flight Offer -->
<div class="deal-item">
<h3>Flight to Dubai</h3>
<p>Save 20% on round-trip flights to Dubai. Limited time offer!</p>
<p>
<h3 class="deals-text-heading">Flight to Dubai</h3>
<p class="deals-text">Save 20% on round-trip flights to Dubai. Limited time offer!</p>
<p class="deals-text">
<strong>Price:</strong> ₹20,000
<span class="discount">₹25,000 </span>
</p>
Expand All @@ -390,12 +390,12 @@ <h3>Flight to Dubai</h3>

<!-- Deal 2: Hotel Offer -->
<div class="deal-item">
<h3>Luxury Stay in Goa</h3>
<p>
<h3 class="deals-text-heading">Luxury Stay in Goa</h3>
<p class="deals-text">
Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of
luxury at an affordable price!
</p>
<p>
<p class="deals-text">
<strong>Price:</strong> ₹10,500
<span class="discount"> ₹15,000</span> per night
</p>
Expand All @@ -404,12 +404,12 @@ <h3>Luxury Stay in Goa</h3>

<!-- Deal 3: Travel Package -->
<div class="deal-item">
<h3>Kerala Backwaters Package</h3>
<p>
<h3 class="deals-text-heading">Kerala Backwaters Package</h3>
<p class="deals-text">
Experience the serene beauty of Kerala's backwaters with a 4-day,
3-night package. All-inclusive deal!
</p>
<p>
<p class="deals-text">
<strong>Price:</strong> ₹40,000
<span class="discount">₹50,000</span>
</p>
Expand All @@ -418,12 +418,12 @@ <h3>Kerala Backwaters Package</h3>

<!-- Deal 4: International Trip -->
<div class="deal-item">
<h3>Paris Romantic Getaway</h3>
<p>
<h3 class="deals-text-heading">Paris Romantic Getaway</h3>
<p class="deals-text">
Enjoy a romantic trip to Paris with your loved one. Special
package for couples!
</p>
<p>
<p class="deals-text">
<strong>Price:</strong> ₹1,20,000
<span class="discount"> ₹1,50,000</span> per couple
</p>
Expand All @@ -432,12 +432,12 @@ <h3>Paris Romantic Getaway</h3>

<!-- Deal 5: Adventure Trip -->
<div class="deal-item">
<h3>Adventure in Bali</h3>
<p>
<h3 class="deals-text-heading">Adventure in Bali</h3>
<p class="deals-text">
Book an adventure trip to Bali with activities like snorkeling,
trekking, and more. Discount available for groups!
</p>
<p>
<p class="deals-text">
<strong>Price:</strong> ₹48,000
<span class="discount">₹60,000</span> per person
</p>
Expand All @@ -448,18 +448,18 @@ <h3>Adventure in Bali</h3>

<!-- travel itineraries -->
<section id="itineraries" class="itineraries-section">
<h2>Travel Itineraries</h2>
<p>
<h2 class="card-text-heading" style="color: #007bff;">Travel Itineraries</h2>
<p class="deals-text">
Plan your trips effortlessly with our curated travel itineraries
tailored for different types of adventures. Whether you're planning a
family vacation, a solo adventure, or a romantic getaway, we’ve got
family vacation, a solo adventure, or a romantic getaway, we've got
you covered!
</p>

<div class="itinerary-list">
<div class="itinerary">
<h3>Family Vacation</h3>
<p>
<h3 >Family Vacation</h3>
<p >
Explore the best family-friendly destinations with day-by-day
guides that include must-see attractions and activities for all
ages.
Expand All @@ -468,16 +468,16 @@ <h3>Family Vacation</h3>
</div>

<div class="itinerary">
<h3>Solo Adventure</h3>
<p>
<h3 >Solo Adventure</h3>
<p >
Embark on a solo journey with our handpicked itineraries, offering
exciting experiences and peaceful retreats just for you.
</p>
<button>View Itinerary</button>
</div>
<div class="itinerary">
<h3>Romantic Getaway</h3>
<p>
<h3 >Romantic Getaway</h3>
<p >
Plan the perfect romantic escape with itineraries that include
serene locations, romantic dinners, and memorable experiences.
</p>
Expand All @@ -489,7 +489,7 @@ <h3>Romantic Getaway</h3>
<!-- Cab or Auto Booking -->
<section id="cab-booking" class="cab-booking-section light-mode">
<div class="booking-container">
<h2>Book a Cab or Auto</h2>
<h2 style="color: #007bff;">Book a Cab or Auto</h2>
<form action="/book-cab" method="POST">
<div class="form-group">
<label for="pickup-location" style="font-size: 15px;"><strong>Pickup Location</strong></label>
Expand Down Expand Up @@ -589,7 +589,7 @@ <h3>Adventure Trek in Himachal</h3>

<!-- Map Section -->
<section class="map-section">
<h2>Explore Popular Destinations</h2>
<h2 style="color: #007bff;">Explore Popular Destinations</h2>
<p>Click on the markers to learn more about each destination.</p>
<div id="map"></div>
</section>
Expand All @@ -615,7 +615,7 @@ <h2>Explore Popular Destinations</h2>
<div class="grid-container">
<div class="text-container">
<div class="heading">
<h2 class="title">CONTACT US</h2>
<h2 class="title" style="color: #007bff;">CONTACT US</h2>
<p class="description">At BuddyTrail, we are here to assist you every step of the way! Whether you have questions, feedback, or just want to learn more about our platform, feel free to reach out to us. Our team is committed to providing you with the best experience as you explore new trails and make new friends along the way.</p>
</div>
<ul class="info-list">
Expand All @@ -627,7 +627,7 @@ <h2 class="title">CONTACT US</h2>
</svg>
</div>
<div class="info-text-content">
<h3 class="info-title">Our Address</h3>
<h3 class="info-title" style="color: #007bff;">Our Address</h3>
<p class="info-description">123 Trailblazer Lane, Adventure</p>
</div>
</li>
Expand All @@ -640,7 +640,7 @@ <h3 class="info-title">Our Address</h3>
</svg>
</div>
<div class="info-text-content">
<h3 class="info-title">Contact</h3>
<h3 class="info-title" style="color: #007bff;">Contact</h3>
<p class="info-description">Mobile: +91 921 456-7890</p>
<p class="info-description">Mail: [email protected]</p>
</div>
Expand All @@ -653,7 +653,7 @@ <h3 class="info-title">Contact</h3>
</svg>
</div>
<div class="info-text-content">
<h3 class="wr">Working Hours</h3>
<h3 class="wr" style="color: #007bff;">Working Hours</h3>
<p class="info-description">Monday - Friday: 08:00 - 17:00</p>
<p class="info-description">Saturday & Sunday: 08:00 - 12:00</p>
</div>
Expand Down Expand Up @@ -701,7 +701,7 @@ <h2>Thank You!</h2>
<section id="reviews" class="reviews-section">
<div class="revieww">
<div class="review-form">
<h2>Rate your experience</h2>
<h2 style="color: #007bff;">Rate your experience</h2>
<p class="review-p">
Read what others have to say about their experiences with various
destinations, hotels, flights, and activities. Share your own reviews
Expand Down
Loading