Hugging Face's logo

Spaces:
geethareddy
/
voicemenuspe
Running

App Files Community
lokesh341 commited on
Commit
0fe3729
·
verified ·
1 Parent(s): 3955ca9

Update templates/menu_page.html

Browse files
Files changed (1) hide show
  1. templates/menu_page.html +56 -63
templates/menu_page.html CHANGED
@@ -5,62 +5,62 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Biryani Hub Menu</title>
7
  <style>
8
- body {
9
- font-family: Arial, sans-serif;
10
- background-color: #f8f8f8;
11
- margin: 0;
12
- padding: 0;
13
- }
14
- .menu-container {
15
- max-width: 1200px;
16
- margin: 0 auto;
17
- padding: 20px;
18
- background-color: #4169E1;
19
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
20
- border-radius: 8px;
21
- margin-top: 50px;
22
- }
23
- h1 {
24
- text-align: center;
25
- font-size: 2.5rem;
26
- color: #87CEFA;
27
- margin-bottom: 30px;
28
- }
29
- .menu-item {
30
- border-bottom: 1px solid #eee;
31
- padding: 15px 0;
32
- display: flex;
33
- justify-content: space-between;
34
- align-items: center;
35
- }
36
- .order-btn {
37
- padding: 10px 20px;
38
- background-color: #4CAF50;
39
- color: white;
40
- border: none;
41
- border-radius: 5px;
42
- cursor: pointer;
43
- }
44
- .order-btn:hover {
45
- background-color: #45a049;
46
- }
47
- #main-course-btn, #appetizer-btn {
48
- padding: 10px 20px;
49
- background-color: orange;
50
- color: white;
51
- border: none;
52
- border-radius: 5px;
53
- cursor: pointer;
54
- font-size: 2.2rem;
55
- margin: 10px 0;
56
- }
57
- #main-course-btn:hover, #appetizer-btn:hover {
58
- background-color: #FF7F00;
59
- }
60
- #cart-summary, #place-order-summary {
61
- display: none;
62
- }
63
- </style>
64
  </head>
65
  <body>
66
 
@@ -160,12 +160,6 @@ function addToCart(itemName, quantity) {
160
  cart.push({ name: item.name, price: item.price, quantity: quantity });
161
  }
162
 
163
- // Function to find item in the menu
164
- function findItem(itemName) {
165
- const menu = menuData['Main Course'];
166
- return menu.find(item => item.name.toLowerCase() === itemName.toLowerCase());
167
- }
168
-
169
  // Function to display cart details
170
  function showCartDetails() {
171
  if (cart.length > 0) {
@@ -291,4 +285,3 @@ window.onload = function() {
291
 
292
  </body>
293
  </html>
294
-
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Biryani Hub Menu</title>
7
  <style>
8
+ body {
9
+ font-family: Arial, sans-serif;
10
+ background-color: #f8f8f8;
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+ .menu-container {
15
+ max-width: 1200px;
16
+ margin: 0 auto;
17
+ padding: 20px;
18
+ background-color: #4169E1;
19
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
20
+ border-radius: 8px;
21
+ margin-top: 50px;
22
+ }
23
+ h1 {
24
+ text-align: center;
25
+ font-size: 2.5rem;
26
+ color: #87CEFA;
27
+ margin-bottom: 30px;
28
+ }
29
+ .menu-item {
30
+ border-bottom: 1px solid #eee;
31
+ padding: 15px 0;
32
+ display: flex;
33
+ justify-content: space-between;
34
+ align-items: center;
35
+ }
36
+ .order-btn {
37
+ padding: 10px 20px;
38
+ background-color: #4CAF50;
39
+ color: white;
40
+ border: none;
41
+ border-radius: 5px;
42
+ cursor: pointer;
43
+ }
44
+ .order-btn:hover {
45
+ background-color: #45a049;
46
+ }
47
+ #main-course-btn, #appetizer-btn {
48
+ padding: 10px 20px;
49
+ background-color: orange;
50
+ color: white;
51
+ border: none;
52
+ border-radius: 5px;
53
+ cursor: pointer;
54
+ font-size: 2.2rem;
55
+ margin: 10px 0;
56
+ }
57
+ #main-course-btn:hover, #appetizer-btn:hover {
58
+ background-color: #FF7F00;
59
+ }
60
+ #cart-summary, #place-order-summary {
61
+ display: none;
62
+ }
63
+ </style>
64
  </head>
65
  <body>
66
 
 
160
  cart.push({ name: item.name, price: item.price, quantity: quantity });
161
  }
162
 
 
 
 
 
 
 
163
  // Function to display cart details
164
  function showCartDetails() {
165
  if (cart.length > 0) {
 
285
 
286
  </body>
287
  </html>