From 44356fd3bf3d9377bdf2bd58843829a5cff07f38 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C2=96AbheetHacker4278?= <114290748+AbheetHacker4278@users.noreply.github.com> Date: Sat, 29 Jun 2024 17:55:23 +0530 Subject: [PATCH 01/13] Trip Gallery Page is Been Updated --- index.html | 302 +++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 237 insertions(+), 65 deletions(-) diff --git a/index.html b/index.html index c071d5a9..87842976 100644 --- a/index.html +++ b/index.html @@ -107,10 +107,10 @@ display: inline-block; } -.trip-gallery-container { +/* .trip-gallery-container { display: flex; flex-wrap: wrap; - gap: 16px; /* Adjust the gap between images */ + gap: 16px; } .trip-gallery-container .image-container { @@ -122,8 +122,115 @@ .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: 20px; + padding: 20px; + box-sizing: border-box; + gap: 16px; + } + + .card { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 20vh; + border-radius: 35px 35px; + 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; + } + + .card img { + width: 100%; + height: 20vh; + transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + } + + .card:hover { + transform: scale(1.05); + box-shadow: 0 8px 16px rgba(5px, 0, 0, 0.2); + border: 1px solid transparent; + background-clip: padding-box; + } + + .card:hover img { + filter: blur(4px); + } + + .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); + } + + .card: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: #555; + 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; @@ -669,68 +776,133 @@

