diff --git a/404.html b/404.html index c58eaeb4..f2f4c22f 100644 --- a/404.html +++ b/404.html @@ -30,7 +30,7 @@
- + diff --git a/Adventure.html b/Adventure.html index 584ad133..50c336b1 100644 --- a/Adventure.html +++ b/Adventure.html @@ -98,6 +98,8 @@ href="img/A T logo with a white background and a square shape, connected to nature for a travel company.png" type="image/x-icon" /> + + @@ -154,19 +156,195 @@
+

Adventure Travel

"Unleash Your Adventurous Spirit: Discover the Most Thrilling Destinations Around the Globe!"

+ + +
+ + + +
+ + +
+
+ + + + + + + + + + + + +
+ + +
Trending
+ + + + +
Top
+ + + + +
Beginner
+ + + + +
Nature
+ + + + +
Sustainable
+ + + + +
+ + +
trip

Rishikesh

-
4.2
+
+
+ + + +
+
4.2
+
+
From $400
+ +
trip

Ladakh

-
4.5
+
+
+ + + + +
+
4.5
+
+
From $450
 @@ -213,7 +418,16 @@

Adventure Travel

trip

Australia

-
4.5
+
+
+ + + + +
+
4.5
+
+
From $450
@@ -224,7 +438,15 @@

Adventure Travel

trip

Peru

-
4.7
+
+
+ + + +
+
4.7
+
+
From $400
@@ -236,7 +458,15 @@

Adventure Travel

trip

Thailand

-
4.2
+
+
+ + + +
+
4.2
+
+
From $300
@@ -247,7 +477,16 @@

Adventure Travel

trip

Spiti

-
4.5
+
+
+ + + + +
+
4.5
+
+
From $450
@@ -258,7 +497,15 @@

Adventure Travel

trip

Goa

-
4.7
+
+
+ + + +
+
4.7
+
+
From $400
diff --git a/hotel.html b/hotel.html index 733a06d7..88ee37ce 100644 --- a/hotel.html +++ b/hotel.html @@ -5,60 +5,70 @@ Hotel Booking Form @@ -99,9 +109,12 @@

Hotel Booking Form

