Merge pull request #1218 from dhruv8433/offers

added offers card
khushi-joshi-05 · Jul 2, 2024 · 98bc8c1 · 98bc8c1
2 parents b2d7b8f + 7eb6fda
commit 98bc8c1
Showing 1 changed file with 53 additions and 0 deletions.
diff --git a/Html-files/offers.html b/Html-files/offers.html
@@ -134,6 +134,59 @@
         </div>
       </div>
     </nav>
+<!-- Main Content -->
+<section id="explore-food" style="margin-top: 100px">
+	<div class="container">
+		<div class="row justify-content-center">
+
+			<!-- Card 1 -->
+			<div class="col-lg-4 col-md-6 mb-4">
+				<div class="card">
+					<img src="https://i.pinimg.com/564x/2f/f0/8c/2ff08cc9cbb5981bdfffa44f16f342f9.jpg"
+						class="card-img-top" alt="Offer 1" style="height: 200px; object-fit: cover; border-bottom: 5px solid; border-bottom-style: double;">
+					<div class="card-body">
+						<h5 class="card-title">50% Off on Burgers</h5>
+						<p class="card-text">Enjoy a 50% discount on all burgers today!</p>
+					</div>
+					<div class="card-footer">
+						<a href="#" class="btn btn-apply">Apply Now</a>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 2 -->
+			<div class="col-lg-4 col-md-6 mb-4">
+				<div class="card">
+					<img src="https://i.pinimg.com/564x/2f/f0/8c/2ff08cc9cbb5981bdfffa44f16f342f9.jpg"
+						class="card-img-top" alt="Offer 1" style="height: 200px; object-fit: cover; border-bottom: 5px solid; border-bottom-style: double;">
+					<div class="card-body">
+						<h5 class="card-title">Free Delivery</h5>
+						<p class="card-text">Get free delivery on orders above $30!</p>
+					</div>
+					<div class="card-footer">
+						<a href="#" class="btn btn-apply">Apply Now</a>
+					</div>
+				</div>
+			</div>
+
+			<!-- Card 3 -->
+			<div class="col-lg-4 col-md-6 mb-4">
+				<div class="card">
+					<img src="https://i.pinimg.com/564x/2f/f0/8c/2ff08cc9cbb5981bdfffa44f16f342f9.jpg"
+						class="card-img-top" alt="Offer 1" style="height: 200px; object-fit: cover; border-bottom: 5px solid; border-bottom-style: double;">
+					<div class="card-body">
+						<h5 class="card-title">Combo Deal</h5>
+						<p class="card-text">Buy 1 get 1 free on selected combos!</p>
+					</div>
+					<div class="card-footer">
+						<a href="#" class="btn btn-apply">Apply Now</a>
+					</div>
+				</div>
+			</div>
+
+		</div>
+	</div>
+</section>
 
     <!--explore food section-->
     <section id="explore-food">