-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
147 lines (144 loc) · 8.36 KB
/
About.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
<!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">
<!-- CSS style sheet-->
<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" />
<!--Animation CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"/>
<title>About</title>
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
<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="container my-3 text-center">
<div class="row">
<div class="col">
<p>
While we do everything in our power to roast and serve the happiest coffee feasible, coffee itself isn't really actually the core of our firm. It's our guests.
<br>We intend to nurture a sense of marvel with your experience and also communication with just what we do.We set new standards for fair coffee trade.<br>No distance is too far for the best coffees in the world.
We maintain direct relationships with our partners, paying them high prices for their unique coffees.
</p>
</div>
</div>
<!-- Carousel -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="4"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997128/worker_mggqp5.jpg" alt="worker in a field" class="d-block">
<div class="carousel-caption">
<h3>Our thriving team</h3>
<p>Lasting sustainable job creations</p>
</div>
</div>
<div class="carousel-item">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997128/about_us_j6cxhq.jpg" alt="togetherness" class="d-block">
<div class="carousel-caption">
<h3>Our team</h3>
<p>Together everyone achieves more</p>
</div>
</div>
<div class="carousel-item">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997128/philosophy_jgljaw.jpg" alt="philosophy" class="d-block">
<div class="carousel-caption">
<h3>Our philosophy</h3>
<p>Good coffee, good mood, good day</p>
</div>
</div>
<div class="carousel-item">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997129/coffee_beans_xyvd7y.jpg" alt="coffee beans" class="d-block">
<div class="carousel-caption">
<h3>Our coffee</h3>
<p>Aromatic beans from the Kenyan Plateaus</p>
</div>
</div>
<div class="carousel-item">
<img src="https://res.cloudinary.com/dxxysm630/image/upload/v1636997128/dark_beans_wst0xw.jpg" alt="coffee beans(dark)" class="d-block">
<div class="carousel-caption">
<h3>Our speed</h3>
<p>We create products you love</p>
</div>
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
<div class="container my-3 text-center">
<div class="row">
<div class="col">
<p>
Whether you buy a bag of coffee online, go to a the cafe or just occur to live down the street from one,
we wish you experience our commitment to surprising hospitality and joy-rooted excellence.
As a missional eCommerce Website Template Cafe focused on lasting options to poverty,
we turn profits into hope. We do this by creating a product you love.
<br>
<br>Direct communication is essential to build a relationship of mutual trust.<br>
<br>Our coffees come from direct trade relationships. For us, this means that we communicate regularly with our partner producers and visit them annually.
Direct communication is essential to build a relationship of mutual trust, to motivate improved coffee quality and to truly understand local living conditions.<br>
</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>
<!-- 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>
-->
</body>
</html>