From 50510ad0059ade490180e43f2fd4bb042a59d2ba Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 1 Nov 2024 22:29:12 +0530 Subject: [PATCH] scroll back button --- index.html | 5449 ++++++++++++++++++++++++++++------------------------ style.css | 1 + 2 files changed, 2938 insertions(+), 2512 deletions(-) diff --git a/index.html b/index.html index 453b397a..81d5010e 100644 --- a/index.html +++ b/index.html @@ -1,24 +1,27 @@ - - - - - - + + + + + + + - + - + - - - - - - - - - - - - - - - - - - - - BuddyTrail - + + - - - + - - - -
-
- -
-
-
Ready to Explore the World...
-
- - + - - + - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - + -
+
-

Travel Beyond Limits

+
+

Travel Beyond Limits

+

Connect, Explore, and Discover Together.
BuddyTrail: Your Journey Begins with the Perfect Travel Companion.

-
+ Book now
- + - -
-
+ + + + + + +
+ +
+ +
- - - - + + + - - + // Scroll event to handle header transparency + window.addEventListener("scroll", function () { + if (window.scrollY > 50) { // If scrolled more than 50px + mainHead.classList.add("shadow"); + } else { + mainHead.classList.remove("shadow"); + } + }); + }); + - + -
- - -
+
+ + +
-

