how-it-works icons

This commit is contained in:
Tancre
2020-10-09 18:14:11 +02:00
parent 25f30a0aed
commit a4e97c6bcf
36 changed files with 79 additions and 52 deletions

View File

@ -99,12 +99,12 @@
<div class="wrapper wrapper--t-margins">
<div class="row row--gutters">
<div class="row__medium-3--larger">
<img class="how-it-works__icon how-it-works__icon--foodcoop" src="./assets/media/images/foodcoop.png">
<img class="how-it-works__icon how-it-works__icon--1" src="./assets/media/images/foodcoop2.png">
</div>
<div class="row__medium-9--smaller">
<div class="headline headline--lt-margin">
<h2 class="headline__title ">What is a <strong>foodcoop?</strong></h2>
<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from suppliers of their own choosing. <br> A collective do-it-yourself supermarket.</h2>
<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from suppliers of their own choosing. A collective do-it-yourself supermarket.</h2>
</div>
</div>
</div>
@ -120,7 +120,7 @@
<img src="./assets/media/images/pickup_day_short.png">
</div>
<div class="row__medium-6">
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--foodcoop2" src="./assets/media/images/foodcoop.png"> Become a <strong>Member</strong> </h2>
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--2" src="./assets/media/images/membership.png"> Become a <strong>Member</strong> </h2>
<p>If youre a member of our BioBulkBende, you have access to great organic food, straight from the producers, at lower prices than in the supermarket. In return, you pay a one-time non-refundable membership fee of 15 euros, and contribute a bit of your time and energy to keep our co-op running.</p>
</div>
</div>
@ -129,7 +129,7 @@
<div class="how-it-works">
<div class="row row--gutters">
<div class="row__medium-6">
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--foodcoop2" src="./assets/media/images/foodcoop.png"> Join a <strong>Work Group</strong> </h2>
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--3" src="./assets/media/images/workgroup.png"> Join a <strong>Work Group</strong> </h2>
<p>A work group is a group of members who work together and are responsible for a specific need of our food co-op. Some examples of work groups are administration, membership, orders, financial, etc. As a member of our food co-op, you have to join a work group.</p>
</div>
<div class="row__medium-6">
@ -144,7 +144,7 @@
<img src="./assets/media/images/pickup_day_short.png">
</div>
<div class="row__medium-6">
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--foodcoop2" src="./assets/media/images/foodcoop.png"> Order your <strong>Food</strong> </h2>
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--3" src="./assets/media/images/order.png"> Order your <strong>Food</strong> </h2>
<p>Only members can place an order, but anyone can become a member! For food ordering, we use Foodsoft. You can learn more about how to order by joining us at any upcoming pickup day.</p>
</div>
</div>
@ -168,7 +168,7 @@
<div class="wrapper wrapper--white wrapper--medium">
<div class="how-it-works__last-section">
<div class="wrapper wrapper--small">
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--foodcoop2" src="./assets/media/images/foodcoop.png"><strong>Pick-up day</strong></h2>
<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--4" src="./assets/media/images/pickup.png"><strong>Pick-up day</strong></h2>
<p>Only members can place an order, but anyone can become a member! For food ordering, we use Foodsoft. You can learn more about how to order by joining us at any upcoming pickup day.</p>
<p><a href="#" class="btn btn--large"><b>Join us!</b></a></p>
</div>