Hugging Face's logo

Spaces:
Subbu1304
/
samplemenu
Sleeping

App Files Community
Subbu1304 commited on
Commit
446e8dc
·
verified ·
1 Parent(s): d6595a3

Create templets/menu.html

Browse files
Files changed (1) hide show
  1. templets/menu.html +121 -0
templets/menu.html ADDED
@@ -0,0 +1,121 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Restaurant Menu - Biryani Hub</title>
7
+ <style>
8
+ body {
9
+ font-family: 'Arial', sans-serif;
10
+ background: linear-gradient(135deg, #f4c542, #ff8f6a);
11
+ text-align: center;
12
+ padding: 30px;
13
+ }
14
+ h1 {
15
+ color: white;
16
+ font-size: 40px;
17
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
18
+ }
19
+ .menu-container {
20
+ background-color: white;
21
+ padding: 20px;
22
+ border-radius: 10px;
23
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
24
+ display: inline-block;
25
+ width: 60%;
26
+ margin-top: 20px;
27
+ }
28
+ .menu-item {
29
+ display: flex;
30
+ justify-content: space-between;
31
+ border-bottom: 1px solid #f1f1f1;
32
+ padding: 10px 0;
33
+ }
34
+ .menu-item:last-child {
35
+ border-bottom: none;
36
+ }
37
+ .menu-item h3 {
38
+ margin: 0;
39
+ font-size: 20px;
40
+ color: #333;
41
+ }
42
+ .menu-item p {
43
+ margin: 0;
44
+ color: #888;
45
+ }
46
+ .price {
47
+ font-weight: bold;
48
+ color: #ff6a00;
49
+ }
50
+ button {
51
+ padding: 10px 20px;
52
+ background-color: #ff6a00;
53
+ color: white;
54
+ border: none;
55
+ border-radius: 5px;
56
+ cursor: pointer;
57
+ font-size: 16px;
58
+ margin-top: 20px;
59
+ }
60
+ button:hover {
61
+ background-color: #e65e00;
62
+ }
63
+ </style>
64
+ </head>
65
+ <body>
66
+ <h1>Welcome to Biryani Hub!</h1>
67
+
68
+ <div class="menu-container">
69
+ <h2>Menu</h2>
70
+
71
+ <!-- Sample Menu Items -->
72
+ <div class="menu-item">
73
+ <div>
74
+ <h3>Biryani</h3>
75
+ <p>Delicious traditional biryani made with aromatic spices.</p>
76
+ </div>
77
+ <div class="price">₹200</div>
78
+ </div>
79
+
80
+ <div class="menu-item">
81
+ <div>
82
+ <h3>Paneer Tikka</h3>
83
+ <p>Grilled cottage cheese marinated with spices.</p>
84
+ </div>
85
+ <div class="price">₹150</div>
86
+ </div>
87
+
88
+ <div class="menu-item">
89
+ <div>
90
+ <h3>Butter Chicken</h3>
91
+ <p>Delicious chicken cooked in creamy tomato sauce.</p>
92
+ </div>
93
+ <div class="price">₹250</div>
94
+ </div>
95
+
96
+ <div class="menu-item">
97
+ <div>
98
+ <h3>Garlic Naan</h3>
99
+ <p>Soft naan bread with a hint of garlic.</p>
100
+ </div>
101
+ <div class="price">₹80</div>
102
+ </div>
103
+
104
+ <div class="menu-item">
105
+ <div>
106
+ <h3>Gulab Jamun</h3>
107
+ <p>Sweet syrup-soaked dumplings.</p>
108
+ </div>
109
+ <div class="price">₹120</div>
110
+ </div>
111
+
112
+ <button onclick="placeOrder()">Place Order</button>
113
+ </div>
114
+
115
+ <script>
116
+ function placeOrder() {
117
+ alert("Your order has been placed! Enjoy your meal.");
118
+ }
119
+ </script>
120
+ </body>
121
+ </html>