-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmenu.html
More file actions
304 lines (228 loc) · 8.41 KB
/
menu.html
File metadata and controls
304 lines (228 loc) · 8.41 KB
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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!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>Menu</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<section class="flex">
<a href="#home" class="logo"><img src="images/logo.png" alt=""></a>
<nav class="navbar">
<a href="index.html">home</a>
<a href="index.html#about">about</a>
<a href="#">menu</a>
<a href="index.html#gallery">gallery</a>
<a href="index.html#team">team</a>
<a href="index.html#contact">contact</a>
</nav>
<div id="menu-btn" class="fas fa-bars"></div>
</section>
</header>
<!-- header section ends -->
<!-- home section starts -->
<!-- <div class="home-bg">
<section class="home" id="home">
<div class="content">
<h3>Coffee heaven</h3>
<p>Coffee Heaven is a haven for coffee enthusiasts and caffeine aficionados alike.
This cozy, aromatic oasis beckons with the promise of rich,
freshly brewed coffee that awakens the senses and warms the soul.
From the moment you step inside.</p>
<a href="#about" class="btn">about us</a>
</div>
</section>
</div> -->
<!-- home section ends -->
<!-- about section starts -->
<!-- <section class="about" id="about">
<div class="image">
<img src="images/about-img.svg" alt="">
</div>
<div class="content">
<h3>A cup of coffee can complete your day</h3>
<p>A cup of coffee has the remarkable ability to complete your day in the most satisfying way.
Its aroma alone can awaken your senses, and that first sip delivers a burst of warmth and
comfort that's unmatched. Whether it's the morning ritual that kickstarts your day or the
afternoon pick-me-up that fuels your productivity,
coffee is a trusted companion.</p>
<a href="#menu" class="btn">our menu</a>
</div>
</section> -->
<!-- about section ends -->
<!-- facility section starts -->
<!-- <section class="facility">
<div class="heading">
<img src="images/heading-img.png" alt="">
<h3>Our facility</h3>
</div>
<div class="box-container">
<div class="box">
<img src="images/icon-1.png" alt="">
<h3>varieties of coffees</h3>
<p>There are numerous varieties of coffee available around the world,
each with its unique flavor profiles,
growing conditions, and processing methods.</p>
</div>
<div class="box">
<img src="images/icon-2.png" alt="">
<h3>Coffee beans</h3>
<p>Coffee beans are the seeds of the Coffea plant, and they are used to make
the beverage we know as coffee.</p>
</div>
<div class="box">
<img src="images/icon-3.png" alt="">
<h3>breakfast and sweets</h3>
<p>Breakfast and sweets are two distinct categories of food,
each with its own array of dishes and treats. </p>
</div>
<div class="box">
<img src="images/icon-4.png" alt="">
<h3>read to go coffee</h3>
<p>It seems like you're interested in "ready-to-go" coffee options. Ready-to-go coffee
typically refers to coffee that is pre-made or pre-packaged,
allowing for convenient and quick consumption.</p>
</div>
</div>
</section> -->
<!-- facility section ends -->
<!-- menu section starts -->
<section class="menu" id="menu">
<div class="heading">
<img src="images/heading-img.png" alt="">
<h3>popular menu</h3>
</div>
<div class="box-container">
<div class="box">
<img src="images/menu-1.png" alt="">
<h3>love you coffee</h3>
<a href="./checkout.html?amount=1.4&name=Love+you+coffee" class="btn">Order Now</a>
</div>
<div class="box">
<img src="images/menu-2.png" alt="">
<h3>Cappuccino</h3>
<a href="./checkout.html?amount=1.3&name=cappucino" class="btn">Order Now</a>
</div>
<div class="box">
<img src="images/menu-3.png" alt="">
<h3>Mocha coffee</h3>
<a href="./checkout.html?amount=1.5&name=mocha+coffee" class="btn">Order Now</a>
</div>
<div class="box">
<img src="images/menu-4.png" alt="">
<h3>Frappuccino</h3>
<a href="./checkout.html?amount=1.2&name=frappucino" class="btn">Order Now</a>
</div>
<div class="box">
<img src="images/menu-5.png" alt="">
<h3>black coffee</h3>
<a href="./checkout.html?amount=1.1&name=black+coffee" class="btn">Order Now</a>
</div>
<div class="box">
<img src="images/menu-6.png" alt="">
<h3>love heart coffee</h3>
<a href="./checkout.html?amount=1.6&name=love+heart+coffee" class="btn">Order Now</a>
</div>
</div>
</section>
<!-- menu section ends -->
<!-- gallery section starts -->
<!-- <section class="gallery" id="gallery">
<div class="heading">
<img src="images/heading-img.png" alt="">
<h3>Our gallery</h3>
</div>
<div class="box-container">
<img src="images/gallery-1.webp" alt="">
<img src="images/gallery-2.webp" alt="">
<img src="images/gallery-3.webp" alt="">
<img src="images/gallery-4.webp" alt="">
<img src="images/gallery-5.webp" alt="">
<img src="images/gallery-6.webp" alt="">
</div>
</section> -->
<!-- gallery section ends -->
<!-- team section starts -->
<!-- <section class="team" id="team">
<div class="heading">
<img src="images/heading-img.png" alt="">
<h3>Our team</h3>
</div>
<div class="box-container">
<div class="box">
<img src="images/our-team-1.jpg" alt="">
<h3>Kartik Chavan</h3>
</div>
<div class="box">
<img src="images/our-team-2.jpg" alt="">
<h3>Rajdip Patil</h3>
</div>
<div class="box">
<img src="images/our-team-3.jpg" alt="">
<h3>Navkar Bedmutha</h3>
</div>
</div>
</section> -->
<!-- team section ends -->
<!-- contact section starts -->
<!-- <section class="contact" id="contact">
<div class="heading">
<img src="images/heading-img.png" alt="">
<h3>Contact us</h3>
</div>
<div class="row">
<div class="image">
<img src="images/contact-img.svg" alt="">
</div>
<form id="contactForm">
<h3>Contact Us</h3>
<input type="text" name="name" id="name" required class="box" maxlength="20" placeholder="enter your name">
<input type="number" name="number" id="number" required class="box" maxlength="20" placeholder="enter your number" min="0" max="9999999999" onkeypress="if(this.value.length == 10) return false">
<textarea name="message" class="box" id="message" rows="5" cols="40" oninput=" placeholder="your message" required></textarea>
<div class="btn-container">
<input type="submit" id="SubmitBtn" value="send message" class="btn">
<div class="spinner-border loader" id="loader" role="status"></div>
</div>
</form>
</div>
</section> -->
<!-- contact section ends -->
<!-- footer section starts -->
<section class="footer ft-memu">
<!-- <div class="box-container">
<div class="box">
<i class="fas fa-envelope"></i>
<h3>Our email</h3>
<p>sandipstudents@gmail.com</p>
</div>
<div class="box">
<i class="fas fa-clock"></i>
<h3>Opening hours</h3>
<p>07:00am to 10:00pm</p>
</div>
<div class="box">
<i class="fas fa-map-marker-alt"></i>
<h3>shop location</h3>
<p>Nashik, CBS -422213</p>
</div>
<div class="box">
<i class="fas fa-phone"></i>
<h3>Contact number</h3>
<p>+918275648835</p>
</div>
</div> -->
<div class="credit"> © copyright @ 2024 by <a href="https://www.instagram.com/rajdip.585"><span>Rajdip Patil</span> </a>| All rights reserved! </div>
</section>
<!-- footer section ends -->
<!-- custom js file link -->
<script src="js/script.js"></script>
</body>
</html>