forked from GeeteshPaidi/Restaurant-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
222 lines (220 loc) · 10 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>THE TABLE</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav>
<div class="logo">
<img src="pictures\logo.png" alt="WELCOME"> THE TABLE
</div>
<div class="sections">
<a href="#home">Home</a>
<a href="#menu">Menu</a>
<a href="#about">About Us</a>
<div class="cart">
<a href="cart.html"><img src="pictures\cart.png" alt="cart"></a>
<div class="item-count" id="item-counter">0</div>
</div>
</div>
</nav>
<main>
<section class="home" id="home">
<div class="content">
<img src="pictures\title.png" alt="THE TABLE">
<div class="subtitle">A place where you can find your favorite food</div>
<button><a href="#menu">Explore our Menu</a></button>
</div>
</section>
<section class="menu" id="menu">
<div id="notification"></div>
<div class="menu-list">
<div class="categories">
<b>TIFFINS</b>
<div class="items">
<img src="pictures\dosa.webp" alt="dosa">
<div class="desc">
Masala Dosa (1 pc)<br>
Vegetarian <br>
Price: 30
</div>
<button class="add-btn" id="1">Add</button>
</div>
<div class="items">
<img src="pictures\idly.jpeg" alt="idly">
<div class="desc">
Idly (3 pcs)<br>
Vegetarian <br>
Price: 25
</div>
<button class="add-btn" id="2">Add</button>
</div>
<div class="items">
<img src="pictures\chole.jpg" alt="chole Bhature">
<div class="desc">
Chole Bhature (2 pcs)<br>
Vegetarian <br>
Price: 35
</div>
<button class="add-btn" id="3">Add</button>
</div>
<div class="items">
<img src="pictures\vada.jpg" alt="Sambar Vada">
<div class="desc">
Sambar Vada (2 pcs)<br>
Vegetarian <br>
Price: 30
</div>
<button class="add-btn" id="4">Add</button>
</div>
</div>
<div class="categories">
<b>MEALS</b>
<div class="items">
<img src="pictures\full veg.webp" alt="fullmeal veg">
<div class="desc">
Full meals<br>
Vegetarian <br>
Price: 120
</div>
<button class="add-btn" id="5">Add</button>
</div>
<div class="items">
<img src="pictures\chickenb.jpeg" alt="chicken biryani">
<div class="desc">
Chicken Biryani<br>
Non Vegetarian <br>
Price: 200
</div>
<button class="add-btn" id="6">Add</button>
</div>
<div class="items">
<img src="pictures\MuttonBiryani.webp" alt="muttonbiryani">
<div class="desc">
Mutton Biryani<br>
Non Vegetarian <br>
Price: 300
</div>
<button class="add-btn" id="7">Add</button>
</div>
<div class="items">
<img src="pictures\vegb.jpg" alt="beg biryani">
<div class="desc">
Vegetable Biryani<br>
Vegetarian <br>
Price: 150
</div>
<button class="add-btn" id="8">Add</button>
</div>
</div>
<div class="categories">
<b>DESERTS</b>
<div class="items">
<img src="pictures\icecream.jpg" alt="ice cream">
<div class="desc">
Ice Cream <br>
(3 scoops)<br>
Price: 60
</div>
<button class="add-btn" id="9">Add</button>
</div>
<div class="items">
<img src="pictures\cake.webp" alt="cake">
<div class="desc">
Chocolate Cake <br>
(1 pc)<br>
Price: 40
</div>
<button class="add-btn" id="10">Add</button>
</div>
<div class="items">
<img src="pictures\gulabjam.webp" alt="gulabjam">
<div class="desc">
Gulab Jamun <br>
(4 pcs)<br>
Price: 30
</div>
<button class="add-btn" id="11">Add</button>
</div>
<div class="items">
<img src="pictures\choco cookies.jpg" alt="choco cookies">
<div class="desc">
Choco Cookies <br>
(4 pcs) <br>
Price: 20
</div>
<button class="add-btn" id="12">Add</button>
</div>
</div>
<div class="categories">
<b>BEVERAGES</b>
<div class="items">
<img src="pictures\milkshake.jpg" alt="milkshake">
<div class="desc">
Milkshake <br>
250 mL <br>
Price: 50
</div>
<button class="add-btn" id="13">Add</button>
</div>
<div class="items">
<img src="pictures\colddrink.webp" alt="colddrink">
<div class="desc">
Cold Drink <br>
200 mL <br>
Price: 20
</div>
<button class="add-btn" id="14">Add</button>
</div>
<div class="items">
<img src="pictures\juice.webp" alt="Juice">
<div class="desc">
Fruit Juice <br>
200 mL <br>
Price: 30
</div>
<button class="add-btn" id="15">Add</button>
</div>
<div class="items">
<img src="pictures\lemonade.jpg" alt="lemonade">
<div class="desc">
Lemonade <br>
250 mL <br>
Price: 15
</div>
<button class="add-btn" id="16">Add</button>
</div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="context">
<h3>ABOUT US</h3>
Welcome to The Table, a culinary heaven in the heart of Kharagpur. At The Table, we celebrate the art of dining, offering a menu that blends fresh, locally-sourced ingredients with international flair. Our warm and inviting ambiance sets the stage for unforgettable moments, whether it's an intimate dinner or a joyous celebration. Committed to sustainability, we take pride in supporting local producers. Join us at The Table, where every meal is a journey, and each visit is a cherished experience. Thank you for choosing The Table — where good food and genuine hospitality meet. <br>
We also offer catering services for your special events. Please contact us for more information.
</div>
<footer>
<div class="footer-section">
Follow us on Social Media
<a href="https://www.linkedin.com/in/geeteshchandrapaidi" target="_blank">Facebook</a>
<a href="https://www.instagram.com/geeteshchandrapaidi" target="_blank">Instagram</a>
<a href="https://www.twitter.com/" target="_blank">X (Twitter)</a>
</div>
<div class="footer-section">
<a href="https://www.google.com" target="_blank">Terms and Conditions</a>
<a href="#home" class="backtotop">Back to Top</a>
</div>
<div class="footer-section">
Contact Us <br>
Phone: 040-696969 <br>
email: [email protected]
</div>
</footer>
</section>
</main>
<script src="script.js" type="text/javascript"></script>
</body>
</html>