From 161892913eade6dc99ec885e7b49f9463adcc4f9 Mon Sep 17 00:00:00 2001 From: Sumalatha Salapu Date: Fri, 18 Oct 2024 00:44:31 +0530 Subject: [PATCH 1/2] travel itineraries animation --- index.html | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index cb468d25..b0fb7d42 100644 --- a/index.html +++ b/index.html @@ -33,6 +33,7 @@ .header1{ background-color:white; border-radius:8px; + padding: 4px 8px 4px 8px; } /* Button Styling */ .btn { @@ -184,6 +185,18 @@ .card:hover { cursor: pointer; } + @media (max-width: 768px) { + .itinerary-list { + flex-direction: column; + align-items: center; + } + + .itinerary { + margin-bottom: 20px; + width: 90%; + } +} + @@ -748,7 +761,7 @@

Family Vacation

-
+

Solo Adventure

Embark on a solo journey with our handpicked itineraries, offering From 668274c5fa2d6d25932b084959283c1afcd2fe02 Mon Sep 17 00:00:00 2001 From: Sumalatha Salapu Date: Fri, 18 Oct 2024 00:50:11 +0530 Subject: [PATCH 2/2] travel itineraries animation --- index.html | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/index.html b/index.html index b0fb7d42..17d13261 100644 --- a/index.html +++ b/index.html @@ -195,8 +195,22 @@ margin-bottom: 20px; width: 90%; } + .itinerary { + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + } + +.itinerary:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } +.btn-view-itinerary:hover { + background-color: #0056b3; +} + + +