biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-06-26 08:50:47 +00:00
Code Issues Projects Releases Wiki Activity

about main style

Browse Source
This commit is contained in:
Tancre
2020-10-09 14:48:01 +02:00
parent 0ae29ca91a
commit a731f1a2b8
14 changed files with 264 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
app/index.html
View File

@ -67,14 +67,14 @@
</div>
<!-- ABOUT US -->
<div id="about-us" class="page-section page-section--red page-section--b-margin">
<div id="about-us" class="page-section page-section--red page-section--b-margin page-section--tb-padding">
<div class="wrapper">
<div class="headline headline--s-width headline--centered headline--b-margin">
<h2 class="headline__title ">We started the coop in the summer of 2019...</h2>
<h2 class="headline__subtitle">...because we wanted to be able to get good quality, delicious food from local suppliers and farmers. Inspired by the Amsterdam food co-op <a href="#">Vokomokum</a>, we decided to start our own.</h2>
</div>
<div class="row row--gutters">
<div class="row__medium-8 row__medium-8--smaller">
<div class="row__medium-8">
<div class="video-container">
<video class="content--video--right" width="560" height="315" controls>
<source src="./assets/media/videos/bbb_video.mp4" type="video/mp4">
@ -82,7 +82,7 @@
</video>
</div>
</div>
<div class="row__medium-4 row__medium-4--larger">
<div class="row__medium-4">
<div class="generic-content-container generic-content-container--t-b-margin generic-content-container--t-center">
<a href="#" class="btn btn--medium">Join us!</a>
<p>We are happy to have new members at the moment. Join us now or simply drop by on our next pickup day and say hello! </p>
@ -95,24 +95,86 @@
<!-- HOW IT WORKS -->
<div id="how-it-works" class="page-section page-section--darkGreen">
<div id="how-it-works" class="page-section page-section--darkGreen page-section--tb-padding">
<div class="wrapper wrapper--t-margins">
<div class="row">
<div class="row__medium-3 row__medium-3--larger">
<img class="icon icon--foodcoop" src="./assets/media/images/foodcoop.png">
<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">
</div>
<div class="row__medium-9 row__medium-9--smaller">
<div class="headline headline--l-margin">
<h2 class="headline__title ">What is a foodcoop?</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 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>
</div>
</div>
</div>
</div>
</div>
<div id="how-it-works-2" class="page-section page-section--lightGreen">
<div id="how-it-works-2" class="page-section page-section--lightGreen page-section--t-padding page-section--b-padding-small">
<div class="wrapper">
<div class="how-it-works">
<div class="row row--gutters">
<div class="row__medium-6">
<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>
<p>If you’re 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>
</div>
<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>
<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">
<img src="./assets/media/images/pickup_day_short.png">
</div>
</div>
</div>
<div class="how-it-works">
<div class="row row--gutters">
<div class="row__medium-6">
<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>
<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>
</div>
</div>
</div>
<div >
</div>
<div id="how-it-works-3" class="page-section">
<picture>
<source srcset="./assets/media/images/veg_large_cropped.png 1920w" media="(min-width: 1380px)">
<source srcset="./assets/media/images/veg_medium.png 1380w" media="(min-width: 990px)">
<source srcset="./assets/media/images/veg_small.png 990w" media="(min-width: 640px)">
<img srcset="./assets/media/images/boxes_small.jpg 640w" alt="Our fresh vegetables" class="large-hero__image">
</picture>
<div class="how-it-works">
<div class="how-it-works--centered how-it-works--t-margin">
<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>
<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>
</div>
</div>
</div>
</div>
</div>