-
- -
- -

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 +
+
+
From ce93141d6bd5e528a4ea3a8edc4ee881051baaf8 Mon Sep 17 00:00:00 2001 From: Abheet seth <114290748+AbheetHacker4278@users.noreply.github.com> Date: Sat, 29 Jun 2024 18:34:26 +0530 Subject: [PATCH 02/13] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 87842976..7bf2e02f 100644 --- a/index.html +++ b/index.html @@ -200,7 +200,7 @@ .card__description { margin: 10px 0 0; font-size: 14px; - color: #555; + color: #ffe400; line-height: 1.4; } .card__description:hover{ From 06687b9c47e073c1ea8a6acaa351cb3ebd6f37e5 Mon Sep 17 00:00:00 2001 From: Abheet seth <114290748+AbheetHacker4278@users.noreply.github.com> Date: Mon, 1 Jul 2024 18:10:30 +0530 Subject: [PATCH 03/13] Update index.html added Overlays when hover for more detail view of the image --- index.html | 78 ++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 55 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index 7bf2e02f..7d456dc0 100644 --- a/index.html +++ b/index.html @@ -123,7 +123,7 @@ max-width: 100%; height: auto; } */ -body { + body { font-family: Arial, sans-serif; margin: 0; padding: 0; @@ -132,45 +132,45 @@ .grid-container { display: grid; grid-template-columns: repeat(5, 1fr); - gap: 20px; + gap: 16px; padding: 20px; box-sizing: border-box; - gap: 16px; } .card { - background-size: cover; - background-position: center; - background-repeat: no-repeat; - height: 20vh; - border-radius: 35px 35px; - 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; + 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; } .card img { width: 100%; - height: 20vh; + height: 100%; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .card:hover { transform: scale(1.05); - box-shadow: 0 8px 16px rgba(5px, 0, 0, 0.2); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border: 1px solid transparent; background-clip: padding-box; } .card:hover img { filter: blur(4px); + backdrop-filter:box-shadow(0 8px 16px rgba); } .card__content { @@ -184,6 +184,23 @@ 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; + top: 0; + 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; + } + + .card:hover .card__overlay { + opacity: 1; } .card:hover .card__content { @@ -193,17 +210,18 @@ .card__title { margin: 0; font-size: 24px; - color:#ffdf60; + color: #ffdf60; font-weight: 700; } .card__description { margin: 10px 0 0; font-size: 14px; - color: #ffe400; + color: #fff; line-height: 1.4; } - .card__description:hover{ + + .card__description:hover { cursor: pointer; color: #fff; } @@ -779,6 +797,7 @@

Card image +

LADAKH

@@ -788,6 +807,7 @@

LADAKH

Card image +

RANNERDALE KNOTTS

@@ -797,6 +817,7 @@

RANNERDALE KNOTTS

Card image +

AMALPHI COAST

@@ -806,6 +827,7 @@

AMALPHI COAST

Card image +

THE GOLDEN TEMPLE,PERIYAPATTNA

@@ -815,6 +837,7 @@

THE GOLDEN TEMPLE

Card image +

MALSHEJ GHAT

@@ -824,6 +847,7 @@

MALSHEJ GHAT

Card image +

SAHARA DESERT

@@ -833,6 +857,7 @@

SAHARA DESERT

Card image +

MALDIVES

@@ -842,6 +867,7 @@

MALDIVES

Card image +

PUNAKHA SUSPENSION BRIDGE

@@ -851,6 +877,7 @@

PUNAKHA SUSPENSIO

Card image +

ARU VALLEY

@@ -860,6 +887,7 @@

ARU VALLEY

Card image +

THE GOLDEN BRIDGE

@@ -869,6 +897,7 @@

THE GOLDEN BRIDGE

Card image +

LAKE DISTRICT

@@ -878,6 +907,7 @@

LAKE DISTRICT

Card image +

MUNNAR

@@ -887,6 +917,7 @@

MUNNAR

Card image +

STATUE OF LIBERTY

@@ -896,6 +927,7 @@

STATUE OF LIBERTY

Card image +

NAKKI LAKE

From f85cc7b9791846af56cb47fb2aa674b6c1312c4e Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Wed, 17 Jul 2024 16:09:25 +0530 Subject: [PATCH 04/13] Update story.html --- story.html | 403 +++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 298 insertions(+), 105 deletions(-) diff --git a/story.html b/story.html index 98dc190c..7b0c0666 100644 --- a/story.html +++ b/story.html @@ -1,74 +1,269 @@ - - + + + - - Arpan Codes | Tourguide - - - - - - - - - - + + + + + + + Story-Tourguide + + + + + + + + + + + + + - -
+ -
-
+
-
- - - - + + + - - - + + + From aafc0a10872f19de6eb43909b3e61cb8fb1fb82d Mon Sep 17 00:00:00 2001 From: VijaySamant4368 Date: Wed, 17 Jul 2024 16:59:18 +0530 Subject: [PATCH 05/13] Improved CSS --- index.html | 49 ++++++++++++++++++++++++++----------------------- styles.css | 21 +++++++++++++++++++++ 2 files changed, 47 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index 79fb1103..a6bee4a7 100644 --- a/index.html +++ b/index.html @@ -973,30 +973,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/styles.css b/styles.css index 9222133b..4c3b3a29 100644 --- a/styles.css +++ b/styles.css @@ -2531,6 +2531,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 { From c4e40ab4c8c2c8604acf031a746b4760fdfd20ef Mon Sep 17 00:00:00 2001 From: sau-mili <146661411+sau-mili@users.noreply.github.com> Date: Thu, 18 Jul 2024 18:14:45 +0530 Subject: [PATCH 06/13] Update Adventure.html --- Adventure.html | 269 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 260 insertions(+), 9 deletions(-) diff --git a/Adventure.html b/Adventure.html index a5d1a89a..c119c392 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,6 +156,178 @@

+ +
+

Best trip package

+

+ Explore your suitable and dream places around the world. Here you can find your right destination.

+

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

Adventure Travel

@@ -166,7 +340,15 @@

Adventure Travel

trip

Rishikesh

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

Ladakh

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

Adventure Travel

trip

Australia

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

Adventure Travel

trip

Peru

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

Adventure Travel

trip

Thailand

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

Adventure Travel

trip

Spiti

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

Adventure Travel

trip

Goa

-
4.7
+
+
+ + + +
+
4.7
+
+
From $400
From d47dc783878c159fc6b7df1d230340f6dc6f231c Mon Sep 17 00:00:00 2001 From: VijaySamant4368 Date: Thu, 18 Jul 2024 18:32:28 +0530 Subject: [PATCH 07/13] Fixed Hamburger --- pricing/index.html | 34 ++++++++++++++++------------------ pricing/style.css | 10 +++++++++- 2 files changed, 25 insertions(+), 19 deletions(-) diff --git a/pricing/index.html b/pricing/index.html index b894d651..ec6673f8 100644 --- a/pricing/index.html +++ b/pricing/index.html @@ -13,24 +13,6 @@ - @@ -193,5 +175,21 @@
+ + \ 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; } From 210539d971c51315c52ca4268636175a8ab23036 Mon Sep 17 00:00:00 2001 From: VijaySamant4368 Date: Thu, 18 Jul 2024 18:36:12 +0530 Subject: [PATCH 08/13] Fixed Hamburger --- pricing/index.html | 45 ++++++++++++++++++++++++++++++++------------- 1 file changed, 32 insertions(+), 13 deletions(-) diff --git a/pricing/index.html b/pricing/index.html index ec6673f8..2c4f9ac6 100644 --- a/pricing/index.html +++ b/pricing/index.html @@ -13,6 +13,24 @@ + @@ -176,19 +194,20 @@
From a32c264d09f777990314f3c04be27d1e3def30a0 Mon Sep 17 00:00:00 2001 From: ANKeshri Date: Fri, 19 Jul 2024 01:10:22 +0530 Subject: [PATCH 09/13] enhance book hotel form --- hotel.html | 51 ++++++++++++++++++++++++++++++++------------------- 1 file changed, 32 insertions(+), 19 deletions(-) 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 +
+ + From a460a0464aa5c2d9865c9d3ef0a7183277651b22 Mon Sep 17 00:00:00 2001 From: Vidhi Saxena Date: Fri, 19 Jul 2024 09:05:02 +0530 Subject: [PATCH 10/13] initial commit --- 404.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/404.html b/404.html index c58eaeb4..f2f4c22f 100644 --- a/404.html +++ b/404.html @@ -30,7 +30,7 @@
- +
From 0ffa64fbb5dd27c2ba2231059f211573a45500bf Mon Sep 17 00:00:00 2001 From: sau-mili <146661411+sau-mili@users.noreply.github.com> Date: Sat, 20 Jul 2024 00:23:55 +0530 Subject: [PATCH 11/13] Update Adventure.html --- Adventure.html | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/Adventure.html b/Adventure.html index c119c392..b5d38252 100644 --- a/Adventure.html +++ b/Adventure.html @@ -157,11 +157,12 @@
-
-

Best trip package

-

- Explore your suitable and dream places around the world. Here you can find your right destination.

- +
+

Adventure Travel

+

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

+
@@ -328,12 +329,7 @@
Sustainable
-
-

Adventure Travel

-

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

- +
From 4d380af4b272e9c788ab8a3fad6e510d77536434 Mon Sep 17 00:00:00 2001 From: ANKeshri Date: Sat, 20 Jul 2024 02:51:22 +0530 Subject: [PATCH 12/13] hover on social icons in login --- login/login.css | 21 +++++++++++++++------ newLogin.html | 12 ++++++------ 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/login/login.css b/login/login.css index 93f577a5..ca26c01a 100644 --- a/login/login.css +++ b/login/login.css @@ -54,9 +54,7 @@ a { transition: 0.3s ease-in-out; } -a:hover { - color: #4bb6b7; -} + .content { display: flex; @@ -313,9 +311,7 @@ input { transition: 0.3s ease-in-out; } -.social-container a:hover { - border: 1px solid #4bb6b7; -} + #login-section{ display: flex; @@ -357,3 +353,16 @@ input { padding:2px; transition: 0.3s ease-in-out; } +/* 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; +} \ No newline at end of file diff --git a/newLogin.html b/newLogin.html index 045162af..42c36801 100644 --- a/newLogin.html +++ b/newLogin.html @@ -27,9 +27,9 @@

Tour Guide

@@ -62,9 +62,9 @@

or use your account From b74e10d90791337c2141ad3255324b13f4965f73 Mon Sep 17 00:00:00 2001 From: Abheet seth <114290748+AbheetHacker4278@users.noreply.github.com> Date: Sun, 21 Jul 2024 08:43:07 +0530 Subject: [PATCH 13/13] Update index.html --- index.html | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index 7d456dc0..00c90649 100644 --- a/index.html +++ b/index.html @@ -137,7 +137,7 @@ box-sizing: border-box; } - .card { + .cardi { background-size: cover; background-position: center; background-repeat: no-repeat; @@ -155,20 +155,20 @@ overflow: hidden; } - .card img { + .cardi img { width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); } - .card:hover { + .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; } - .card:hover img { + .cardi:hover img { filter: blur(4px); backdrop-filter:box-shadow(0 8px 16px rgba); } @@ -199,11 +199,11 @@ z-index: 0; } - .card:hover .card__overlay { + .cardi:hover .card__overlay { opacity: 1; } - .card:hover .card__content { + .cardi:hover .card__content { transform: rotateX(0deg); } @@ -795,7 +795,7 @@

-
+
Card image
@@ -805,7 +805,7 @@

LADAKH

-
+
Card image
@@ -815,7 +815,7 @@

RANNERDALE KNOTTS

-
+
Card image
@@ -825,7 +825,7 @@

AMALPHI COAST

-
+
Card image
@@ -835,7 +835,7 @@

THE GOLDEN TEMPLE

-
+
Card image
@@ -845,7 +845,7 @@

MALSHEJ GHAT

-
+
Card image
@@ -855,7 +855,7 @@

SAHARA DESERT

-
+
Card image
@@ -865,7 +865,7 @@

MALDIVES

-
+
Card image
@@ -875,7 +875,7 @@

PUNAKHA SUSPENSIO

-
+
Card image
@@ -885,7 +885,7 @@

ARU VALLEY

-
+
Card image
@@ -895,7 +895,7 @@

THE GOLDEN BRIDGE

-
+
Card image
@@ -905,7 +905,7 @@

LAKE DISTRICT

-
+
Card image
@@ -915,7 +915,7 @@

MUNNAR

-
+
Card image
@@ -925,7 +925,7 @@

STATUE OF LIBERTY

-
+
Card image