-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
163 lines (145 loc) · 7.02 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
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CoffeeRoasters About</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header class="header">
<div class="container header__container">
<a href="#">
<img class="logo" src="img/logo.svg" alt="Logo icon">
</a>
<button class="header__burger">
<span class="header__burger-inner"></span>
</button>
<nav class="header__navbar">
<ul class="navbar__list">
<li class="navbar__list-item nav-item"><a class="header__nav-link" href="index.html">home</a>
</li>
<li class="navbar__list-item nav-item nav-item--active"><a class="header__nav-link" href="about.html">about us</a></li>
<li class="navbar__list-item nav-item"><a class="header__nav-link" href="subscribe.html">create your
plan</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="about-intro">
<div class="about-intro__container container">
<h1 class="visually-hidden">Coffeeroasters about page</h1>
<div class="intro__caption">
<h2 class="intro__caption-title">About Us</h2>
<p class="intro__caption-description">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>
</div>
</div>
<section class="commitment">
<div class="commitment__container container">
<!-- ::before img -->
<div class="commitment__caption">
<h2 class="commitment__caption-title">Our commitment</h2>
<p class="commitment__caption-description">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>
</div>
</section>
<section class="quality">
<div class=" quality__container container">
<div class="quality__caption">
<h2 class="quality__caption-title">Uncompromising quality</h2>
<p class="quality__caption-description">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>
<!-- <span></span> ::before background img or span background img -->
</div>
</section>
<section class="offices">
<div class="offices__container container">
<h2 class="offices__title">Our headquarters</h2>
<ul class="offices__list">
<li class="offices__list-item item--UK">
<h3 class="country-title">United Kingdom</h3>
<P class="office__address">68 Asfordby Rd <br>
Alcaston <br>
SY6 1YA <br>
+44 1241 918425</P>
</li>
<li class="offices__list-item item--CA">
<h3 class="country-title">Canada</h3>
<p class="office__address">1528 Eglinton Avenue <br>
Toronto <br>
Ontario M4P 1A6 <br>
+1 416 485 2997</p>
</li>
<li class="offices__list-item item--AU">
<h3 class="country-title">Australia</h3>
<p class="office__address">36 Swanston Street <br>
Kewell <br>
Victoria <br>
+61 4 9928 3629</p>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer index__footer">
<div class="footer__container container">
<nav class="footer__nav">
<a href="#">
<img src="img/footer-logo.svg" alt="logo icon" class="footer__logo logo-icon">
</a>
<ul class="footer__list">
<li class="footer__list-item">
<a href="index.html">Home</a>
</li>
<li class="footer__list-item footer--active">
<a href="#">About us</a>
</li>
<li class="footer__list-item">
<a href="subscribe.html">Create your plan</a>
</li>
</ul>
<ul class="footer__social-list style-style-lit">
<li class="footer__social-item">
<a href="https://facebook.com" target="_blank" class="facebook-icon"></a>
</li>
<li class="footer__social-item">
<a href="https://twitter.com" target="_blank" class="twitter-icon"></a>
</li>
<li class="footer__social-item">
<a href="https://instagram.com" target="_blank" class="instagram-icon"></a>
</li>
</ul>
</nav>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>