Ready for Your Next Adventure?

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); background-image: linear-gradient(to right, #6a11cb, #2575fc); "> - We handle everything, from finding the ideal travel buddy to - selecting your perfect hotel, flight, and destination. - + We handle everything, from finding the ideal travel buddy to + selecting your perfect hotel, flight, and destination. + - +
@@ -671,114 +739,116 @@

-
- - -
-
-
- Travel Icon -
-

Travel

-

- 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! -

- Explore more -
-
- - -
-
-
- Hotel Icon -
-

Hotel

-

- We've handpicked top-rated options that offer exceptional value. Book your - perfect stay today and enjoy premium accommodations without the premium - price tag! -

- See Hotels -
-
- - -
-
-
- Fly Icon -
-

Fly

-

- Fly to your dream destination without breaking the bank! We offer the best - flight deals, combining comfort and affordability for perfect journey. - Book now and take off for less! -

- See Flights -
-
- -
- - - - - +
+ +
+
+
+ Travel Icon +
+

Travel

+

+ 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! +

+ Explore more +
+
-
-
- +
+ Hotel Icon +
+

Hotel

+

+ We've handpicked top-rated options that offer exceptional value. Book your + perfect stay today and enjoy premium accommodations without the premium + price tag! +

+ See Hotels
-

Travel

-

- 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! -

-
+
-
- -
-

Hotel

+
+ Fly Icon +
+

Fly

+

+ Fly to your dream destination without breaking the bank! We offer the best + flight deals, combining comfort and affordability for perfect journey. + Book now and take off for less! +

+ See Flights +
+
+ +
+ + + + + + + +
-

Exclusive Deals and Offers

-

Explore our best deals on flights, hotels, and travel packages. Save big on your next adventure!

+

Exclusive Deals and Offers

+

Explore our best deals on flights, hotels, and travel packages. Save big on your next adventure!

-
-
- +
+
+ -
-
+
+

Flight to Dubai

Save 20% on round-trip flights to Dubai. Limited time offer!

Price: ₹20,000 ₹25,000

@@ -820,10 +890,10 @@

Flight to Dubai

- + -
-
+
+

Luxury Stay in Goa

Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!

Price: ₹10,500 ₹15,000 per night

@@ -831,20 +901,21 @@

Luxury Stay in Goa

- -
-
+ +
+

Kerala Backwaters Package

-

Experience the serene beauty of Kerala's backwaters with a 4-day, 3-night package. All-inclusive deal!

+

Experience the serene beauty of Kerala's backwaters with a 4-day, 3-night package. All-inclusive deal! +

Price: ₹40,000 ₹50,000

- -
-
+ +
+

Paris Romantic Getaway

Enjoy a romantic trip to Paris with your loved one. Special package for couples!

Price: ₹1,20,000 ₹1,50,000 per couple

@@ -853,238 +924,247 @@

Paris Romantic Getaway

- -
-
+ +
+

Adventure in Bali

-

Book an adventure trip to Bali with activities like snorkeling, trekking, and more. Discount available for groups!

+

Book an adventure trip to Bali with activities like snorkeling, trekking, and more. Discount available + for groups!

Price: ₹48,000 ₹60,000 per person

- -
-
+ +
+

Ski Trip in Switzerland

Hit the slopes with an amazing package for skiing in the Swiss Alps. All equipment included!

Price: ₹75,000 ₹90,000 per person

-
+ +
- -
-
+ +
+

Wildlife Safari in Kenya

Experience the thrill of a wildlife safari in Kenya. See the Big Five!

Price: ₹1,00,000 ₹1,20,000 per person

-
+
- -
-
+ + + +
- + h2 { + font-size: xx-large; + margin-bottom: 1.5rem; + } - + to { + transform: translateX(0); + } + } + + .carousel-inner { + animation: slideIn 0.5s ease-in-out; + } + + /* Deal Title and Price Styling */ + h3 { + font-size: 1.8rem; + color: #ffffff; + margin-bottom: 0.8rem; + transition: color 0.4s ease; + } + + p { + transition: color 0.4s ease; + } + + .discount { + text-decoration: line-through; + color: #6cff43; + /* Discount text in a noticeable orange */ + } + + .btn-book-now { + position: fixed; + top: 84%; + left: 34%; + } + + + -
-

TRAVEL ITINERARIES

- +
+

TRAVEL ITINERARIES

+

Plan your trips effortlessly with our curated travel itineraries tailored for different types of adventures. Whether you're planning a @@ -1096,51 +1176,56 @@

TRAVEL ITINERARIES

-

Family Vacation

-

- Explore the best family-friendly destinations with day-by-day - guides that include must-see attractions and activities for all - ages. -

- +

Family Vacation

+

+ Explore the best family-friendly destinations with day-by-day + guides that include must-see attractions and activities for all + ages. +

+ +
-
-

Solo Adventure

-

- Embark on a solo journey with our handpicked itineraries, offering - exciting experiences and peaceful retreats just for you. -

- -
+

Solo Adventure

+

+ Embark on a solo journey with our handpicked itineraries, offering + exciting experiences and peaceful retreats just for you. +

+ + +
-

Romantic Getaway

-

- Plan the perfect romantic escape with itineraries that include - serene locations, romantic dinners, and memorable experiences. -

- +

Romantic Getaway

+

+ Plan the perfect romantic escape with itineraries that include + serene locations, romantic dinners, and memorable experiences. +

+ +
-
@@ -1152,29 +1237,42 @@

Our Services

-
- -
-

Travel Map

 -

Explore popular destinations across India and the world. Click on markers to learn more about each location. + +

+ +
+ + +

Travel Map

+ +

Explore popular destinations across India and the world. Click on markers to learn more about each + location.

-
- -
-

Hotel Finder

 + +
+ +
+ + +

Hotel Finder

+

Find the best hotels at affordable rates, handpicked to suit your budget and preferences.

-
- -
-

Flight Booking

 + +
+ +
+ + +

Flight Booking

+

Book flights at the best prices, with options tailored to your travel needs.

@@ -1182,26 +1280,34 @@

Our Services

- -
-

Travel Blog

 + +
+ + +

Travel Blog

+

Read tips, guides, and personal stories from seasoned travelers.

- -
-
+ +
+ +
-
-

Local Guide Connection

 -

Partner with local guides and tour providers, allowing to book personalized tours or experiences led by locals for an authentic travel experience.

-
+
+ + +

Local Guide Connection

+ +

Partner with local guides and tour providers, allowing to book personalized tours or experiences led by + locals for an authentic travel experience.

+
- image + image

Book a Cab or Auto

- - + +
- +
- - -
- - - -
+ "> + +
+ + + +
-
- - +
+ + - + - + -
-
- - -
+
+
+ + +
- + -
- -
-
+
+ +
+ - + /* Booking Container Styling */ + .booking-container { + width: 80%; + /* Increase width of the container */ + max-width: 1200px; + /* Limit max width for larger screens */ + margin: 0 auto; + /* Center align the container */ + background: linear-gradient(135deg, #5fc0d6, #2193b0); + /* Eye-catching gradient */ + border-radius: 10px; + padding: 30px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + /* Subtle shadow for depth */ + transition: transform 0.3s, box-shadow 0.3s; + } + + .booking-container:hover { + transform: scale(1.02); + /* Slight scale effect on hover */ + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); + /* Increase shadow on hover */ + } + + /* Heading Styles */ + .cab-booking-section h2 { + color: white; + /* Match with gradient background */ + text-align: center; + margin-bottom: 30px; + transition: color 0.3s; + } + + .cab-booking-section h2:hover { + color: #f1f1f1; + /* Slight lightening effect on hover */ + } + + /* Form Group Styles */ + .form-group { + background-color: rgba(255, 255, 255, 0.9); + /* Semi-transparent white background */ + border-radius: 5px; + padding: 15px; + margin-bottom: 20px; + transition: background-color 0.3s; + } + + .form-group:hover { + background-color: rgba(255, 255, 255, 1); + /* Fully opaque on hover */ + } + + /* Label and Input Styles */ + label { + color: #333; + } + + input[type="text"], + input[type="date"], + input[type="time"], + select { + width: 200px; + padding: 12px; + border-radius: 5px; + border: 2px solid #ddd; + transition: border-color 0.3s, box-shadow 0.3s; + } + + input[type="text"]:focus, + input[type="date"]:focus, + input[type="time"]:focus, + select:focus { + border-color: #2193b0; + box-shadow: 0 0 5px rgba(33, 147, 176, 0.5); + /* Match gradient color */ + } + + /* Button Styling */ + .book-btn { + background: linear-gradient(135deg, #2193b0, #6dd5ed); + /* Smooth gradient */ + color: #fff; + padding: 12px 24px; + /* Balanced padding for a better look */ + font-size: 18px; + /* Slightly smaller font for a cleaner appearance */ + border: none; + border-radius: 8px; + /* Smoothly rounded corners */ + box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); + /* Subtle shadow for depth */ + transition: background 0.3s ease, transform 0.2s ease; + cursor: pointer; + /* Pointer cursor for better interactivity */ + width: fit-content; + /* Ensures the button fits the content */ + } + + .book-btn:hover { + background: linear-gradient(135deg, #6dd5ed, #2193b0); + /* Reverse gradient on hover */ + transform: translateY(-3px); + /* Slight lift effect on hover */ + } + + .book-btn:active { + transform: translateY(1px); + /* Pressed effect for click feedback */ + } + + + /* Main Section Styling */ + .cab-booking-section { + background-color: #f9f9f9; + padding: 40px; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + /* Background color for form groups */ + .form-group { + background-color: #e8f4fa; + /* Light blue background for each form group */ + border-radius: 5px; + padding: 15px; + /* Padding around the inputs */ + margin-bottom: 20px; + transition: background-color 0.3s; + /* Transition for background color on hover */ + } + + .form-group:hover { + background-color: #d1e7f9; + /* Darker blue on hover */ + } + + /* Heading Styles */ + .cab-booking-section h2 { + color: #4a90e2; + text-align: center; + margin-bottom: 30px; + transition: color 0.3s; + } + + .cab-booking-section h2:hover { + color: #007bff; + /* Color changes on hover */ + } + + /* Label Styles */ + label { + display: block; + color: #333; + font-size: 15px; + margin-bottom: 5px; + } + + /* Input Styles */ + input[type="text"], + input[type="date"], + input[type="time"], + select { + width: 100%; + /* Increased width for text inputs */ + padding: 12px; + border: 2px solid #ddd; + border-radius: 5px; + transition: border-color 0.3s, box-shadow 0.3s; + } + + input[type="text"]:focus, + input[type="date"]:focus, + input[type="time"]:focus, + select:focus { + border-color: #4a90e2; + box-shadow: 0 0 5px rgba(74, 144, 226, 0.5); + } + + /* Button Styles */ + .book-btn { + background-color: #4a90e2; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + padding: 15px; + font-size: 20px; + transition: background-color 0.3s, transform 0.2s; + } + + .book-btn:hover { + background-color: #007bff; + /* Button color on hover */ + transform: scale(1.05); + /* Slight zoom effect */ + } + + /* Responsive Iframe Styles */ + iframe { + border: none; + border-radius: 5px; + margin-top: 10px; + transition: transform 0.3s; + } + + iframe:hover { + transform: scale(1.02); + /* Slight zoom effect on iframe */ + } + + /* Flex Container for Vehicle Type */ + .form-group { + display: flex; + align-items: center; + } + + /* Vehicle Type Dropdown Styling */ + select { + margin-left: 10px; + } + @@ -1510,7 +1644,7 @@

Book a Cab or Auto

Personalized Recommendations

-

+

We’ve picked these destinations, hotels, and activities just for you, based on your preferences.

@@ -1519,122 +1653,124 @@

Personalized Recommendations

-

Beach Resort in Goa

-

- Based on your love for sunny destinations, we recommend this - beachfront resort in Goa for a perfect getaway. -

- -
+

Beach Resort in Goa

+

+ Based on your love for sunny destinations, we recommend this + beachfront resort in Goa for a perfect getaway. +

+ + +
-

Cultural Tour in Rajasthan

-

- Explore the rich cultural heritage of Rajasthan. This tour is - highly recommended based on your interest in historical places. -

- -
+

Cultural Tour in Rajasthan

+

+ Explore the rich cultural heritage of Rajasthan. This tour is + highly recommended based on your interest in historical places. +

+ + +
-

Adventure Trek in Himachal

-

- For the adventure lover in you, we recommend a thrilling trek in - the mountains of Himachal Pradesh. -

- -
+

Adventure Trek in Himachal

+

+ For the adventure lover in you, we recommend a thrilling trek in + the mountains of Himachal Pradesh. +

+ + +
- -
-

Packing Checklist

-

🌍 Choose your travel style to receive a personalized packing checklist ✈️, curated from seasoned travelers 🧳!

-
- - - -
-
- - - +
-
-

Emergency SOS

-

In case of an emergency, press the button to send your current location to your emergency contacts.

- -
-
+
+

Emergency SOS

+

In case of an emergency, press the button to send your current + location to your emergency contacts.

+ +
+
@@ -1816,344 +1973,370 @@

Content

body.dark-mode #emergency-text { color: white; - #emergency-text { - color: black; -} -} + #emergency-text { + color: black; + } + }

Travel Discussion Forum

-
- - - - - - -
- -

Destination Guide

-
+ } + +

Destination + Guide

+
-
+

Share Your Experiences

- - + + -
- - -
- Destination Image -
-
+ +
+ Destination Image +
+
-
+
-
-

Explore Popular Destinations

-

Click on the markers to learn more about each destination.

-
-
+
+

Explore Popular Destinations

+

Click on the markers to learn more about each destination.

+
+
- -
-
-

Get in Touch with BuddyTrail

-
-
-
-
- - - - -
-
-

Our Address

-

123 Trailblazer Lane, Adventure City

-
-
-
-
- - - - - -
-
-

Contact

-

Mobile: +91 921 456-7890

-

Mail: buddyTrail@gmail.com

-
-
-
-
- - - - -
-
-

Working Hours

-

Monday - Friday: 08:00 - 17:00

-

Saturday & Sunday: 08:00 - 12:00

-
-
-
-

About BuddyTrail

-

At BuddyTrail, we're passionate about connecting adventurers and making every trail an unforgettable experience. Our platform is designed to help you discover new paths, meet like-minded explorers, and create lasting memories in the great outdoors.

-
-
-
-

Send Us a Message

-
-
- -
-
- - -
-
- -
- -
-
-
+ max-width: 1200px; + margin: 0 auto; + padding: 20px; + } + +
+
+

Get in Touch with BuddyTrail

+
+
+
+
+ + + + +
+
+

Our Address

+

123 Trailblazer Lane, Adventure City

+
-
- + textarea.form-control { + resize: none; + } - -
@@ -2603,45 +2798,47 @@

Thank You!

-

Testimonials

+

Testimonials

-
-
-
-

It made solo travel a breeze! I met amazing companions and discovered hidden gems.

-
-

Wisteria Ravenclaw

-

Traveller

-
-
+
+
+
+

It made solo travel a breeze! I met amazing companions and discovered hidden gems.

+
+

Wisteria Ravenclaw

+

Traveller

+
+
-
- -
-
-

Finding the perfect travel group was so easy with Buddy Trail. Unforgettable trips, hassle-free planning! -

-
-

Ursula Gurnmeister

-

Traveller

-
-
-
-
-
- -
-
-

I found great travel buddies for my Europe trip! The platform is intuitive and made my adventure even - better.

-
-

Ingredia Nutrisha

-

Traveller

-
-
+
+ +
+
+

Finding the perfect travel group was so easy with Buddy Trail. Unforgettable trips, hassle-free + planning! +

+
+

Ursula Gurnmeister

+

Traveller

+
+
+
+
+
+ +
+
+

I found great travel buddies for my Europe trip! The platform is intuitive and made my adventure even + better.

+
+

Ingredia Nutrisha

+

Traveller

+
+
+
@@ -2657,20 +2854,19 @@

Rate your experience

- - + + - + -
- - - - - - - - - - -
+ + + + + + + + + + +
+
- - + - + @@ -2716,186 +2912,412 @@

Rate your experience

- + + + + + + + + + + + + + +
+
+ TrailBot + +
+
+
+
+ + +
+ + +