- Book Now + Book Now +
+ + diff --git a/index.html b/index.html index 150a0fbb..d8f164d8 100644 --- a/index.html +++ b/index.html @@ -128,6 +128,98 @@ } .gallery-rotate-image .image-container { + + display: flex; + flex-wrap: wrap; + gap: 16px; /* Adjust the gap between images */ +} + +.gallery-rotate-image .image-container span { + display: inline-block; +} + +/* .trip-gallery-container { + display: flex; + flex-wrap: wrap; + gap: 16px; +} + +.trip-gallery-container .image-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.trip-gallery-container .image-container img { + max-width: 100%; + height: auto; +} */ + body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + } + + .grid-container { + display: grid; + grid-template-columns: repeat(5, 1fr); + gap: 16px; + padding: 20px; + box-sizing: border-box; + } + + .cardi { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 20vh; + border-radius: 20px; + color: #fff; + cursor: pointer; + flex: 0.5; + margin: 4px; + margin-right: 29px; + position: relative; + transition: flex 0.7s ease-in; + display: flex; + flex-direction: column; + overflow: hidden; + } + + .cardi img { + width: 100%; + height: 100%; + transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + } + + .cardi:hover { + transform: scale(1.05); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; + background-clip: padding-box; + } + + .cardi:hover img { + filter: blur(4px); + backdrop-filter:box-shadow(0 8px 16px rgba); + } + + .card__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 20px; + box-sizing: border-box; + transform: rotateX(-90deg); + transform-origin: bottom; + transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + z-index: 1; + } + + .card__overlay { + position: absolute; display: flex; flex-wrap: wrap; gap: 16px; @@ -186,6 +278,68 @@ left: 0; width: 100%; height: 100%; + background-color: rgba(1, 0, 0, 0.7); /* Darker semi-transparent background */ + opacity: 0; + transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + z-index: 0; + } + + .cardi:hover .card__overlay { + opacity: 1; + } + + .cardi:hover .card__content { + transform: rotateX(0deg); + } + + .card__title { + margin: 0; + font-size: 24px; + color: #ffdf60; + font-weight: 700; + } + + .card__description { + margin: 10px 0 0; + font-size: 14px; + color: #fff; + line-height: 1.4; + } + + .card__description:hover { + cursor: pointer; + color: #fff; + } + + @media (max-width: 1200px) { + .grid-container { + grid-template-columns: repeat(4, 1fr); + } + } + + @media (max-width: 992px) { + .grid-container { + grid-template-columns: repeat(3, 1fr); + } + } + + @media (max-width: 768px) { + .grid-container { + grid-template-columns: repeat(2, 1fr); + } + } + + @media (max-width: 480px) { + .grid-container { + grid-template-columns: repeat(1, 1fr); + } + } +.btn-container { + display: flex; + justify-content: center; + gap: 8px; /* Adjust the gap between buttons */ +} + pointer-events: none; z-index: 9999; } @@ -878,68 +1032,147 @@

-
- -
- -

LADAKH

-
-
- -

RANNERDALE KNOTTS

-
-
- -

AMALPHI COAST

-
-
- -

THE GOLDEN TEMPLE,PERIYAPATTNA -

-
-
- -

MALSHEJ GHAT

-
-
- -

SAHARA DESERT

-
-
- -

MALDIVES

-
-
- -

PUNAKHA SUSPENSION BRIDGE

-
-
- -

ARU VALLEY

-
-
- -

THE GOLDEN BRIDGE

-
-
- -

LAKE DISTRICT

-
-
- -

MUNNAR

-
-
- -

STATUE OF LIBERTY

-
-
- -

NAKKI LAKE

-
- - - +
+
+ Card image +
+
+
+

LADAKH

+ Read More +
+
+
+
+ Card image +
+
+
+

RANNERDALE KNOTTS

+ Read More +
+
+
+
+ Card image +
+
+
+

AMALPHI COAST

+ Read More +
+
+
+
+ Card image +
+
+
+

THE GOLDEN TEMPLE,PERIYAPATTNA

+ Read More +
+
+
+
+ Card image +
+
+
+

MALSHEJ GHAT

+ Read More +
+
+
+
+ Card image +
+
+
+

SAHARA DESERT

+ Read More +
+
+
+
+ Card image +
+
+
+

MALDIVES

+ Read More +
+
+
+
+ Card image +
+
+
+

PUNAKHA SUSPENSION BRIDGE

+ Read More +
+
+
+
+ Card image +
+
+
+

ARU VALLEY

+ Read More +
+
+
+
+ Card image +
+
+
+

THE GOLDEN BRIDGE

+ Read More +
+
+
+
+ Card image +
+
+
+

LAKE DISTRICT

+ Read More +
+
+
+
+ Card image +
+
+
+

MUNNAR

+ Read More +
+
+
+
+ Card image +
+
+
+

STATUE OF LIBERTY

+ Read More +
+
+
+
+ Card image +
+
+
+

NAKKI LAKE

+ Read More +
+
+
@@ -974,30 +1207,33 @@

H
-

Hotels & Resorts

-

-

Best Place for Beautiful Trip

-

-
- hr1 -

- Book Now -

-

- hr2 -

- Book Now -

-

- hr3 -

- Book Now -

-

- hr4 -

- Book Now +
+
+

Hotels & Resorts

+

Best Place for Beautiful Trip

+
+ +
+ hr1 + Book Now +
+ +
+ hr2 + Book Now +
+ +
+ hr3 + Book Now +
+ +
+ hr4 + Book Now +
+




diff --git a/login/login.css b/login/login.css index 526acef9..54c3cb24 100644 --- a/login/login.css +++ b/login/login.css @@ -55,9 +55,7 @@ a { transition: 0.3s ease-in-out; } -a:hover { - color: #4bb6b7; -} + .content { display: flex; @@ -314,9 +312,7 @@ input { transition: 0.3s ease-in-out; } -.social-container a:hover { - border: 1px solid #4bb6b7; -} + #login-section{ display: flex; @@ -359,6 +355,7 @@ input { transition: 0.3s ease-in-out; } + /* Add styles for the success banners */ .success-banner { display: none; @@ -370,4 +367,19 @@ input { top: 0; width: 100%; z-index: 10000; - } \ No newline at end of file + } + +/* hover ibn social icons */ +.social-container .fb:hover { + color: white; + background-color: #1877F2; +} +.social-container .goog:hover { + color: white; + background-color: #DB4437; +} +.social-container .lin:hover { + color: white; + background-color: #0A66C2; +} + diff --git a/newLogin.html b/newLogin.html index 957f84fe..cc0bed60 100644 --- a/newLogin.html +++ b/newLogin.html @@ -29,9 +29,9 @@

Tour Guide

- - - + + +
@@ -64,9 +64,9 @@

or use your account
- - - + + +
diff --git a/pricing/index.html b/pricing/index.html index b894d651..2c4f9ac6 100644 --- a/pricing/index.html +++ b/pricing/index.html @@ -193,5 +193,22 @@ + + + \ No newline at end of file diff --git a/pricing/style.css b/pricing/style.css index 80c3d90f..819c0374 100644 --- a/pricing/style.css +++ b/pricing/style.css @@ -111,7 +111,6 @@ header { position: relative; z-index: 10; margin-right: 20px; - } .link a { @@ -169,6 +168,10 @@ header { } @media screen and (max-width: 1220px) { + + .newNav { + text-align: center; + } .hamburger { display: flex; cursor: pointer; @@ -194,6 +197,11 @@ header { z-index: 10; } + .navLinks li a { + font-weight: 600; + } + + #toggle { font-size: 0.6rem; } diff --git a/story.html b/story.html index 40ac23f5..b5440065 100644 --- a/story.html +++ b/story.html @@ -1,74 +1,269 @@ - - + + + - - Arpan Codes | Tourguide - - - - - - - - - - + + + + + + + Story-Tourguide + + + + + + + + + + + + + - -
+ -
-
+
-
- - - - - - - - + + + + - - - + + + diff --git a/styles.css b/styles.css index 0e180007..c9727089 100644 --- a/styles.css +++ b/styles.css @@ -2568,6 +2568,27 @@ body { 0 0 200px black; } +.hotel .center-card { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + gap: 20px; + margin-top: 50px; +} + +.hotel .center-card div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.hotel .center-card div .btn{ + bottom: 0; +} + + + /* Testimonial Section */ @media (min-width: 320px) { .testimonials {