diff --git a/about.html b/about.html index ec0b33b5..24f282ae 100644 --- a/about.html +++ b/about.html @@ -1,35 +1,39 @@ + About Us - TourGuide - + + + + - - - + + + - + + +

- Welcome to TourGuide, where life's purpose unfolds through exploration and the pursuit of the extraordinary. We empower you to navigate the world with unparalleled assistance, forging unforgettable memories. + Welcome to TourGuide, where life's purpose unfolds through exploration and the pursuit of the + extraordinary. We empower you to navigate the world with unparalleled assistance, forging unforgettable + memories.

- Our local guides help you effortlessly navigate languages, customs, and traditions. We offer curated itineraries, once-in-a-lifetime experiences, and valuable travel advice, all customizable to your wishes. + Our local guides help you effortlessly navigate languages, customs, and traditions. We offer curated + itineraries, once-in-a-lifetime experiences, and valuable travel advice, all customizable to your + wishes.

- Since 2024, TourGuide has grown to 30,000+ guides across 200+ countries. Join our family, where every journey becomes a story worth sharing! + Since 2024, TourGuide has grown to 30,000+ guides across 200+ countries. Join our family, where every + journey becomes a story worth sharing!

@@ -114,5 +125,17 @@

Unforgettable Experiences

Start Your Journey
+ + + \ No newline at end of file diff --git a/feedback.html b/feedback.html index 7b2ca0ca..66764ed3 100644 --- a/feedback.html +++ b/feedback.html @@ -1,28 +1,29 @@ - - - - - Star Rating - - - - - - - - - + + + + + Star Rating + + + + + + + + + + - - - - + + @@ -125,140 +125,166 @@ }); -
+
-
-
- -
-
-
-

Rate Our Service


+
+
+ +
+
+
+

Rate Our Service

+
- - - -

How easy was it to navigate through the website?

-
- - -

-

How much straightforward and easy was the booking process

-
-
-

Rating: 0

-

-

Did the payment options meet your needs? Were you comfortable with the security measures in place?

-
-
-

Rating: 0

-

-

How responsive and helpful was the customer support team?

-
-
-

Rating: 0

-

-

How much would you recommend this travel website to others?

-
-
-

Rating: 0

-

-

If you've taken a package tour from this website, how was the overall experience?

-
-
-

Rating: 0

-

- -
- -

- -
- -
+ + + +

How easy was it to navigate through the website?

+
+ + +
+
+

How much straightforward and easy was the booking process

+
+
+

Rating: 0

+
+
+

Did the payment options meet your needs? Were you comfortable with the security measures in place?

+
+
+

Rating: 0

+
+
+

How responsive and helpful was the customer support team?

+
+
+

Rating: 0

+
+
+

How much would you recommend this travel website to others?

+
+
+

Rating: 0

+
+
+

If you've taken a package tour from this website, how was the overall experience?

+
+
+

Rating: 0

- +
+ +
+ +

+ +
+ +
+
- - - - - - - - + + + + + + // Initialize AOS library + AOS.init(); + }); + \ No newline at end of file diff --git a/index.html b/index.html index b0361a3c..59cdcca6 100644 --- a/index.html +++ b/index.html @@ -27,9 +27,9 @@ - - - + + @@ -39,6 +39,8 @@ + + Tourguide @@ -54,8 +56,6 @@ - - @@ -131,16 +131,6 @@ } - @media screen and (max-width:364px) { - .toggle { - width: 190%; - } - - .line { - width: 190%; - } - } - .gallery-rotate-image .image-container { display: flex; flex-wrap: wrap; @@ -485,53 +475,7 @@
- - - -

TourGuide . . .

@@ -545,8 +489,7 @@

TourGuide . . .

- +
@@ -590,255 +533,10 @@

TourGuide . . .

-
+
- -
- +
@@ -1107,24 +820,7 @@

+ Developers

- - - + @@ -1360,7 +1056,7 @@

Times Square

- + @@ -1419,7 +1115,7 @@

Best trip packages

