Skip to content

Commit

Permalink
change in index.html in classes deal-item and deals-section
Browse files Browse the repository at this point in the history
  • Loading branch information
prachitriv committed Oct 16, 2024
1 parent 424b98f commit c884c79
Showing 1 changed file with 9 additions and 6 deletions.
15 changes: 9 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -459,8 +459,8 @@ <h3>Flight to Dubai</h3>

<!-- Deal 2: Hotel Offer -->

<div class="deal-item" style="height: 311.6px;width: 266.66px;">
<div class="header2">
<div class="deal-item" >
<div class="header1">
<h3>Luxury Stay in Goa</h3>
<p>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 <span class="discount"> ₹15,000</span> per night</p>
Expand All @@ -478,7 +478,7 @@ <h3>Kerala Backwaters Package</h3>

<!-- Deal 4: International Trip -->
<div class="deal-item">
<div class="header2">
<div class="header1">
<h3>Paris Romantic Getaway</h3>
<p>Enjoy a romantic trip to Paris with your loved one. Special package for couples!</p>
<p><strong>Price:</strong> ₹1,20,000 <span class="discount"> ₹1,50,000</span> per couple</p>
Expand All @@ -496,7 +496,7 @@ <h3>Adventure in Bali</h3>

<!-- Deal 6: Ski Trip in Switzerland -->
<div class="deal-item">
<div class="header2">
<div class="header1">
<h3>Ski Trip in Switzerland</h3>
<p>Hit the slopes with an amazing package for skiing in the Swiss Alps. All equipment included!</p>
<p><strong>Price:</strong> ₹75,000 <span class="discount">₹90,000</span> per person</p>
Expand All @@ -521,6 +521,9 @@ <h3>Wildlife Safari in Kenya</h3>
/* Existing CSS */
.deals-section {
text-align: center;
padding: 58px 20px;
background-color: #f8f9fa;

}

.carousel {
Expand All @@ -537,12 +540,12 @@ <h3>Wildlife Safari in Kenya</h3>
}

.deal-item {
min-width: calc(100% / 3); /* Show 3 cards */
min-width: 260px; /* Show 3 cards */
box-sizing: border-box;
padding: 20px;
border: 1px solid #150f0f;
border-radius: 8px;
margin: 10px;
margin: 3px;
transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

Expand Down

0 comments on commit c884c79

Please sign in to comment.