-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
162 lines (152 loc) · 5.26 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./icons8_coffee_to_go.ico"
/>
<title>About - Coffeeroasters</title>
<link rel="stylesheet" href="./style/style.css" />
</head>
<body>
<main>
<nav>
<svg
onclick="document.location='./index.html'"
class="nav-logo"
role="img"
>
<use xlink:href="sprite.svg#logo"></use>
</svg>
<div id="navigation">
<ul>
<li><a href="./index.html">HOME</a></li>
<li>ABOUT US</li>
<li><a href="./plan.html">CREATE YOUR PLAN</a></li>
</ul>
</div>
<div id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</nav>
<div class="modal-menu hidden">
<ul>
<li><a href="./index.html">Home</a></li>
<li>About Us</li>
<li><a href="./plan.html">Create Your Plan</a></li>
</ul>
</div>
<div class="card card--about">
<h1>About us</h1>
<p>
Coffeeroasters began its journey of exotic discovery in 1999,
highlighting stories of coffee from around the world. We have since
been dedicated to bring the perfect cup - from bean to brew - in every
shipment.
</p>
</div>
<section class="commitment">
<div class="card card--commitment"></div>
<div class="commitment__text">
<h1>Our commitment</h1>
<p>
We’re built on a simple mission and a commitment to doing good along
the way. We want to make it easy for you to discover and brew the
world’s best coffee at home. It all starts at the source. To locate
the specific lots we want to purchase, we travel nearly 60 days a
year trying to understand the challenges and opportunities in each
of these places. We collaborate with exceptional coffee growers and
empower a global community of farmers through with well above
fair-trade benchmarks. We also offer training, support farm
community initiatives, and invest in coffee plant science. Curating
only the finest blends, we roast each lot to highlight tasting
profiles distinctive to their native growing region.
</p>
</div>
</section>
<section class="quality card">
<div class="quality-img"></div>
<div class="quality-text">
<h1>Uncompromising quality</h1>
<p>
Although we work with growers who pay close attention to all stages
of harvest and processing, we employ, on our end, a rigorous quality
control program to avoid over-roasting or baking the coffee dry.
Every bag of coffee is tagged with a roast date and batch number.
Our goal is to roast consistent, user-friendly coffee, so that
brewing is easy and enjoyable.
</p>
</div>
</section>
<section class="headquarters">
<h2>Our headquarters</h2>
<div class="countries">
<div class="country">
<svg class="illustration" role="img">
<use xlink:href="sprite.svg#illustration-uk"></use>
</svg>
<h1>United Kingdom</h1>
<ul>
<li>68 Asfordby Rd</li>
<li>Alcaston</li>
<li>SY6 1YA</li>
<li>+44 1241 918425</li>
</ul>
</div>
<div class="country">
<svg class="illustration" role="img">
<use xlink:href="sprite.svg#illustration-canada"></use>
</svg>
<h1>Canada</h1>
<ul>
<li>1528 Eglinton Avenue</li>
<li>Toronto</li>
<li>Ontario M4P1A6</li>
<li>+1 416 485 2997</li>
</ul>
</div>
<div class="country">
<svg class="illustration" role="img">
<use xlink:href="sprite.svg#illustration-australia"></use>
</svg>
<h1>Australia</h1>
<ul>
<li>36 Swanston Street</li>
<li>Kewell</li>
<li>Victoria</li>
<li>+61 4 9928 3629</li>
</ul>
</div>
</div>
</section>
<footer>
<svg class="logo" role="img">
<use xlink:href="sprite.svg#logo-white"></use>
</svg>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About us</a></li>
<li><a href="./plan.html">Create your plan</a></li>
</ul>
<div class="socials">
<svg class="icon" role="img">
<use xlink:href="sprite.svg#icon-facebook"></use>
</svg>
<svg class="icon" role="img">
<use xlink:href="sprite.svg#icon-instagram"></use>
</svg>
<svg class="icon" role="img">
<use xlink:href="sprite.svg#icon-twitter"></use>
</svg>
</div>
</footer>
</main>
<script src="./js/script.js"></script>
</body>
</html>