Trending
- +
- +
From $300
@@ -452,9 +505,9 @@
HoneyMoon
4.5
- +
-
From $450
+
From $450
@@ -471,7 +524,7 @@
HoneyMoon
4.7
- +
From $400
@@ -491,7 +544,7 @@
HoneyMoon
4.2
- +
From $300
@@ -552,7 +605,7 @@
HoneyMoon
4.2
- +
From $300
@@ -612,7 +665,7 @@
HoneyMoon
- - - - - - - - - + + - + - --> diff --git a/packages.html b/packages.html index c212a126..4f4e7c8a 100644 --- a/packages.html +++ b/packages.html @@ -7,19 +7,22 @@ Trip & Hotel Packages - + - + - + - + + + @@ -423,55 +396,55 @@
- +
+
@@ -486,13 +459,18 @@

Our Packages

- Card Image + Card Image

Hotel Paradise

-

Luxurious city hotel with rooftop pool and spa, perfect for relaxation after a day of exploring.

+

Luxurious city hotel with rooftop pool and spa, perfect for + relaxation after a day of exploring.

More Information

-

Nestled in the heart of the city, Hotel Paradise offers luxurious rooms with modern amenities. Guests can enjoy a stunning rooftop pool, a world-class spa, and fine dining at our in-house restaurant, serving gourmet meals prepared by top chefs. Perfect for both business and leisure travelers.

+

Nestled in the heart of the city, Hotel Paradise offers luxurious rooms with modern + amenities. Guests can enjoy a stunning rooftop pool, a world-class spa, and fine dining + at our in-house restaurant, serving gourmet meals prepared by top chefs. Perfect for + both business and leisure travelers.

Book Now
@@ -500,13 +478,18 @@

More Information

- Card Image + Card Image

Seaside Resort

-

Beachfront resort with water sports, stunning ocean views, and relaxing beachfront dining options.

+

Beachfront resort with water sports, stunning ocean views, and + relaxing beachfront dining options.

More Information

-

Experience the ultimate beach getaway at Seaside Resort. With direct access to pristine beaches, guests can indulge in various water sports activities or relax at our beachfront dining area. Our resort offers comfortable accommodations and breathtaking ocean views, making it the perfect destination for relaxation and adventure.

+

Experience the ultimate beach getaway at Seaside Resort. With direct access to pristine + beaches, guests can indulge in various water sports activities or relax at our + beachfront dining area. Our resort offers comfortable accommodations and breathtaking + ocean views, making it the perfect destination for relaxation and adventure.

Book Now
@@ -514,13 +497,18 @@

More Information

- Card Image + Card Image

City Center Inn

-

Modern inn in vibrant city center, featuring easy access to local attractions and public transport.

+

Modern inn in vibrant city center, featuring easy access to + local attractions and public transport.

More Information

-

Situated in the heart of the vibrant city, City Center Inn is ideal for business travelers and tourists alike. The inn features modern amenities, a fitness center, and convenient access to local attractions and public transport. Enjoy comfortable rooms and exceptional service during your stay.

+

Situated in the heart of the vibrant city, City Center Inn is ideal for business + travelers and tourists alike. The inn features modern amenities, a fitness center, and + convenient access to local attractions and public transport. Enjoy comfortable rooms and + exceptional service during your stay.

Book Now
@@ -528,13 +516,18 @@

More Information

- Card Image + Card Image

Luxury Villa

-

Exclusive villa with private amenities, perfect for families and groups looking for a lavish getaway.

+

Exclusive villa with private amenities, perfect for families + and groups looking for a lavish getaway.

More Information

-

Indulge in luxury at our exclusive villa, featuring private pools, personal chefs, and concierge services. The villa is perfect for families and groups seeking a lavish getaway in a serene setting. Enjoy personalized services and create unforgettable memories in a luxurious environment.

+

Indulge in luxury at our exclusive villa, featuring private pools, personal chefs, and + concierge services. The villa is perfect for families and groups seeking a lavish + getaway in a serene setting. Enjoy personalized services and create unforgettable + memories in a luxurious environment.

Book Now
@@ -542,13 +535,18 @@

More Information

- Card Image + Card Image

Countryside B&B

-

Charming B&B with homemade breakfast and picturesque views, offering a cozy retreat from city life.

+

Charming B&B with homemade breakfast and picturesque views, + offering a cozy retreat from city life.

More Information

-

