-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (118 loc) · 4.92 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Little Lemon Restaurant</title>
<meta name="description" content="The Official Website of The Little Lemon Restaurant, open 24/7, Seven days a week , 365 Days A year !">
<meta name="author" content="Paulino">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<img src="logo2.png" alt="Logo of the little lemon" width="600px" height="200px">
</header>
<nav>
<ul>
<div id="navbar">
<a href="index.html">Home</a>
<a href="#menu">Menu</a>
<a href="about.html">About</a>
<a href="#book">Book Now</a>
</div>
</ul>
</nav>
<main>
<section>
<article>
<h1>New</h1>
<h3>Discover our exciting new menu items that are sure to delight! From savory starters to decadent desserts, each dish is crafted with the freshest ingredients. Delve into bold flavors and experience the ultimate culinary adventure. Join us today and taste what’s new!</h3>
<img src="promo.png" alt="Image of sea food" width="100%">
</article>
</section>
<section>
<article>
<h1>Berger</h1>
<h3>Bite into bliss with our mouthwatering burgers! Juicy, grilled to perfection, and piled high with fresh toppings, each burger is a flavor explosion waiting to happen. Whether you prefer classic cheeseburgers or bold gourmet creations, we’ve got something to satisfy every craving. Treat yourself today and experience burger heaven</h3>
<img src="lunch.jpeg" width="80%" height="150px" alt="image of Burger" >
</article>
<article>
<h1>Pizza</h1>
<h3> Craving a slice of happiness? Our pizzas are crafted with the freshest ingredients, hand-tossed dough, and a blend of savory sauces and toppings that will delight your taste buds! Whether you love classic margherita or adventurous flavors, we have the perfect pizza just for you. Order now and indulge in a delicious experience that’ll keep you coming back for more!</h3>
<img src="pizza.jpg" width="80%" height="150px" alt="image of Pizza">
</article>
<article>
<h1>KFC</h1>
<h3>Craving something crispy and delicious? Dive into the world of KFC! Our iconic fried chicken, made with the Colonel’s secret blend of 11 herbs and spices, is a treat you won’t want to miss. Whether you’re sharing with friends or enjoying a solo feast, every bite is packed with flavor. Visit us today and experience the ultimate comfort food! </h3>
<img src="kfc.jpeg" width="80%" height="150px" alt="image of fried chicken ">
</article>
</section>
<hr>
<div class="menu" id="menu">
<h1 class="menu">OUR MENU</h1>
<table class="menu-t">
<tr>
<th>item</th>
<th>Price</th>
</tr>
<tr>
<td>Chicken Munchurian</td>
<td>15$</td>
</tr>
<tr>
<td>Pizza chicken</td>
<td>10$</td>
</tr>
<tr>
<td>Burger</td>
<td>5$</td>
</tr>
<tr>
<td>crispy chicken</td>
<td>12.5$</td>
</tr>
<tr>
<td>fried chicken</td>
<td>13$</td>
</tr>
<tr>
<td>pizza margreta</td>
<td>7.5$</td>
</tr>
</table>
<p>Visit Our Restaurant for the full menu !</p>
</div>
<div id="center-text">
<form id="center-text">
<h1 id="book">Book now</h1>
<div>
<label for="email_address">Email Address</label>
<input type="email" id="email_address" name="email_address" required>
</div>
<div>
<label for="booking_date">Date of Booking</label>
<input type="date" id="booking_date" name="booking_date">
</div>
<div>
<label for="people">Number of people</label>
<input type="number" id="people" min="1" max="8" name="people" required>
</div>
<div>
<label>
<input type="checkbox" id="agree" name="agree" required>
I agree to the cancellation policy
</label>
</div>
<button type="submit">Book Now</button>
</form>
</div>
</main>
<footer>
<img src="logo2.png" width="100Px" height="50px" alt="Small logo">
<div>
<p>copyright2024</p>
</div>
</footer>
</body>
</html>