-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoffers.html
137 lines (115 loc) · 4.15 KB
/
offers.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Special Offers</title>
<style>
body {
font-family: Arial, sans-serif;
background: url("https://slidebazaar.com/wp-content/uploads/2022/05/Black-and-White-Background-Presentation-templates-SB02298.jpg");
padding: 0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em;
}
section {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.offerItem {
width: 300px;
margin: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
}
.offerItem img {
width: 100%;
height: 200px;
object-fit: cover;
border-bottom: 2px solid #ddd;
}
.offerItem .info {
padding: 15px;
}
.offerItem h3 {
margin: 0;
color: #333;
}
.offerItem p {
margin: 0;
color: #777;
}
.offerItem .price {
margin-top: 10px;
font-weight: bold;
color: #e44d26;
}
</style>
</head>
<body>
<header>
<h1>Special Offers</h1>
</header>
<section>
<div class="offerItem">
<img src="https://i.pinimg.com/originals/56/6d/73/566d73a079acf28257acbf03d57dfa55.jpg" alt="Offer 1">
<div class="info">
<h3>50% Off Lunch Combo</h3>
<p>Enjoy a delicious lunch combo at half the price!</p>
<p class="price">$9.99 <del>$19.99</del></p>
</div>
</div>
<div class="offerItem">
<img src="https://wtzupcity.com/upload/71163wtzupcitywkochieventkochicochinspecialdiwalidinnercasino.jpg" alt="Offer 2">
<div class="info">
<h3>Weekend Special Buffet</h3>
<p>Indulge in a variety of dishes with our weekend buffet.</p>
<p class="price">$15.99 <del>$24.99</del></p>
</div>
</div>
<div class="offerItem">
<img src="https://static.toiimg.com/thumb/imgsize-23456,msid-68229135,width-600,resizemode-4/68229135.jpg" alt="Offer 3">
<div class="info">
<h3>Restaurant offers</h3>
<p>Restaurant offers in Chandigarh: Up to 50% savings & more restaurant offers by Dineout.</p>
<p class="price">$10.99 <del>$18.99</del></p>
</div>
</div>
<!-- Add more offers as needed -->
</section>
<section>
<div class="offerItem">
<img src="https://img.freepik.com/free-psd/delicious-indian-recipe-banner-template_23-2149294654.jpg" alt="Offer 1">
<div class="info">
<h3>South Indian Combo | Food, Food poster design, Veg</h3>
<p>Enjoy a delicious lunch combo at half the price!</p>
<p class="price">$9.99 <del>$19.99</del></p>
</div>
</div>
<div class="offerItem">
<img src="https://sankalprestaurants.com/wp-content/uploads/2023/11/Sankalp_1200x800-2.jpg" alt="Offer 2">
<div class="info">
<h3>50% 0ff for thali</h3>
<p>SAN IDLI - South Indian Vegetarian Cuisine | Indian Restaurant|San Diego</p>
<p class="price">$15.99 <del>$24.99</del></p>
</div>
</div>
<div class="offerItem">
<img src="https://img.freepik.com/free-psd/indian-food-restaurant-landing-page-template-with-mandala-design_23-2149583565.jpg?size=626&ext=jpg&ga=GA1.1.1826414947.1699315200&semt=ais" alt="Offer 3">
<div class="info">
<h3> South Indian Food </h3>
<p>South Indian Restaurants in Naya Gaon, Chandigarh - Restaurants South Indian Naya Gaon</p>
<p class="price">$10.99 <del>$18.99</del></p>
</div>
</div>
<!-- Add more offers as needed -->
</section>
</body>
</html>