Experience the charm of the countryside at our cozy bed and breakfast. Enjoy homemade breakfasts featuring local ingredients, beautifully decorated rooms, and picturesque views of rolling hills and gardens. Our warm hospitality ensures a delightful and relaxing stay for all guests.

+

Experience the charm of the countryside at our cozy bed and breakfast. Enjoy homemade + breakfasts featuring local ingredients, beautifully decorated rooms, and picturesque + views of rolling hills and gardens. Our warm hospitality ensures a delightful and + relaxing stay for all guests.

Book Now
@@ -556,13 +554,18 @@

More Information

- Card Image + Card Image

Mountain Retreat

-

Cozy cabins in a tranquil mountain setting, ideal for nature lovers and adventure seekers.

+

Cozy cabins in a tranquil mountain setting, ideal for nature + lovers and adventure seekers.

More Information

-

Located in the serene mountains, Mountain Retreat provides a tranquil escape with cozy cabins equipped with modern comforts. Enjoy picturesque hiking trails, breathtaking views, and unwind in our hot tub after a day of exploration. We also serve complimentary breakfast to start your day right.

+

Located in the serene mountains, Mountain Retreat provides a tranquil escape with cozy + cabins equipped with modern comforts. Enjoy picturesque hiking trails, breathtaking + views, and unwind in our hot tub after a day of exploration. We also serve complimentary + breakfast to start your day right.

Book Now
@@ -578,28 +581,30 @@

Snapshots From Famous Hotels

+
@@ -648,330 +653,358 @@

Luxury Plan

