Hugging Face's logo

Spaces:
lokesh341
/
voicemenu143
Sleeping

App Files Community
lokesh341 commited on
Commit
be7f320
·
verified ·
1 Parent(s): ce58ca6

Update templates/menu_page.html

Browse files
Files changed (1) hide show
  1. templates/menu_page.html +61 -46
templates/menu_page.html CHANGED
@@ -5,54 +5,69 @@
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: #fff;
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: #333;
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
- #cart-summary {
48
- display: none;
49
- }
50
- </style>
51
- </head>
52
- <body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
 
54
  <div class="menu-container">
55
- <h1>Welcome to Biryani Hub</h1>
56
  <h3 id="category-title">Please select a category:</h3>
57
 
58
  <!-- Buttons for selecting categories -->
 
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: #fff;
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: #333;
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; /* Default green color */
39
+ color: white;
40
+ border: none;
41
+ border-radius: 5px;
42
+ cursor: pointer;
43
+ }
44
+ .order-btn:hover {
45
+ background-color: #45a049;
46
+ }
47
+
48
+ /* New styles for the category buttons */
49
+ #main-course-btn, #appetizer-btn {
50
+ padding: 10px 20px;
51
+ background-color: orange; /* Change button color to orange */
52
+ color: white;
53
+ border: none;
54
+ border-radius: 5px;
55
+ cursor: pointer;
56
+ font-size: 1.2rem;
57
+ margin: 10px 0;
58
+ }
59
+
60
+ #main-course-btn:hover, #appetizer-btn:hover {
61
+ background-color: #FF7F00; /* Darker orange for hover effect */
62
+ }
63
+
64
+ #cart-summary {
65
+ display: none;
66
+ }
67
+ </style>
68
 
69
  <div class="menu-container">
70
+ <h1>Welcome to Biryani Hub menu</h1>
71
  <h3 id="category-title">Please select a category:</h3>
72
 
73
  <!-- Buttons for selecting categories -->