-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
252 lines (250 loc) · 9.67 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="An Eat till you're filled' craving center for your edible needs."
/>
<title>ÁJẸ̀YÓ Food Hub</title>
<link
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<h1>Welcome to ÁJẸ̀YÓ Food Hub</h1>
<!-- MENU -->
<section class="menu-list">
<ul class="menu-list">
<li class="list-item">
About AFH
<section class="facebook">
<span class="fa-brands fa-facebook"></span>
</section>
<section class="twitter">
<span class="fa-brands fa-twitter"></span>
</section>
<section class="linkedin">
<span class="fa-brands fa-linkedin"></span>
</section>
</li>
<li class="list-item">
Our Menu
<svg
class="home"
width="38"
height="11"
viewBox="0 0 38 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9 1.02344V10.0234C9 10.4219 8.64844 10.7734 8.25 10.7734C7.82812 10.7734 7.5 10.4219 7.5 10.0234V5.52344H1.5V10.0234C1.5 10.4219 1.14844 10.7734 0.75 10.7734C0.328125 10.7734 0 10.4219 0 10.0234V1.02344C0 0.601562 0.328125 0.273438 0.75 0.273438C1.14844 0.273438 1.5 0.601562 1.5 1.02344V4.02344H7.5V1.02344C7.5 0.601562 7.82812 0.273438 8.25 0.273438C8.64844 0.273438 9 0.601562 9 1.02344ZM14.25 0.273438C17.1328 0.273438 19.5 2.61719 19.5 5.52344C19.5 8.40625 17.1328 10.7734 14.25 10.7734C11.3438 10.7734 9 8.40625 9 5.52344C9 2.61719 11.3438 0.273438 14.25 0.273438ZM14.25 9.25C16.3125 9.25 18 7.5625 18 5.5C18 3.46094 16.3125 1.77344 14.25 1.77344C12.1641 1.77344 10.5 3.4375 10.5 5.5C10.5 7.58594 12.1641 9.25 14.25 9.25ZM30 1.02344V10.0234C30 10.4219 29.6484 10.7734 29.25 10.7734C28.8281 10.7734 28.5 10.4219 28.5 10.0234V3.48438L25.3594 8.17188C25.0781 8.59375 24.3984 8.59375 24.1172 8.17188L21 3.48438V10C21 10.4219 20.6484 10.75 20.25 10.75C19.8281 10.75 19.5 10.4219 19.5 10V1C19.5 0.671875 19.7109 0.390625 20.0156 0.296875C20.3438 0.203125 20.6719 0.320312 20.8594 0.601562L24.75 6.41406L28.6172 0.601562C28.8047 0.320312 29.1328 0.203125 29.4609 0.296875C29.7656 0.390625 30 0.671875 30 1.02344ZM37.5 10C37.5 10.4219 37.1484 10.75 36.75 10.75H30.75C30.3281 10.75 30 10.4219 30 10V1C30 0.601562 30.3281 0.273438 30.75 0.273438H36.75C37.1484 0.273438 37.5 0.601562 37.5 1.02344C37.5 1.42188 37.1484 1.77344 36.75 1.77344H31.5V4.77344H35.25C35.6484 4.77344 36 5.10156 36 5.5C36 5.92188 35.6484 6.27344 35.25 6.27344H31.5V9.27344H36.75C37.1484 9.25 37.5 9.60156 37.5 10Z"
fill="black"
/>
</svg>
</li>
<li class="list-item">Operational Hours</li>
<li class="list-item">Contact us</li>
</ul>
</section>
<!-- MENU -->
<!-- HERO-IMAGE -->
<section class="hero-image1">
<img
class="hero-image1"
src="./images/american-shrimp-fried-rice-served-with-chili-fish-sauce-thai-food 1.png"
alt="American Shrimp Fried Rice"
/>
</section>
<!-- Tiny Paragraph -->
<section class="tiny-paragraph">
<p class="tiny-paragraph">ÁJẸ̀YÓ Food Hub</p>
</section>
<!-- About AFH -->
<h1>About AFH</h1>
<!--About text style -->
<section class="about-style">
<p>
ÁJẸ̀YÓ Food Hub: A Culinary Delight for Food Enthusiasts Welcome to ÁJẸ̀YÓ
Food Hub, a vibrant and delightful culinary haven that promises to
tantalize your taste buds and leave you craving for more. Nestled in the
heart of a bustling city, ÁJẸ̀YÓ Food Hub has become a go-to destination
for food enthusiasts seeking an unforgettable dining experience. At
ÁJẸ̀YÓ Food Hub, we pride ourselves on serving a diverse range of
delectable dishes that showcase the rich and vibrant flavors of our
cultural heritage. Our talented team of chefs meticulously crafts each
dish with love and passion, using only the freshest ingredients sourced
from local markets and trusted suppliers. Step into our canteen, and
you'll be greeted by an inviting ambiance that effortlessly blends
modern aesthetics with a hint of traditional charm. The spacious seating
arrangements, adorned with tasteful decor, create an atmosphere that is
both relaxing and vibrant, making it an ideal spot for family
gatherings, casual hangouts, or even a quick solo meal. Our menu boasts
an extensive selection of mouthwatering dishes that cater to a variety
of palates. Whether you're a fan of spicy delights, crave comfort food,
or seek vegetarian or vegan options, ÁJẸ̀YÓ Food Hub has something to
suit every culinary preference. From aromatic biryanis and flavorful
curries to sizzling kebabs and tantalizing street food, our menu is a
culinary journey through the rich tapestry of flavors that define our
cuisine.
</p>
</section>
<!-- About text style -->
<!-- About AFH -->
<a href="#top" id="backToTopd">Back To Top👆</a>
<!-- Our Menu -->
<h3>Our Menu</h3>
<!-- Table -->
<table>
<caption>
Our Foods
</caption>
<tr>
<th>Food</th>
<th>Price</th>
</tr>
<tr>
<td>Jolof Rice with Checken</td>
<td>N 1,500</td>
</tr>
<tr>
<td>Fried Rice with Checken</td>
<td>N 1,700</td>
</tr>
<tr>
<td>Pounded Yam with Agusi Soup</td>
<td>N 2,500</td>
</tr>
<tr>
<td>Pounded Yam with Efo Soup</td>
<td>N 2,500</td>
</tr>
<tr>
<td>Amala with Abula</td>
<td>N 2,000</td>
</tr>
<tr>
<td>Nkwobi</td>
<td>N 1,300</td>
</tr>
<tr>
<td>Peper Soup</td>
<td>N 1,000</td>
</tr>
</table>
<!-- Table -->
<!-- Our Menu -->
<a href="#top" id="backToTopdir">Back To Top👆</a><br />
<!-- Footer -->
<footer>© 2024 ÁJẸ̀YÓ Food Hub. All rights reserved.</footer>
<!-- Footer -->
<h1>ÁJẸ̀YÓ Food Hub Operational Hours</h1>
<!-- MENU -->
<section class="menu-list">
<ul class="menu-list">
<li class="list-item">Home</li>
<li class="list-item">About AFH</li>
<li class="list-item">Our Menu</li>
<li class="list-item">Contact us</li>
</ul>
</section>
<!-- HERO-IMAGE -->
<section class="hero-image2">
<img
class="hero-image2"
src="./images/Swallow.png"
alt="African Swallow meal"
/>
</section>
<!-- Tiny Paragraph -->
<section class="tiny-paragraph">
<p class="tiny-paragraph">Food for everyone</p>
</section>
<br />
<!-- Operational Info -->
<p class="opening-days">We are open 7days a week</p>
<section class="mon-sun1">
<p class="mon-sun">Sunday-Thursday</p>
</section>
<section class="time-week1">
<p class="time-week">11am-9pm</p>
</section>
<section class="mon-sun2">
<p class="mon-sun">Friday-Saturday</p>
</section>
<section class="time-week2">
<p class="time-week">11am-11pm</p>
</section>
<!-- Operational Info -->
<!-- HERO-IMAGE -->
<div>
<a href="#top" id="backToTopnk">Back To Top👆</a><br />
<!-- Footer -->
<footer>© 2024 ÁJẸ̀YÓ Food Hub. All rights reserved.</footer>
<!-- Footer -->
</div>
<br />
<h1>Contact us</h1>
<!-- MENU -->
<section class="menu-list">
<ul class="menu-list">
<li class="list-item">Home</li>
<li class="list-item">About AFH</li>
<li class="list-item">Our Menu</li>
<li class="list-item">Contact us</li>
</ul>
</section>
<!-- HERO-IMAGE -->
<section class="hero-image3">
<img
class="hero-image3"
src="./images/Jollof Spag.png"
alt=" Jollof Spaghetti Gourmet"
/>
</section>
<!-- Tiny Paragraph -->
<p class="tiny-paragraph">A taste for everyone</p>
<!-- Tiny Paragraph -->
<br />
<div>
<h2>Our Contact Form</h2>
<div class="container2">
<fieldset>
<legend>Send us A Message</legend>
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />
<label for="email">Email:</label>
<input type="email" id="email" name="email" required />
<label for="message">Your Message:</label>
<textarea id="message" name="message" rows="6" required></textarea>
</form>
</fieldset>
</div>
<input type="submit" value="Submit" />
<input type="reset" value="Reset" />
</div>
<h2>Our Location</h2>
<p class="tiny-paragraph">
258, Olateju Street, Mushin, Lagos State, Nigeria.
</p>
<p class="tiny-paragraph">
Phone:<span class="underline">23480 333 333 33</span>
</p>
<a href="#top" id="backToTopfind">Back To Top👆</a><br />
<!-- Footer -->
<footer>© 2024 ÁJẸ̀YÓ Food Hub. All rights reserved.</footer>
<!-- Footer -->
</body>
</html>