- + - + \ No newline at end of file diff --git a/payment.html b/payment.html index 00c6966e..be0eaf49 100644 --- a/payment.html +++ b/payment.html @@ -55,7 +55,7 @@ - + diff --git a/plantrip.html b/plantrip.html index d61e32e4..aab76bf9 100644 --- a/plantrip.html +++ b/plantrip.html @@ -227,7 +227,7 @@
  • Hotel & Resort
  • - + diff --git a/pricing/index.html b/pricing/index.html index 1f5bc0d3..e5be413e 100644 --- a/pricing/index.html +++ b/pricing/index.html @@ -1,40 +1,42 @@ + - - - Membership - - - - - - - - - - - - - + + + Membership + + + + + + + + + + + + + +
    Recommend
    @@ -150,15 +154,17 @@
  • - Cancellation Protection - -
  • -
  • - Exclusive Travel Merchandise - -
  • + Cancellation Protection + + +
  • + Exclusive Travel Merchandise + +
  • -
    + +
    +
    @@ -183,52 +189,55 @@ Airport Lounge Access and Free Travel Insurance - +
  • - Unlimited Access to Premium Content - -
  • + Unlimited Access to Premium Content + + -
    + +
    +
    - + + \ No newline at end of file diff --git a/sitemap.html b/sitemap.html index b6413c49..8556a620 100644 --- a/sitemap.html +++ b/sitemap.html @@ -163,7 +163,7 @@

    Home

  • Packaging List
  • Travel Books
  • Health and Safety Alerts
  • -
  • Testimonials
  • +
  • Testimonials
  • About Us

    diff --git a/styles.css b/styles.css index 92798ec7..9b1b3369 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,10 @@ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&family=Oxygen:wght@300&display=swap"); +/* * { + border: 1px solid red; +} */ + :root { --primary-color: #3685fb; --primary-color-dark: #2f73d9; @@ -26,17 +30,17 @@ margin: 0; box-sizing: border-box; } - ::-webkit-scrollbar{ - width: 15px; - } - ::-webkit-scrollbar-track{ - background: #d1e5ff; - } - ::-webkit-scrollbar-thumb{ - background: linear-gradient( 90deg,rgb(63, 120, 244),rgb(245, 89, 239) ); - border-radius: 10px; - height: 100px; - } +::-webkit-scrollbar { + width: 15px; +} +::-webkit-scrollbar-track { + background: #d1e5ff; +} +::-webkit-scrollbar-thumb { + background: linear-gradient(90deg, rgb(63, 120, 244), rgb(245, 89, 239)); + border-radius: 10px; + height: 100px; +} /* new bubble start*/ @@ -239,7 +243,9 @@ } */ #google_translate_element { - transform: scale(1); /* Increase the size of the select language bar and Google icon */ + transform: scale( + 1 + ); /* Increase the size of the select language bar and Google icon */ transform-origin: top left; /* Adjust the origin to make the scaling look better */ } @@ -259,7 +265,6 @@ border-radius: 5px; } - .footer__link { position: relative; text-decoration: none; @@ -267,7 +272,7 @@ font-size: 18px; } .footer__link::after { - content: ''; + content: ""; position: absolute; width: 0%; height: 2px; @@ -453,12 +458,38 @@ body { outline: none; border: none; font-size: 1rem; - color: var(--extra-light); - background-color: var(--primary-color); + color: var(--extra-light) !important; + background-color: var(--primary-color) !important; border-radius: 5rem; cursor: pointer; transition: 0.3s; - font-weight: 600; + + /* display: inline-block; */ + border-radius: 50px !important; + transition: all 0.4s ease-in-out; + /* padding-left: 20px; + padding-right: 20px; */ + width: auto; + background: linear-gradient( + 45deg, + #6a0dad, + #2f73d9 + ); /* Gradient background */ + border: 2px solid transparent; /* Remove solid border, keep gradient */ + color: white; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + vertical-align: middle; + text-decoration: none; + white-space: nowrap; + +} + +.btn:hover { + background-color: #ff0000; + border-color: #f5f2f2; + color: #fff; } #send { @@ -513,28 +544,6 @@ body.dark-theme #send { background-color: var(--primary-color-dark); } -#btn-style:hover { - background-color: #ff0000; - border-color: #f5f2f2; - color: #fff; -} -#btn-style { - /* display: inline-block; */ - border-radius: 50px; - transition: all .4s ease-in-out; - padding-left: 20px; - padding-right: 20px; - width: auto; - background: linear-gradient(45deg, #6a0dad, #2f73d9); /* Gradient background */ - border: 2px solid transparent; /* Remove solid border, keep gradient */ - color: white; - font-weight: 500; - font-size: 14px; - letter-spacing: 2px; - vertical-align: middle; - text-decoration: none; - white-space: nowrap; -} /* ensures no box or shadow for the video button */ .btn_video { background: none; @@ -558,122 +567,23 @@ img { width: 100%; display: block; } -.sitelogo{ +.sitelogo { width: 10%; - height:10%; + height: 10%; } body { font-family: "Poppins", sans-serif; } -nav { - background-color: #123456; - position: fixed; - top: 0; - width: 100%; - z-index: 1001; -} - -.nav__logo { - font-size: 1.8rem; - /* Increased font size for the logo */ - font-weight: 600; - color: #ffffff; - cursor: pointer; - /* border: 2px solid white; */ -} - -.nav__logo span { - color: #3685fb; - /* Assuming this is your primary color */ -} -/* -.nav__links { - /* list-style: none; - display: flex; - align-items: center; - gap: 1rem; /* Increased gap between links */ -/* font-size: 1.2rem; Increased font size for the links */ -/* } */ -.link a { - color: #fff; /* Sets text color to white */ - padding-top: 1.75rem; /* Equivalent to py-7 in Tailwind, adjust according to your base font size */ - padding-bottom: 1.75rem; /* Equivalent to py-7 in Tailwind */ - transition: color 0.3s; /* Transition effect for color change */ - font-weight: 600; /* Sets font weight to 600 */ -} - -link a:hover { - color: #60a5fa; - background-color: rgb(169, 35, 252); -} - -.navLinks a:hover{ - /* text-decoration: underline; */ - color: rgb(169, 35, 252); -} - .home { margin-left: 210px; } - header { background-color: var(--secondary-color); } -/* new toggle start */ -.toggle-container { - --size: 2rem; - position: relative; - width: var(--size); - height: var(--size); -} - -.toggle { - appearance: none; - outline: none; - cursor: pointer; - width: 100%; - height: 100%; - box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; - border-radius: 999px; - color: hsl(240, 100%, 95%); - transition: all 500ms; - position: absolute; - top: 0; - left: 0; - - &:checked { - --ray-size: calc(var(--size) * -0.4); - --offset-orthogonal: calc(var(--size) * 0.65); - --offset-diagonal: calc(var(--size) * 0.45); - transform: scale(0.75); - color: hsl(40, 100%, 50%); - box-shadow: inset 0 0 0 var(--size), - calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), - var(--offset-orthogonal) 0 0 var(--ray-size), - 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), - 0 var(--offset-orthogonal) 0 var(--ray-size), - calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 - var(--ray-size), - var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), - calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), - var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); - } -} - -/* Apply fade-down animation to the toggle container */ -.toggle-container[data-aos="fade-down"] { - transition: opacity 500ms ease-in-out; - opacity: 0; -} - -.toggle-container[data-aos="fade-down"].aos-animate { - opacity: 1; -} - /* new toggle end */ .header__container { min-height: 100vh; @@ -1256,16 +1166,20 @@ body.light-theme #emailInput { color: black; } -body.dark-theme #emailInput, body.dark-theme #subscriptionForm { +body.dark-theme #emailInput, +body.dark-theme #subscriptionForm { background-color: #222f4b; color: white; } -*, *::before, *::after { +*, +*::before, +*::after { box-sizing: border-box; } -body, html { +body, +html { overflow-x: hidden; margin: 0; padding: 0; @@ -1276,8 +1190,8 @@ body, html { background-color: rgb(102, 116, 204); padding: 2rem; } -.footer:hover{ - background-color :#16171c; +.footer:hover { + background-color: #16171c; } .footer__col p { @@ -1364,7 +1278,12 @@ body, html { color: var(--extra-light); padding-top: 1rem; margin-top: 1rem; - background: linear-gradient(to right, rgba(204, 204, 204, 0), #123456, rgba(204, 204, 204, 0)); /* Gradient effect */ + background: linear-gradient( + to right, + rgba(204, 204, 204, 0), + #123456, + rgba(204, 204, 204, 0) + ); /* Gradient effect */ border-top: 2px solid var(--text-light); } @@ -1402,7 +1321,8 @@ body, html { color: #3b5998; } -.icons .icon:hover .fab.fa-twitter, .icons .icon:hover .fa-x-twitter { +.icons .icon:hover .fab.fa-twitter, +.icons .icon:hover .fa-x-twitter { color: #090e11; } @@ -1439,13 +1359,12 @@ body, html { @media (max-width: 768px) { .footer__container { - /* flex-direction: column; + /* flex-direction: column; align-items: center; */ - margin-left: 10px; + margin-left: 10px; } } - /* ====================== */ @media (width < 1200px) { .header__image img:nth-child(1) { @@ -1619,8 +1538,8 @@ body.dark-theme .items { background: #0000001a; backdrop-filter: blur(10px); box-shadow: rgba(255, 255, 255, 0.25) 0px 50px 100px -20px, - /* Light shadow */ rgba(255, 255, 255, 0.3) 0px 30px 60px -30px, - /* Light shadow / rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; / Light inset shadow */ + /* Light shadow */ rgba(255, 255, 255, 0.3) 0px 30px 60px -30px; + /* Light shadow / rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; / Light inset shadow */ } .contact { @@ -2068,41 +1987,14 @@ body { font-weight: 600; } -/* New NAvbar CSS Starts Here*/ - -.nav-container { - margin-top: 0; - height: auto; - /* width: 200%; */ - width: 100%; - display: flex; - justify-content: flex-start; - align-items: center; - position: fixed; - left: 0; - z-index: 9999; - -} - -.newNav { - display: flex; - justify-content: space-between; - align-items: center; - gap: 0.5rem; - height: auto; - width: 100%; - padding: 0.4rem 1rem; - z-index: 10000; - transition: all 0.6s; -} /* navbar sticky css */ -.sticky{ +.sticky { /* margin: 10px 5px; */ border-radius: 10px; padding-top: 0.5rem; background: linear-gradient(#002152, #271050); /* scale:0.99; */ - + /* padding: 0rem 1rem; margin-top: 0.5rem; margin-left:0.5rem; @@ -2110,22 +2002,6 @@ body { width: 99%; */ } -.navLinks { - display: flex; - justify-content: center; - align-items: center; - /* font-size: 1.16rem; */ - font-size: 1rem; - list-style: none; - /* gap: 0.97rem; */ - position: relative; - /* top: 0.5rem; */ - top: 0; - z-index: 10; - right: 24px; - -} - .link { position: relative; } @@ -2143,33 +2019,7 @@ body { border-radius: 10px; box-shadow: rgb(56, 0, 109) 0px 0px 8px 2px inset; } -.dropdown-menu { - display: none; - position: absolute; - background-color: #123456; - min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); - z-index: 1; -} - -.dropdown-menu > li { - float: none; -} - -.dropdown-menu > li > a { - padding: 12px 16px; - text-decoration: none; - display: block; - text-align: left; -} - -.dropdown-menu > li > a:hover { - background-color: #575757; -} -.dropdown:hover .dropdown-menu { - display: block; -} /* .link a::before { position: absolute; content: ""; @@ -2201,11 +2051,9 @@ body { transition: all 0.2s ease-in-out; } */ - - .contact-btn { position: relative; - right: 15px; + /* right: 15px; */ box-sizing: border-box; } @@ -2213,57 +2061,6 @@ body { width: inherit; } -.hamburger { - height: 2rem; - width: 1.7rem; - display: flex; - justify-content: space-between; - flex-direction: column; - display: none; - transition: 0.2s; -} - -.line { - height: 5px; - width: 100%; - background-color: white; - border-radius: 2px; -} - -@media screen and (max-width: 1220px) { - .hamburger { - display: flex; - cursor: pointer; - } - .nav__logo { - margin-left: 0px; - } - .navLinks { - position: absolute; - top: 70px; - background-color: #091020; - /* width: 0%; */ - width: 100%; - left: 0; - /* height: 100vh; */ - height: auto; - padding: 2rem 0; - flex-direction: column; - transition: 0.2s; - overflow: hidden; - } - - .navLinks li { - width: 100%; - padding: 0.5rem 0; - background-color: #1f2532; - z-index: 10; - } - - #toggle { - font-size: 0.6rem; - } -} .footer-head { position: relative; display: inline-block; @@ -2292,24 +2089,13 @@ body { transform: translateX(-50%); } - /* .footer-head:hover::before { +/* .footer-head:hover::before { width: 100%; } .footer-head:hover::after { width: 100%; } */ -.navLinks:active { - color: rgb(169, 35, 252); -} - -.navLinks.activeHamburger { - width: 100%; -} -/* Initially the Login Button and View button are not in Hamburger Menu */ -.navLinks #LogIn-link, .navLinks #View-link { - display: none; -} /* @media screen and (max-width: 1146px) { .toggle-container { position: relative; @@ -2372,11 +2158,11 @@ body { .newNav #nav-view-btn { display: none; } - .newNav img{ + .newNav img { position: relative; } .header__image img:nth-child(1) { - transform: translate(0, 0%) !important; + transform: translate(0, 0%) !important; } .section__subtitle { max-width: 100vw !important; @@ -2418,23 +2204,21 @@ body { .line { width: 5vw; } - } -@media only screen and (max-width:577px){ - .but{ +@media only screen and (max-width: 577px) { + .but { position: relative; top: -37px; left: 85px; } } -@media only screen and (max-width: 465.5px){ - - .but{ +@media only screen and (max-width: 465.5px) { + .but { position: relative; - left:17px; + left: 17px; top: -4px; } - .but2{ + .but2 { position: relative; left: 30px; top: -2px; @@ -2501,8 +2285,9 @@ body { color: yellow; font-size: 2.5rem; margin: 20px 0; - text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; - font-family: 'Roboto', sans-serif; + text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, + 1px 1px 0 #000; + font-family: "Roboto", sans-serif; } /* Styling for elements with .aboutcon class */ @@ -2511,14 +2296,17 @@ body { justify-content: space-between; align-items: center; flex-wrap: wrap; - background: linear-gradient(135deg, #90b7f6, #d6edf7); /* Soft blue gradient */ + background: linear-gradient( + 135deg, + #90b7f6, + #d6edf7 + ); /* Soft blue gradient */ padding: 40px 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease; } - /* Styling for elements with .aboutcontent class */ .aboutcontent { text-align: center; @@ -2698,12 +2486,10 @@ body { justify-content: center; align-items: center; } -.hotel .center-card div .btn{ +.hotel .center-card div .btn { bottom: 0; } - - /* Testimonial Section */ @media (min-width: 320px) { .testimonials { @@ -2732,10 +2518,10 @@ body { } /* Light theme */ -.testimonials .testimonial-user{ +.testimonials .testimonial-user { background-color: #efefef; } -.testimonials .testimonial-user p{ +.testimonials .testimonial-user p { color: #2a2e31; } /* Dark theme */ @@ -2743,10 +2529,10 @@ body.dark-theme .testimonials { background-color: #002152; } -body.dark-theme .testimonials .testimonial-user{ +body.dark-theme .testimonials .testimonial-user { background-color: black; } -body.dark-theme .testimonials .testimonial-user p{ +body.dark-theme .testimonials .testimonial-user p { color: white; } @@ -2926,13 +2712,13 @@ body.dark-theme .testimonials .testimonial-user p{ position: fixed; bottom: 20px; left: 20px; - background:linear-gradient(to right,rgb(222, 125, 222),rgb(222, 177, 222)); + background: linear-gradient(to right, rgb(222, 125, 222), rgb(222, 177, 222)); border: 1px solid #cccccc; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; width: 300px; - height:260px; + height: 260px; z-index: 1000; display: none; /* Initially hide the popup */ } @@ -2960,7 +2746,7 @@ input[type="email"] { font-size: 14px; } -button { +/* button { padding: 10px 20px; background-color: #7325b3; color: white; @@ -2968,12 +2754,12 @@ button { border-radius: 3px; cursor: pointer; font-size: 14px; - margin-bottom: 3px; + /* margin-bottom: 3px; */ } button:hover { background-color: #6200b3; -} +} */ .close-btn { position: absolute; @@ -2983,14 +2769,14 @@ button:hover { font-size: 24px; color: #0d0101; } -.pop_up_heading{ +.pop_up_heading { font-size: 20px; - color:rgb(109, 27, 109); - font-weight:bold; + color: rgb(109, 27, 109); + font-weight: bold; } -.pop_up_content{ +.pop_up_content { font-size: 13px; - color:white; + color: white; } @media (max-width: 768px) { @@ -3035,7 +2821,7 @@ a { font-size: 14px; } a::after { - content: ''; + content: ""; position: absolute; width: 0%; height: 2px; @@ -3059,7 +2845,7 @@ a:hover::after { font-size: 18px; } .footer__link::after { - content: ''; + content: ""; position: absolute; width: 0%; height: 2px; @@ -3076,23 +2862,29 @@ a:hover::after { background-color: red; } -.trip{ - .view__all{ - a::after{ +.trip { + .view__all { + + display:flex; + flex-direction: column; + justify-content: center; + align-items: center; + + a::after { bottom: -18px; - } + } } } -.section__container{ - .header__content{ - a::after{ +.section__container { + .header__content { + a::after { bottom: -18px; } } } -.categories{ +.categories { margin-left: auto; margin-right: 60px; display: flex; @@ -3101,12 +2893,12 @@ a:hover::after { position: relative; align-items: center; -ms-overflow-style: none; - scroll-behavior: smooth; - scrollbar-width: none; + scroll-behavior: smooth; + scrollbar-width: none; /* max-width: 50%; */ } -.categories .each{ +.categories .each { display: flex; flex-direction: row; justify-content: space-between; @@ -3118,44 +2910,17 @@ a:hover::after { cursor: pointer; } -.each:active{ +.each:active { background-color: #a8d6fd; - } -.each h5{ +.each h5 { margin-left: 2px; margin-top: auto; - color:#0077b5; + color: #0077b5; margin-bottom: auto; font-size: 14px; font-weight: 600; } -/* For removing the red line that appears on the navbar of navlink section */ -.navLinks a, .link a { - position: relative; - text-decoration: none; - color: white; - font-size: 14px; -} -.navLinks a::after, .link a::after { - content: ''; - position: absolute; - width: 0%; - height: 0px; - bottom: -5px; - left: 0; - background-color: transparent; - transition: all 0.3s ease-in-out; -} - -.navLinks a:hover, .link a:hover { - color: red; -} - -.navLinks a:hover::after, .link a:hover::after { - width: 0%; - background-color: transparent; -} \ No newline at end of file diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html index 3661fd76..45527780 100644 --- a/topdeals/topdeals.html +++ b/topdeals/topdeals.html @@ -1,68 +1,78 @@ + - + Top Deals + + + + + - + + - - - -