-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (185 loc) · 24.9 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!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="./assets/favicon-32x32.png">
<link rel="stylesheet" href="/app/css/styles.css">
<title>Coffeeroasters | Home</title>
<script src="/app/js/script.js" type="module"></script>
</head>
<body>
<header class="header p-x">
<a href="/index.html" class="header__logo" aria-label="Home">
<img src="/assets/shared/desktop/logo.svg" alt="Coffeeroasters logo" class="header__logo__img">
</a>
<nav class="header__nav">
<ul>
<li class="header__nav__item"><a href="/index.html" class="header__nav__link">Home</a></li>
<li class="header__nav__item"><a href="/about.html" class="header__nav__link">About Us</a></li>
<li class="header__nav__item"><a href="/plan.html" class="header__nav__link">Create Your Plan</a></li>
</ul>
</nav>
<button type="button" class="mobile-nav__toggle js-nav-toggle" aria-expanded="false" aria-label="Toggle Navigation">
<img src="/assets/shared/mobile/icon-hamburger.svg" alt="" class="js-toggle-open">
<img src="/assets/shared/mobile/icon-close.svg" alt="" class="hidden js-toggle-close">
</button>
<nav class="mobile-nav js-mobile-nav hidden">
<ul class="mobile-nav__list">
<li><a href="/index.html" class="mobile-nav__link">Home</a></li>
<li><a href="/about.html" class="mobile-nav__link">About Us</a></li>
<li><a href="/plan.html" class="mobile-nav__link">Create Your Plan</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero m-x">
<h1 class="hero__heading js-hero">Great coffee made simple.</h1>
<p class="hero__tagline js-hero">
Start your mornings with the world’s best coffees. Try our expertly curated artisan
coffees from our best roasters delivered directly to your door, at your schedule.
</p>
<a href="/plan.html" class="hero__cta button js-hero">Create your plan</a>
</section>
<section class="collection m-x m-b-lg">
<h2 class="collection__heading">our collection</h1>
<ul class="collection__list">
<li class="collection__item">
<div class="collection__item__pic">
<img src="/assets/home/desktop/image-gran-espresso.png" alt="Paper bag of coffee labelled Gran espresso" class="collection__item__img">
</div>
<div class="collection__item__info">
<h3 class="collection__item__heading">Gran Espresso</h3>
<p class="collection__item__description">
Light and flavorful blend with cocoa and black pepper for an intense experience
</p>
</div>
</li>
<li class="collection__item">
<div class="collection__item__pic">
<img src="/assets/home/desktop/image-planalto.png" alt="Paper bag of coffee labelled Planalto" class="collection__item__img">
</div>
<div class="collection__item__info">
<h3 class="collection__item__heading">Planalto</h3>
<p class="collection__item__description">
Brazilian dark roast with rich and velvety body, and hints of fruits and nuts
</p>
</div>
</li>
<li class="collection__item">
<div class="collection__item__pic">
<img src="/assets/home/desktop/image-piccollo.png" alt="Paper bag of coffee labelled Piccollo" class="collection__item__img">
</div>
<div class="collection__item__info">
<h3 class="collection__item__heading">Piccollo</h3>
<p class="collection__item__description">
Mild and smooth blend featuring notes of toasted almond and dried cherry
</p>
</div>
</li>
<li class="collection__item">
<div class="collection__item__pic">
<img src="/assets/home/desktop/image-danche.png" alt="Paper bag of coffee labelled Danche" class="collection__item__img">
</div>
<div class="collection__item__info">
<h3 class="collection__item__heading">Danche</h3>
<p class="collection__item__description">
Ethiopian hand-harvested blend densely packed with vibrant fruit notes
</p>
</div>
</li>
</ul>
</section>
<section class="why-us m-x m-b-lg">
<h2 class="why-us__heading">Why choose us?</h2>
<p class="why-us__tagline">A large part of our role is choosing which particular coffees will be featured in our range. This means working closely with the best coffee growers to give you a more impactful experience on every level.</p>
<div class="why-us__benefits">
<div class="why-us__card">
<div class="why-us__card__img">
<img src="/assets/home/desktop/icon-coffee-bean.svg" alt="">
</div>
<div class="why-us__card__copy">
<h3 class="why-us__card__heading">Best quality</h3>
<p class="why-us__card__tagline">Discover an endless variety of the world’s best artisan coffee from each of our roasters.</p>
</div>
</div>
<div class="why-us__card">
<div class="why-us__card__img">
<img src="/assets/home/desktop/icon-gift.svg" alt="">
</div>
<div class="why-us__card__copy">
<h3 class="why-us__card__heading">Exclusive benefits</h3>
<p class="why-us__card__tagline">Special offers and swag when you subscribe, including 30% off your first shipment.</p>
</div>
</div>
<div class="why-us__card">
<div class="why-us__card__img">
<img src="/assets/home/desktop/icon-truck.svg" alt="">
</div>
<div class="why-us__card__copy">
<h3 class="why-us__card__heading">Free shipping</h3>
<p class="why-us__card__tagline">We cover the cost and coffee is delivered fast. Peak freshness: guaranteed.</p>
</div>
</div>
</div>
</section>
<section class="how-to">
<h2 class="how-to__heading">How it works</h2>
<ol class="how-to__info">
<li class="how-to__step how-to--light__step">
<span class="how-to__step__circle"></span>
<h3 class="how-to__step__heading">Pick your coffee</h3>
<p class="how-to__step__details">
Select from our evolving range of artisan coffees. Our beans are ethically sourced and we pay fair prices for them. There are new coffees in all profiles every month for you to try out.
</p>
</li>
<li class="how-to__step how-to--light__step">
<span class="how-to__step__circle"></span>
<h3 class="how-to__step__heading">Choose the frequency</h3>
<p class="how-to__step__details">
Customize your order frequency, quantity, even your roast style and grind type.
Pause, skip or cancel your subscription with no commitment through our online portal.
</p>
</li>
<li class="how-to__step how-to--light__step">
<span class="how-to__step__circle"></span>
<h3 class="how-to__step__heading">Receive and enjoy!</h3>
<p class="how-to__step__details">
We ship your package within 48 hours, freshly roasted. Sit back and enjoy award-winning world-class coffees curated to provide a distinct tasting experience.
</p>
</li>
</ol>
<a href="/plan.html" class="button">Create your plan</a>
</section>
</main>
<footer class="footer m-x">
<div class="footer__logo">
<svg width="237" height="27" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 237 27" class="footer__logo__img"><title>Coffeeroasters logo</title><g fill-rule="nonzero" fill="none"><path d="M40.237 24.95c1.304 0 2.444-.237 3.422-.71.978-.474 1.755-1.124 2.331-1.95.576-.827.907-1.78.994-2.86.011-.199-.019-.345-.09-.438a.374.374 0 00-.268-.157.623.623 0 00-.27.066c-.092.044-.22.143-.382.297-.294.562-.712.962-1.255 1.199-.544.237-1.217.355-2.021.355-.804 0-1.521-.21-2.152-.628-.63-.419-1.127-1.047-1.491-1.884-.364-.838-.546-1.874-.546-3.108 0-.86.079-1.581.236-2.165.158-.584.38-1.022.669-1.314.287-.292.61-.438.97-.438.358 0 .635.138.83.413.196.276.294.683.294 1.223v1.058c0 .893.23 1.595.693 2.108.461.512 1.138.768 2.029.768.87 0 1.556-.25 2.062-.752.505-.501.757-1.193.757-2.074 0-.838-.241-1.595-.725-2.273-.483-.678-1.184-1.215-2.102-1.612-.919-.396-2.046-.595-3.382-.595-1.565 0-2.934.35-4.108 1.05a7.38 7.38 0 00-2.746 2.86C33.33 14.594 33 15.963 33 17.495c0 1.587.315 2.934.945 4.041a6.4 6.4 0 002.584 2.537c1.092.584 2.328.876 3.708.876zm15.728-.033c1.619 0 3.04-.336 4.262-1.008 1.222-.672 2.179-1.584 2.869-2.735.69-1.152 1.034-2.455 1.034-3.91 0-1.531-.33-2.881-.994-4.05a7.107 7.107 0 00-2.77-2.743c-1.185-.661-2.57-.992-4.157-.992-1.597 0-3.01.342-4.237 1.025-1.228.683-2.19 1.606-2.885 2.769-.696 1.162-1.043 2.47-1.043 3.925 0 1.521.331 2.86.994 4.017a7.067 7.067 0 002.779 2.719c1.19.656 2.572.983 4.148.983zm1.239-1.719c-.337.066-.666-.082-.987-.446-.32-.364-.624-.975-.912-1.835-.288-.86-.563-1.989-.823-3.388-.25-1.4-.392-2.551-.424-3.455-.033-.903.032-1.586.195-2.05.163-.462.413-.732.75-.81.337-.065.666.084.986.447.32.364.628.975.921 1.835.294.86.57 1.989.831 3.388.261 1.4.405 2.554.432 3.463.027.91-.043 1.595-.212 2.058-.168.463-.42.727-.757.793zm17.781 1.422c.511 0 .766-.254.766-.76 0-.22-.06-.394-.179-.521-.12-.127-.304-.207-.554-.24l-1.402-.215a.589.589 0 01-.448-.297c-.092-.166-.138-.402-.138-.711V11.579h1.157c.608 0 1.054-.105 1.336-.315.283-.209.424-.479.424-.81 0-.22-.068-.382-.204-.487-.136-.105-.328-.157-.578-.157H72.75l-.015-.087a1.998 1.998 0 00-.264-.64l-.07-.108a8.286 8.286 0 00-.905-1.09 36.96 36.96 0 01-1.075-1.158 6.526 6.526 0 01-.905-1.297 3.138 3.138 0 01-.367-1.488c0-.518.104-.914.31-1.19.207-.275.51-.413.913-.413.315 0 .549.09.7.273.153.181.229.465.229.85v1.472c0 .837.239 1.51.717 2.016.478.507 1.108.76 1.89.76.707 0 1.286-.217 1.736-.652.451-.435.677-1.088.677-1.959 0-.738-.19-1.419-.57-2.041-.38-.623-.954-1.121-1.72-1.496S72.302 1 71.139 1c-1.804 0-3.195.433-4.173 1.298-.977.865-1.466 2.019-1.466 3.462 0 .606.081 1.116.244 1.53.163.412.348.768.554 1.065l.554.802c.123.178.199.363.23.556l.01.097h-1.43a.83.83 0 00-.508.145L65.1 10a.637.637 0 00-.203.488c0 .198.054.366.162.504.11.137.288.267.538.388l.946.314c.206.088.347.185.423.29a.643.643 0 01.115.388v9.554c0 .286-.05.507-.147.66a.73.73 0 01-.408.315l-.7.215a.978.978 0 00-.432.297.77.77 0 00-.139.48c0 .231.068.41.204.537.136.126.312.19.53.19h8.996zm11.377 0c.51 0 .766-.254.766-.76 0-.22-.06-.394-.18-.521-.119-.127-.304-.207-.554-.24l-1.401-.215a.589.589 0 01-.448-.297c-.093-.166-.139-.402-.139-.711V11.579h1.157c.609 0 1.054-.105 1.337-.315.282-.209.423-.479.423-.81 0-.22-.067-.382-.203-.487-.136-.105-.329-.157-.579-.157h-2.414l-.015-.087a1.998 1.998 0 00-.264-.64l-.07-.108a8.286 8.286 0 00-.904-1.09 36.96 36.96 0 01-1.076-1.158 6.526 6.526 0 01-.904-1.297 3.138 3.138 0 01-.367-1.488c0-.518.103-.914.31-1.19.206-.275.51-.413.912-.413.315 0 .55.09.701.273.152.181.228.465.228.85v1.472c0 .837.24 1.51.718 2.016.478.507 1.108.76 1.89.76.706 0 1.285-.217 1.736-.652.45-.435.676-1.088.676-1.959 0-.738-.19-1.419-.57-2.041-.38-.623-.954-1.121-1.72-1.496S83.678 1 82.515 1c-1.803 0-3.194.433-4.172 1.298-.978.865-1.467 2.019-1.467 3.462 0 .606.082 1.116.245 1.53.163.412.347.768.554 1.065l.554.802c.122.178.198.363.229.556l.011.097h-1.43a.83.83 0 00-.509.145l-.053.045a.637.637 0 00-.204.488c0 .198.054.366.163.504.109.137.288.267.538.388l.945.314c.207.088.348.185.424.29a.643.643 0 01.114.388v9.554c0 .286-.049.507-.147.66a.73.73 0 01-.407.315l-.701.215a.978.978 0 00-.432.297.77.77 0 00-.138.48c0 .231.067.41.203.537.136.126.313.19.53.19h8.997zm9.11.33c1.38 0 2.598-.27 3.652-.81 1.054-.54 1.874-1.258 2.46-2.157.588-.898.881-1.887.881-2.966 0-.21-.038-.359-.114-.447a.353.353 0 00-.277-.132.64.64 0 00-.27.074c-.102.05-.22.146-.35.29-.228.705-.676 1.256-1.344 1.653-.668.396-1.437.595-2.306.595-1.359 0-2.445-.466-3.26-1.397-.478-.546-.816-1.273-1.013-2.18l-.016-.076h7.45c.472 0 .841-.125 1.11-.374l.064-.064c.272-.292.407-.692.407-1.199 0-1.168-.274-2.228-.823-3.181-.548-.954-1.333-1.708-2.355-2.265-1.021-.556-2.238-.835-3.65-.835-1.663 0-3.087.33-4.271.992a6.684 6.684 0 00-2.714 2.769c-.624 1.184-.937 2.564-.937 4.14 0 1.499.323 2.818.97 3.959A6.821 6.821 0 0091.463 24c1.152.634 2.489.95 4.01.95zm-2.127-8.878a12.966 12.966 0 01-.024-.791c0-1.036.076-1.851.229-2.446.152-.595.347-1.017.586-1.265.24-.248.506-.372.799-.372.38 0 .736.325 1.068.976.33.65.497 1.73.497 3.24 0 .462-.207.693-.62.693h-2.533l-.002-.035zm17.71 8.878c1.38 0 2.596-.27 3.65-.81 1.054-.54 1.875-1.258 2.461-2.157.587-.898.88-1.887.88-2.966 0-.21-.038-.359-.114-.447a.353.353 0 00-.277-.132.64.64 0 00-.269.074c-.103.05-.22.146-.35.29-.228.705-.676 1.256-1.345 1.653-.668.396-1.437.595-2.306.595-1.358 0-2.445-.466-3.26-1.397-.477-.546-.815-1.273-1.013-2.18l-.016-.076h7.451c.471 0 .841-.125 1.109-.374l.065-.064c.271-.292.407-.692.407-1.199 0-1.168-.274-2.228-.823-3.181-.549-.954-1.334-1.708-2.355-2.265-1.022-.556-2.239-.835-3.651-.835-1.663 0-3.086.33-4.27.992a6.684 6.684 0 00-2.714 2.769c-.625 1.184-.937 2.564-.937 4.14 0 1.499.323 2.818.97 3.959A6.821 6.821 0 00107.044 24c1.152.634 2.488.95 4.01.95zm-2.129-8.878a12.966 12.966 0 01-.023-.791c0-1.036.076-1.851.228-2.446.152-.595.348-1.017.587-1.265s.505-.372.798-.372c.38 0 .737.325 1.068.976.331.65.497 1.73.497 3.24 0 .462-.206.693-.62.693h-2.533l-.002-.035zm19.079 8.548c.26 0 .46-.069.595-.207a.732.732 0 00.204-.537.82.82 0 00-.147-.488c-.098-.137-.26-.223-.489-.256l-1.222-.248a.647.647 0 01-.457-.339c-.098-.181-.146-.427-.146-.735v-5.818c0-.65.038-1.185.114-1.604.076-.418.187-.73.334-.933.146-.204.318-.306.513-.306.196 0 .337.071.424.215.087.143.136.341.147.595l.016.66c.022.75.225 1.329.611 1.736.386.408.98.612 1.785.612.826 0 1.5-.298 2.02-.893.522-.595.783-1.526.783-2.793 0-1.278-.25-2.231-.75-2.86-.5-.628-1.217-.942-2.151-.942-.771 0-1.483.24-2.135.72-.652.479-1.176 1.211-1.573 2.198a6.529 6.529 0 00-.182.515l-.028.094-.124-2.568c-.029-.304-.082-.525-.158-.663l-.03-.048c-.092-.132-.23-.198-.415-.198-.13 0-.288.022-.473.066a4.95 4.95 0 00-.684.231l-4.63 1.34c-.26.098-.445.217-.553.355a.74.74 0 00-.163.47.64.64 0 00.106.38c.07.1.182.194.334.282l.424.05a.618.618 0 01.301.272c.06.116.09.306.09.57v8.397c0 .33-.027.568-.082.71a.552.552 0 01-.293.315l-.375.149c-.141.099-.253.206-.334.322a.743.743 0 00-.122.438c0 .231.068.413.203.545.136.133.324.199.563.199h8.149zm13.626.297c1.619 0 3.04-.336 4.262-1.008 1.222-.672 2.178-1.584 2.868-2.735.69-1.152 1.035-2.455 1.035-3.91 0-1.531-.331-2.881-.994-4.05a7.107 7.107 0 00-2.77-2.743c-1.185-.661-2.57-.992-4.157-.992-1.597 0-3.01.342-4.238 1.025-1.227.683-2.189 1.606-2.884 2.769-.696 1.162-1.043 2.47-1.043 3.925 0 1.521.33 2.86.994 4.017a7.067 7.067 0 002.779 2.719c1.19.656 2.572.983 4.148.983zm1.238-1.719c-.336.066-.665-.082-.986-.446-.32-.364-.624-.975-.912-1.835-.288-.86-.563-1.989-.824-3.388-.25-1.4-.39-2.551-.423-3.455-.033-.903.032-1.586.195-2.05.163-.462.413-.732.75-.81.337-.065.666.084.986.447.32.364.628.975.921 1.835.293.86.57 1.989.831 3.388.261 1.4.405 2.554.432 3.463.027.91-.043 1.595-.212 2.058-.168.463-.42.727-.758.793zm19.852 1.752c.913 0 1.663-.168 2.25-.504.586-.336 1.023-.735 1.311-1.198.288-.463.432-.887.432-1.273a.751.751 0 00-.106-.413.324.324 0 00-.285-.165.32.32 0 00-.147.033.325.325 0 00-.114.099c-.054.198-.138.336-.252.413a.643.643 0 01-.367.116c-.185 0-.323-.064-.416-.19-.092-.127-.138-.295-.138-.504v-7.306c0-1.455-.492-2.581-1.475-3.38-.984-.8-2.524-1.199-4.62-1.199-1.63 0-2.992.204-4.084.612-1.092.408-1.912.928-2.46 1.562-.55.634-.824 1.28-.824 1.942 0 .705.204 1.242.611 1.612.408.369.997.553 1.769.553.945 0 1.69-.256 2.233-.768.543-.513.815-1.177.815-1.992v-1.256c0-.309.095-.548.285-.72.19-.17.426-.255.709-.255.304 0 .546.113.725.338.18.226.27.532.27.918l-.001 4.818-.087-.019a5.455 5.455 0 00-.91-.087l-.176-.001c-2.337 0-4.078.396-5.224 1.19-1.146.793-1.72 1.9-1.72 3.322 0 1.08.394 1.967 1.182 2.661.788.694 1.834 1.041 3.137 1.041.978 0 1.891-.2 2.739-.603.635-.302 1.152-.698 1.55-1.188l.022-.03.024.075c.125.357.354.677.688.96l.103.084c.603.468 1.454.702 2.551.702zm-4.563-2.578c-.435 0-.786-.18-1.052-.537-.266-.358-.4-.907-.4-1.645 0-.771.129-1.355.384-1.752s.595-.595 1.019-.595c.25 0 .467.025.652.074l.08.025v4.242l-.052.03c-.174.09-.353.142-.538.155l-.093.003zM174.212 25c1.934 0 3.417-.446 4.45-1.339 1.032-.892 1.548-2.11 1.548-3.653 0-.936-.174-1.757-.522-2.463-.348-.705-.956-1.33-1.825-1.876-.87-.545-2.092-1.06-3.668-1.545-.586-.187-1.04-.377-1.36-.57-.321-.193-.541-.4-.66-.62-.12-.22-.18-.457-.18-.71 0-.376.136-.679.408-.91.271-.231.673-.347 1.206-.347.739 0 1.437.248 2.094.744.657.496 1.383 1.344 2.176 2.545.206.254.413.438.62.554.206.116.401.151.586.107a.574.574 0 00.424-.454c.054-.237.043-.576-.033-1.017l-.424-3.041c-.043-.32-.125-.545-.244-.678a.607.607 0 00-.473-.198c-.174 0-.39.06-.652.182-.26.121-.519.245-.774.372-.255.126-.448.19-.578.19-.12 0-.297-.066-.53-.199-.234-.132-.562-.264-.986-.396-.424-.133-.973-.199-1.646-.199-1.12 0-2.127.204-3.024.612-.896.408-1.603.989-2.119 1.744-.516.755-.774 1.655-.774 2.702 0 .926.193 1.736.579 2.43.386.694.975 1.29 1.768 1.785.793.496 1.793.898 3 1.207.781.209 1.382.421 1.8.636.418.215.706.45.864.703.158.253.236.534.236.842 0 .408-.136.744-.407 1.009-.272.264-.685.396-1.239.396a3.417 3.417 0 01-1.491-.338c-.473-.226-.96-.615-1.459-1.166-.5-.55-1.06-1.305-1.679-2.264-.184-.254-.394-.43-.627-.53a.84.84 0 00-.71.017c-.227.089-.374.276-.44.562-.064.287-.048.64.05 1.058l.505 3.29c.076.33.185.55.326.66.141.11.293.166.456.166.185 0 .41-.06.677-.182l.798-.363c.267-.122.481-.182.644-.182.163 0 .378.06.644.182a7.51 7.51 0 001.043.363c.43.121.97.182 1.622.182zm12.908-.05c.978 0 1.826-.19 2.543-.57a4.366 4.366 0 001.703-1.587c.418-.677.666-1.462.742-2.355.01-.253-.025-.421-.106-.504a.242.242 0 00-.286-.058c-.13.198-.266.397-.407.595-.141.198-.29.377-.448.537-.158.16-.334.29-.53.389-.195.099-.407.148-.636.148-.532 0-.937-.198-1.214-.595-.277-.396-.415-1.008-.415-1.834v-7.537h2.444c.555 0 .97-.096 1.244-.286l.06-.045c.272-.22.408-.485.408-.793 0-.22-.065-.383-.196-.488-.13-.105-.315-.157-.554-.157h-3.407V6.85c0-.294-.055-.518-.167-.672l-.044-.055c-.142-.154-.337-.231-.587-.231a1.21 1.21 0 00-.652.206 2.83 2.83 0 00-.652.603l-3.015 2.53c-.185.23-.332.385-.44.462a.541.541 0 01-.31.116h-.799a.861.861 0 00-.603.223.738.738 0 00-.244.57c0 .188.027.345.081.471.055.127.174.235.359.323l.766.248c.174.077.283.176.326.297.043.121.065.298.065.53v7.47c0 1.73.416 2.997 1.247 3.802.831.804 2.073 1.206 3.724 1.206zm13.218 0c1.38 0 2.597-.27 3.651-.81 1.054-.54 1.875-1.258 2.462-2.157.586-.898.88-1.887.88-2.966 0-.21-.038-.359-.114-.447a.353.353 0 00-.278-.132.64.64 0 00-.268.074c-.104.05-.22.146-.35.29-.23.705-.677 1.256-1.346 1.653-.668.396-1.437.595-2.306.595-1.358 0-2.445-.466-3.26-1.397-.477-.546-.815-1.273-1.013-2.18l-.016-.076h7.451c.472 0 .841-.125 1.109-.374l.065-.064c.271-.292.407-.692.407-1.199 0-1.168-.274-2.228-.823-3.181-.549-.954-1.334-1.708-2.355-2.265-1.022-.556-2.238-.835-3.651-.835-1.662 0-3.086.33-4.27.992a6.684 6.684 0 00-2.714 2.769c-.625 1.184-.937 2.564-.937 4.14 0 1.499.323 2.818.97 3.959A6.821 6.821 0 00196.329 24c1.152.634 2.488.95 4.01.95zm-2.128-8.878a12.966 12.966 0 01-.023-.791c0-1.036.076-1.851.228-2.446.152-.595.348-1.017.587-1.265.24-.248.505-.372.799-.372.38 0 .736.325 1.067.976.332.65.497 1.73.497 3.24 0 .462-.206.693-.619.693h-2.534l-.002-.035zm19.08 8.548c.26 0 .458-.069.594-.207a.732.732 0 00.204-.537.82.82 0 00-.147-.488c-.098-.137-.26-.223-.489-.256l-1.222-.248a.647.647 0 01-.457-.339c-.097-.181-.146-.427-.146-.735v-5.818c0-.65.038-1.185.114-1.604.076-.418.187-.73.334-.933.147-.204.318-.306.513-.306.196 0 .337.071.424.215.087.143.136.341.147.595l.016.66c.022.75.225 1.329.611 1.736.386.408.98.612 1.785.612.826 0 1.5-.298 2.021-.893.522-.595.782-1.526.782-2.793 0-1.278-.25-2.231-.75-2.86-.5-.628-1.216-.942-2.15-.942-.772 0-1.484.24-2.136.72-.652.479-1.176 1.211-1.573 2.198a6.529 6.529 0 00-.182.515l-.028.095-.124-2.569c-.029-.304-.081-.525-.158-.663l-.03-.048c-.092-.132-.23-.198-.415-.198-.13 0-.288.022-.473.066a4.95 4.95 0 00-.684.231l-4.629 1.34c-.26.098-.446.217-.554.355a.74.74 0 00-.163.47.64.64 0 00.106.38c.07.1.182.194.334.282l.424.05a.618.618 0 01.301.272c.06.116.09.306.09.57v8.397c0 .33-.027.568-.082.71a.552.552 0 01-.293.315l-.375.149c-.141.099-.253.206-.334.322a.743.743 0 00-.122.438c0 .231.068.413.203.545.136.133.324.199.563.199h8.15zm12.712.38c1.934 0 3.417-.446 4.45-1.339 1.032-.892 1.548-2.11 1.548-3.653 0-.936-.174-1.757-.522-2.463-.347-.705-.956-1.33-1.825-1.876-.87-.545-2.092-1.06-3.667-1.545-.587-.187-1.04-.377-1.361-.57-.32-.193-.54-.4-.66-.62-.12-.22-.18-.457-.18-.71 0-.376.136-.679.408-.91.272-.231.674-.347 1.206-.347.739 0 1.437.248 2.094.744.658.496 1.383 1.344 2.176 2.545.207.254.413.438.62.554.206.116.402.151.586.107a.574.574 0 00.424-.454c.054-.237.044-.576-.032-1.017l-.424-3.041c-.044-.32-.125-.545-.245-.678a.607.607 0 00-.472-.198c-.174 0-.392.06-.652.182-.261.121-.52.245-.774.372-.256.126-.449.19-.58.19-.119 0-.295-.066-.529-.199-.233-.132-.562-.264-.986-.396-.424-.133-.972-.199-1.646-.199-1.12 0-2.127.204-3.023.612-.897.408-1.603.989-2.12 1.744-.515.755-.773 1.655-.773 2.702 0 .926.192 1.736.578 2.43.386.694.975 1.29 1.769 1.785.793.496 1.792.898 2.999 1.207.782.209 1.382.421 1.8.636.419.215.707.45.864.703.158.253.237.534.237.842 0 .408-.136.744-.408 1.009-.271.264-.684.396-1.238.396a3.417 3.417 0 01-1.492-.338c-.472-.226-.959-.615-1.459-1.166-.5-.55-1.059-1.305-1.678-2.264-.185-.254-.394-.43-.628-.53a.84.84 0 00-.709.017c-.228.089-.375.276-.44.562-.065.287-.049.64.049 1.058l.505 3.29c.076.33.185.55.326.66.142.11.294.166.457.166.184 0 .41-.06.676-.182l.799-.363c.266-.122.48-.182.643-.182.163 0 .378.06.644.182a7.51 7.51 0 001.043.363c.43.121.97.182 1.622.182z" fill="#333D4B"/><path d="M23.123 11.378c2.89 2.89 2.387 8.1-1.126 11.613-1.688 1.687-3.813 2.74-5.987 2.965-.29.029-.576.044-.856.044-1.87 0-3.539-.656-4.769-1.886-1.416-1.414-2.07-3.412-1.839-5.625.224-2.173 1.277-4.299 2.964-5.986 3.515-3.512 8.724-4.019 11.613-1.125zm-.18.18c-.961 1.16-1.67 2.482-2.851 3.453-1.257 1.033-2.64 1.41-4.161 1.85-3.338.97-4.988 3.791-5.369 7.075 1.043-1.253 1.808-2.657 3.125-3.663 1.152-.88 2.398-1.227 3.754-1.598 3.411-.936 5.105-3.781 5.502-7.117zM14.49 5.003a10.573 10.573 0 012.165 3.151c-1.68.29-3.308.992-4.75 2.046a7.17 7.17 0 00-1.837-.84c-1.519-.44-2.903-.816-4.16-1.85-1.18-.971-1.889-2.296-2.852-3.454.396 3.336 2.091 6.182 5.502 7.118.576.157 1.128.32 1.666.511-1.626 1.713-2.696 3.8-3.07 5.97A10.607 10.607 0 014 15.491C.492 11.978-.014 6.768 2.877 3.878 5.766.986 10.975 1.49 14.489 5.003z" fill="#0E8784"/></g></svg>
</div>
<nav class="footer__nav">
<ul class="footer__nav__main">
<li class="footer__nav__item"><a href="/index.html" class="footer__nav__link">Home</a></li>
<li class="footer__nav__item"><a href="/about.html" class="footer__nav__link">About us</a></li>
<li class="footer__nav__item"><a href="/plan.html" class="footer__nav__link">Create your plan</a></li>
</ul>
<ul class="footer__social">
<li>
<a href="#" class="footer__social__link" aria-label="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#FEFCF7" d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z"/></svg>
</a>
</li>
<li>
<a href="#" class="footer__social__link" aria-label="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"><path fill="#FEFCF7" d="M24 2.557a9.83 9.83 0 01-2.828.775A4.932 4.932 0 0023.337.608a9.864 9.864 0 01-3.127 1.195A4.916 4.916 0 0016.616.248c-3.179 0-5.515 2.966-4.797 6.045A13.978 13.978 0 011.671 1.149a4.93 4.93 0 001.523 6.574 4.903 4.903 0 01-2.229-.616c-.054 2.281 1.581 4.415 3.949 4.89a4.935 4.935 0 01-2.224.084 4.928 4.928 0 004.6 3.419A9.9 9.9 0 010 17.54a13.94 13.94 0 007.548 2.212c9.142 0 14.307-7.721 13.995-14.646A10.025 10.025 0 0024 2.557z"/></svg>
</a>
</li>
<li>
<a href="#" class="footer__social__link" aria-label="Instagram">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#FEFCF7" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>