From 653b6aad5031d791f6f528cbb52f4d0d80d1708a Mon Sep 17 00:00:00 2001 From: Vin205 Date: Tue, 30 Jul 2024 20:40:57 +0530 Subject: [PATCH] added local events --- index.html | 469 ++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 322 insertions(+), 147 deletions(-) diff --git a/index.html b/index.html index ab8c4c1a..5b2781f8 100644 --- a/index.html +++ b/index.html @@ -127,41 +127,79 @@ } } - .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; - /* Adjust the gap between images */ - } - - .trip-gallery-container .image-container { - display: flex; - flex-direction: column; - align-items: center; - } - - .trip-gallery-container .image-container img { - max-width: 100%; - height: auto; - } - - .btn-container { - display: flex; - justify-content: center; - gap: 8px; - /* Adjust the gap between buttons */ - } + body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f9f9f9; +} + +.section__header { + text-align: center; + padding: 2em 0; +} + +.center-align { + text-align: center; +} + +.trips__container { + display: flex; + flex-wrap: wrap; + gap: 1em; + justify-content: center; + padding: 1em; +} + +.trip__card { + background-color: #fff; + border: 1px solid #ddd; + border-radius: 8px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 250px; /* Adjusted width */ + max-width: 100%; + transition: transform 0.3s ease; +} + +.trip__card img { + width: 100%; + height: 150px; /* Adjusted height */ + object-fit: cover; +} + +.trip__details { + padding: 0.5em; /* Reduced padding */ +} + +.trip__details h4 { + font-size: 1.1em; /* Reduced font size */ + margin: 0; +} + +.trip__details p { + font-size: 0.9em; /* Reduced font size */ + margin: 0.5em 0 0; +} + +.booking__price { + padding: 0.5em; + text-align: center; +} + +.book__now { + background-color: #4CAF50; + color: white; + border: none; + padding: 0.5em 1em; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.book__now:hover { + background-color: #45a049; +} @media screen and (max-width: 768px) { body { @@ -242,6 +280,124 @@ .book__now:hover { background-color: #0056b3; } + body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f9f9f9; +} + +.trip-section { + padding: 2em 0; + background-color: #fff; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 1em; +} + +.title { + text-align: center; + font-size: 2em; + margin-bottom: 0.5em; +} + +.subtitle { + text-align: center; + font-size: 1.1em; + color: #666; + margin-bottom: 2em; +} + +.trip-grid { + display: flex; + flex-wrap: wrap; + gap: 1em; + justify-content: center; +} + +.card { + background-color: #fff; + border: 1px solid #ddd; + border-radius: 8px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 300px; + max-width: 100%; + transition: transform 0.3s ease; +} + +.card:hover { + transform: scale(1.05); +} + +.card img { + width: 100%; + height: 200px; + object-fit: cover; +} + +.card-details { + padding: 1em; +} + +.card-details p { + font-size: 1.2em; + margin: 0; +} + +.rating { + margin: 0.5em 0; + font-size: 1em; + color: #f39c12; +} + +.price-info { + display: flex; + justify-content: space-between; + align-items: center; +} + +.price { + font-size: 1.2em; +} + +.book-now-button { + background-color: #940a97; + color: white; + border: none; + padding: 0.5em 1em; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.book-now-button:hover { + background-color: #8a0bd8; +} + +.view-all-buttons { + text-align: center; + margin-top: 2em; +} + +.view-all-buttons .btn { + background-color: #970cd8; + color: white; + border: none; + padding: 0.5em 2em; + border-radius: 5px; + cursor: pointer; + margin: 0 1em; + transition: background-color 0.3s ease; +} + +.view-all-buttons .btn:hover { + background-color: #45a049; +} + @@ -881,80 +1037,102 @@

Explore Cultural Events and Festiv -
+
+
+

Explore Cultural Events and Festivals

+

+ Enjoy and be the part of cultural celebration and festivals. +

+
+
+ +
- trip -
-

Beat the Heat Season 3 Concerts - Dubai

-

Meet international artists like Siilawy, Marwan Moussa in July

-
- + Beat the Heat Season 3 Concerts - Dubai +
+

Beat the Heat Season 3 Concerts - Dubai

+

+ Meet international artists like Siilawy, Marwan Moussa in July +

+
+
- trip -
-

Latino Life in the Park - London

-

Experience the largest Latin music festival in the UK

-
- + Latino Life in the Park - London +
+

Latino Life in the Park - London

+

+ Experience the largest Latin music festival in the UK +

+
+
- trip -
-

Bonderache Fest - Goa

-

Celebrate the ancient tradition of marking land borders with flags

-
- + Bonderache Fest - Goa +
+

Bonderache Fest - Goa

+

+ Celebrate the ancient tradition of marking land borders with flags +

+
+
- trip -
-

Whale Shark Festival - Maldives

-

Celebrate marine life with parades, music, and educational events

-
- + Whale Shark Festival - Maldives +
+

Whale Shark Festival - Maldives

+

+ Celebrate marine life with parades, music, and educational events +

+
+
- trip -
-

Bali Arts Festival - Bali

-

Traditional culutral celebration in Islands

-
- + Bali Arts Festival - Bali +
+

Bali Arts Festival - Bali

+

+ Traditional cultural celebration in Islands +

+
+
- trip -
-

Festa de São João - Brazil

-

Festival of John the Baptist with lively parties and traditonal food

-
- + Festa de São João - Brazil +
+

Festa de São João - Brazil

+

+ Festival of John the Baptist with lively parties and traditional food +

+
+
-
+
+ @@ -962,62 +1140,59 @@

Festa de São João - Brazil

-
-
-

Best trip packages

-

- Top trip deals curated for you. Get the best package for your adventure and save more. +

+
+

Best Trip Packages

+

+ Top trip deals curated for you. Get the best package for your adventure and save more.

-
-
- trip -
-

Santorini, Aegean Sea

-
4.2
-
-
From $300
- -
+
+
+ Santorini, Aegean Sea +
+

Santorini, Aegean Sea

+
4.2
+
+
From $300
+ + + +
+
-
-
- trip -
-

Machu Picchu, Peru

-
4.5
-
-
From $450
- -
+
+ Machu Picchu, Peru +
+

Machu Picchu, Peru

+
4.5
+
+
From $450
+ + + +
+
-
-
- trip -
-

Grand Canyon National Park, Arizona

-
4.7
-
-
From $400
- -
+
+ Grand Canyon National Park, Arizona +
+

Grand Canyon National Park, Arizona

+
4.7
+
+
From $400
+ + + +
+
-
- -
+
+