redesigned and improved cards

PriyaGhosal · Oct 17, 2024 · c9c4136 · c9c4136
1 parent 727c200
commit c9c4136
Show file tree

Hide file tree

Showing 2 changed files with 469 additions and 416 deletions.
diff --git a/book.html b/book.html
@@ -46,35 +46,55 @@ <h1 id="logo"><a href="index.html">BuddyTrail</a></h1>
       <h2>Welcome to BuddyTrail</h2>
     </section>
 
+
     <section id="locations" class="locations">
-      <h2>Popular Destinations</h2>
-      <div class="location-cards">
-        <div class="location-card">
-          <h3>Dubai</h3>
-          <p>Flight to Dubai<br>Save 20% on round-trip flights to Dubai. Limited time offer!</p>
-          <p><strong>Price:</strong> ₹20,000 <del>₹25,000</del></p>
-        </div>
-        <div class="location-card">
-          <h3>Goa</h3>
-          <p>Luxury Stay in Goa<br>Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!</p>
-          <p><strong>Price:</strong> ₹10,500 <del>₹15,000</del> per night</p>
-        </div>
-        <div class="location-card">
-          <h3>Kerala</h3>
-          <p>Kerala Backwaters Package<br>Experience the serene beauty of Kerala's backwaters with a 4-day, 3-night package. All-inclusive deal!</p>
-        </div>
-        <div class="location-card">
-          <h3>Paris</h3>
-          <p>Paris Romantic Getaway<br>Enjoy a romantic trip to Paris with your loved one. Special package for couples!</p><br>
-          <p><strong>Price:</strong> ₹1,20,000 <del>₹1,50,000</del> per couple</p>
-        </div>
-        <div class="location-card">
-          <h3>Bali</h3>
-          <p>Adventure in Bali<br>Book an adventure trip to Bali with activities like snorkeling, trekking & more. Discount available for groups!</p>
-          <p><strong>Price:</strong> ₹48,000 <del>₹60,000</del> per person</p>
-        </div>
-      </div>
-    </section>
+  <h2>Popular Destinations</h2>
+  <div class="location-cards">
+    <div class="location-card" style="background-image: url('https://images.unsplash.com/photo-1489516408517-0c0a15662682?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
+      <h3>Dubai</h3>
+      <ul>
+        <li>Flight to Dubai</li>
+        <li>Save 20% on round-trip flights to Dubai. Limited time offer!</li>
+      </ul>
+      <p><strong>Price:</strong> ₹20,000 <del>₹25,000</del></p>
+    </div>
+    <div class="location-card" style="background-image: url('https://plus.unsplash.com/premium_photo-1697729701846-e34563b06d47?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
+      <h3>Goa</h3>
+      <ul>
+        <li>Luxury Stay in Goa</li>
+        <li>Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!</li>
+      </ul>
+      <p><strong>Price:</strong> ₹10,500 <del>₹15,000</del> per night</p>
+    </div>
+       <div class="location-card" style="background-image: url('https://images.unsplash.com/photo-1679022579345-72dc76a518f6?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
+      <h3>Kerla</h3>
+      <ul>
+        <li>Kerala Backwaters Package</li>
+        <li>Experience the serene beauty of Kerala's backwaters with a 4-day, 3-night package. All-inclusive deal!</li>
+      </ul>
+      <p><strong>Price:</strong> ₹10,500 <del>₹15,000</del> per night</p>
+    </div>
+       <div class="location-card" style="background-image: url('https://images.unsplash.com/photo-1502602898657-3e91760cbb34?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
+      <h3>Paris</h3>
+      <ul>
+        <li>Paris Romantic Getaway</li>
+        <li>Enjoy a romantic trip to Paris with your loved one. Special package for couples!</li>
+
+      </ul>
+      <p><strong>Price:</strong> ₹10,500 <del>₹15,000</del> per night</p>
+    </div>
+       <div class="location-card" style="background-image: url('https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
+      <h3>Bali</h3>
+      <ul>
+              <li>Adventure in Bali</li>
+        li>Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!</li>
+
+      </ul>
+      <p><strong>Price:</strong> ₹10,500 <del>₹15,000</del> per night</p>
+    </div>
+    <!-- Add more cards as needed -->
+  </div>
+</section>
 
 
     <section id="benefits" class="benefits">