-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.html
161 lines (158 loc) · 9.65 KB
/
Home.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>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Navbar Icons library -->
<link rel="stylesheet" href="stylingcs.css">
<!--Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&family=Merriweather:wght@300&display=swap" rel="stylesheet">
<!--Font Awesome Icons-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" integrity="sha512-Cv93isQdFwaKBV+Z4X8kaVBYWHST58Xb/jVOcV9aRsGSArZsgAnFIhMpDoMDcFNoUtday1hdjn0nGp3+KZyyFw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--Animation CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"/>
<!-- Primary Meta Tags -->
<title>Matata Kahawa Bistro</title>
<meta name="title" content="Matata Kahawa Bistro">
<meta name="description" content="Thanks to our skilled baristas, you are guaranteed the perfect cup of coffee.
There's a wide selection of hot beverages & fresh quick to go meals.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://github.com/NSM722/Coffee_Shop_Website">
<meta property="og:title" content="Matata Kahawa Bistro">
<meta property="og:description" content="Thanks to our skilled baristas, you are guaranteed the perfect cup of coffee.
There's a wide selection of hot beverages & fresh quick to go meals.">
<meta property="og:image" content="https://opengraph.githubassets.com/3e50aa38ca9e9bbb64a4dc15bfc6c6285b859f843da3c849ab36d4658f9a952e/NSM722/Coffee_Shop_Website">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://github.com/NSM722/Coffee_Shop_Website">
<meta property="twitter:title" content="Matata Kahawa Bistro">
<meta property="twitter:description" content="Thanks to our skilled baristas, you are guaranteed the perfect cup of coffee.
There's a wide selection of hot beverages & fresh quick to go meals.">
<meta property="twitter:image" content="https://opengraph.githubassets.com/3e50aa38ca9e9bbb64a4dc15bfc6c6285b859f843da3c849ab36d4658f9a952e/NSM722/Coffee_Shop_Website">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="Home.html"><img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997128/main_logo_mgi7bc.png" alt="Logo" width="260px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="Home.html"><i class="fas fa-house-user"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="Menu.html"><i class="fas fa-coffee"></i> Menu</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="About.html"><i class="fas fa-info-circle"></i> About</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="Team.html"><i class="fas fa-users"></i> Team</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="Contact.html"><i class="fas fa-address-book"></i> Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="mt-1 p-1 bg-dark text-white"> <!--animate__flipInX animated rubberBand-->
<div class="container text-center">
<h3 class="animated rubberBand" id="jumbotron">Welcome to our coffee shop</h3>
</div>
</div>
<div class="container-fluid my-1">
<div class="row">
<div class="col px-0">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1638271219/Cafe_Bar_dpyu2j.jpg" alt="Cafe_Bar" width="100%" height="500">
</div>
</div>
</div>
<div class="container-fluid my-1">
<div class="row">
<div class="col-md-7">
<h5>Explore delicious coffee</h5>
<p>
Want to have a good time and to drink some coffee?<br>
We open Monday to Saturday from <time datetime="11:00 to 20:00">11am to 8pm</time>.
<br><h5>Come to our cafe</h5>
Our Cafe was created by the owners of Mobirise eCommerce Website Builder to bring endeavor ready clients,
locals, and travelers a truly unique coffee experience.<br>
<br>The way to excellent coffee is good preparation. We offer a wide range of coffee makers to help you reach this goal.
We are on hand to advise you and help you find the right coffee maker for your needs from filter coffee makers like
Chemex carafes to coffee grinders and home espresso machines.
You will find everything you need to enjoy your coffee<br>
</p>
</div>
<div class="col-md-5 my-1">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997129/bg.jpg" alt="coffee" width="100%" height="300">
</div>
</div>
</div>
<div class="container-fluid my-3">
<div class="row">
<div class="col-md-5 mr-0">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997128/roasting_ux15qs.jpg" alt="coffee" width="100%" height="300">
</div>
<div class="col-md-7 ml-0 my-1">
<p>
<h5>Fast Cooking</h5>
Our preferred, straightforward and also unique method of developing cool coffee.
We strongly believe that you have the right to know how your coffee is cultivated.
Kenyan coffee is 100% organically grown. Every year we taste many different highland coffees and keep in touch with our coffee farmers.
We buy the coffee personally on site, roast it in our own roasting plant and send the coffee climate-neutrally to your home.<br>
<br>
<h5>Impact</h5>
With every cup of coffee you contribute to improving the lives of coffee farmers in the countries of origin.
We are the Cafe with a bold vision to make a distinction in both our neighborhood and also worldwide neighborhoods.
</p>
</div>
</div>
</div>
<div class="container-fluid my-3">
<div class="row" id="Randomusers">
<p id="Randomusers_headline">Our delighted customers are from all over the world</p>
<!--Random users API-->
</div>
</div>
<div class="container-fluid my-3">
<div class="row">
<div class="col-md-5">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1637085362/delivery_hpuqc6.jpg" alt="delivery guy" width="100%" height="300">
</div>
<div class="col-md-7">
<p>
<h5>Free Delivery</h5>
We are the Cafe with a bold vision to make a distinction in both our neighborhood and also worldwide neighborhoods.
For us, direct trade means direct communication and long-term relationships with producers.<br>
<br>We are currently only able to deliver to delivery addresses within Hamburg city.
<br>Would you like to return or exchange a purchased product? No problem: under the legal right of withdrawal,
you can return the goods to us within 14 days of receipt of your delivery without giving reasons
</p>
</div>
</div>
</div>
<footer>
<div class="container" id="mainfooter">
<p id="copyrights">Copyright © MKB Enterprises LLC 2021.</p>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-->
<script src="navbar.js"></script>
</body>
</html>