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/61] 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/61] 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 f2f083631d6ec51dde05eff917e02918a82fa408 Mon Sep 17 00:00:00 2001 From: Gultreen Naj <145576858+Gultreen@users.noreply.github.com> Date: Sun, 30 Jun 2024 03:24:16 +0530 Subject: [PATCH 03/61] Replace previous website logo --- img/Travel.png | Bin 0 -> 13 bytes styles.css | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) create mode 100644 img/Travel.png diff --git a/img/Travel.png b/img/Travel.png new file mode 100644 index 0000000000000000000000000000000000000000..ba5213fb23dc34699739844ece8c4e1d3730a40f GIT binary patch literal 13 UcmaFAe{X=FJC_s}0|NsW048?>i2wiq literal 0 HcmV?d00001 diff --git a/styles.css b/styles.css index 9b7ac4e1..4b1e33f3 100644 --- a/styles.css +++ b/styles.css @@ -522,7 +522,7 @@ a { } img { - width: 100%; + width: 8%; display: block; } 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 04/61] 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 7a80e6e1e92e66df846b93043d6c9d5d97a0c0f3 Mon Sep 17 00:00:00 2001 From: chaanakyaaM Date: Sun, 7 Jul 2024 19:16:59 +0530 Subject: [PATCH 05/61] appropriate meta tags are added for making SEO friendly --- index.html | 160 +++++++++++++++++++++++++++-------------------------- 1 file changed, 82 insertions(+), 78 deletions(-) diff --git a/index.html b/index.html index e614c993..1ab07989 100644 --- a/index.html +++ b/index.html @@ -2,16 +2,31 @@ + + + - - + + + + + + + + + + + + + + + + @@ -27,7 +42,6 @@ - @@ -95,7 +109,7 @@ width: 130%; } .line{ - width: 150%; + width: 130%; } .hamburger{ position: relative; @@ -192,18 +206,17 @@

TourGuide . . .

From dac8c3525f2e08c7f394707bf574ca09a0654045 Mon Sep 17 00:00:00 2001 From: sau-mili <146661411+sau-mili@users.noreply.github.com> Date: Tue, 16 Jul 2024 22:18:30 +0530 Subject: [PATCH 26/61] Packages Page improved --- package.html | 184 ++++++++++++++++++++++++++++++++++++++++++++++----- styles.css | 43 +++++++++++- 2 files changed, 210 insertions(+), 17 deletions(-) diff --git a/package.html b/package.html index bf481c9e..e44ff5fd 100644 --- a/package.html +++ b/package.html @@ -156,7 +156,7 @@

Best trip package

-

+

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

@@ -202,13 +202,20 @@