-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (161 loc) · 8.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#546d6c">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="Brewbucks serving the finest coffee since 2005">
<meta name="theme-color" content="#297529">
<meta name="msapplication-TileColor" content="#546d6c">
<meta name="theme-color" content="#546d6c">
<title>Brewbucks | Serving the finest coffee since 2005</title>
<link rel="stylesheet" href="./style.css">
<script src="https://kit.fontawesome.com/88bca0ed81.js" crossorigin="anonymous"></script>
</head>
<body>
<main>
<div class="wrapper">
<div class="logo">
<img src="./img/logo.webp" alt="brewbucks company logo">
</div>
<!--OPENING TIMES-->
<div class="opening-times">
<table>
<thead>
<tr>
<td colspan="2">opening times</td>
</tr>
</thead>
<tbody>
<tr>
<th>monday</th>
<td>10:00am - 5:00pm</td>
</tr>
<tr>
<th>tuesday</th>
<td>9:00am - 5:30pm</td>
</tr>
<tr>
<th>wednesday</th>
<td>9:00am - 5:30pm</td>
</tr>
<tr>
<th>thursday</th>
<td>9:00am - 5:30pm</td>
</tr>
<tr>
<th>friday</th>
<td>7:00am - 5:00pm</td>
</tr>
<tr>
<th>saturday</th>
<td>closed</td>
</tr>
<tr>
<th>sunday</th>
<td>closed</td>
</tr>
</tbody>
</table>
<div class="reservations">
<h1>reservations</h1>
<p>Interested in checking out our cozy little Café ? Then i highly reccomend that you get in touch with us, we normally are completely packed out and we wouldn't you to miss out on coming to grab a delicious beverage or something to eat. You don't have to though you could always just drop by and try to get a table, we can also set your food and drink aside if you wanted to let us know ahead of time, either way feel free to use the contact information below.</p>
<div class="contact">
<ul>
<li><i class="fa-solid fa-phone"></i><p>Phone : 0800-555-893</p></li>
<li><i class="fa-solid fa-envelope"></i><p>Email : Brewstee@Coomail.coo</p></li>
<li><i class="fa-solid fa-paper-plane"></i><p>Fax : 212-2495-047645</p></li>
</ul>
</div>
</div>
</div>
<!--MENU-->
<div class="menu">
<h2>café menu</h2>
<div class="content">
<div class="dishes">
<h3>coffee ☕</h3>
<p>Roasted with some of the finest quality beans, enjoy the sweet aroma of a fine cup of coffee, can be served with pigeon milk or if you prefer, black.</p>
</div>
<div class="dishes">
<h3>tea 🧋</h3>
<p>Comes in a variety of flavours, ranging from Jasmine all the way to Cammomile and beyond. If standard cups of tea are more your thing, we have those too.</p>
</div>
<div class="dishes">
<h3>sablé cookie 🍪</h3>
<p>Delicious cookies, known far and wide as one of the most delicious cookies you could ever eat, comes in different varities, such as chocolate chip and ginger.</p>
</div>
<div class="dishes">
<h3>panini's 🥪</h3>
<p>Freshly made every morning, we have a huge offering of ingredients which are locally sourced from local farmers and islanders, all healthy all natural.</p>
</div>
</div>
</div>
<!--ABOUT-->
<div class="about">
<img width="1280" height="720" src="./img/cafe.webp" alt="brewster cafe art">
<div class="content">
<h2>our cozy little café</h2>
<p>Welcome to Brewbucks our cozy little café, me and my wife decided to open this cozy little place, which we call our home away from home. We agreed to open it at the tail end of 2005. We thought since it's a wild world out there, why not open a lovely little cozy place to serve some delicious food and drinks.</p>
<p>We have made a few renovations throughtout the years, our goal was always keep the cozy café vibe throughout all the changes we had made. We always felt like we want anyone who came in to feel right at home when they would visit us here at Brewbucks.</p>
<p>We cater for pretty much everyone, offering drinks that cater to both the tea and coffee loving crowd, as well as having a variety of food that is both vegeterian and vegan friendly.</p>
</div>
</div>
<!--ENTERTAINMENT-->
<div class="entertainment">
<div class="content">
<h2>K.K slider & gulliver</h2>
<p>We are incredibly proud to announce that we will be having the world renown artist K.K Slider performing at our cozy little café, along with the extremely talented Gulliver who will also have a regular slot.</p>
<p>Both of these incredible artists will be performing here at Brewbucks once a month. K.K Slider will be performing on the third thursday of every month, he will be performing a vast modicum of his most famous songs, you can expect to hear classics such as Welcome New Horizons and Love Song amongst many others.</p>
<p>Gulliver will be performing a stand up routine every other monday, we guarantee that these are two acts you don't want to miss out on.</p>
<p>* Dates and times are subject to change</p>
</div>
<img width="1280" height="720" src="./img/entertainment.webp" alt="kk slider and gulliver art">
</div>
</div>
<!--FOOTER-->
<footer>
<div class="links">
<h3>quick links</h3>
<ul>
<li><a href="#">F.A.Q</a></li>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">careers</a></li>
</ul>
</div>
<div class="links">
<h3>useful links</h3>
<ul>
<li><a href="#">terms of use</a></li>
<li><a href="#">privacy policy</a></li>
<li><a href="#">cookie policy</a></li>
</ul>
</div>
<div class="links">
<h3>fairtrade</h3>
<ul>
<li><a href="#">cocoa beans</a></li>
<li><a href="#">tea leafs</a></li>
<li><a href="#">coffee beans</a></li>
<li><a href="#">farmers association</a></li>
</ul>
</div>
<div class="links">
<h3>social</h3>
<ul>
<li><a href="#"><i class="fa-brands fa-facebook"></i>facebook</a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i>twitter</a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i>instagram</a></li>
<li><a href="#"><i class="fa-brands fa-youtube"></i>youtube</a></li>
</ul>
</div>
</footer>
</main>
</body>
</html>