mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2024-12-26 13:05:24 +00:00
534 lines
21 KiB
HTML
534 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Biobulkbende</title>
|
|
<meta
|
|
name="keywords"
|
|
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
|
/>
|
|
<meta
|
|
name="description"
|
|
content="Biobulkbende is an autonomous organic food cooperative."
|
|
/>
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
/>
|
|
<link rel="stylesheet" type="text/css" href="./assets/styles/style.css" />
|
|
|
|
<!-- build:js assets/scripts/Vendor.js -->
|
|
<script type="text/javascript" src="./assets/scripts/Vendor.js"></script>
|
|
<!-- endbuild -->
|
|
</head>
|
|
<body>
|
|
<!-- HEADER -->
|
|
<header class="site-header">
|
|
<div class="wrapper">
|
|
<div class="site-header__logo">
|
|
<!-- <span clss="icon icon--logo_white"></span> -->
|
|
<img
|
|
src="./assets/media/images/logo_white.png"
|
|
alt="Biobulkbende's logo met een amandel."
|
|
/>
|
|
</div>
|
|
<div class="site-header__menu-icon">
|
|
<div class="site-header__menu-icon__middle"></div>
|
|
</div>
|
|
<div class="site-header__menu-content">
|
|
<div class="site-header__btn-container">
|
|
<a href="https://foodsoft.biobulkbende.org" class="btn"
|
|
>Plaats je bestelling</a
|
|
>
|
|
</div>
|
|
<div class="site-header__language">
|
|
<a href="./en"
|
|
><img
|
|
src="./assets/media/images/english_flag.jpg"
|
|
alt="Engelse vlag."
|
|
/></a>
|
|
</div>
|
|
<nav class="primary-nav primary-nav--pull-right">
|
|
<ul>
|
|
<li><a href="#about-us" id="about-us-link">Over ons</a></li>
|
|
<li>
|
|
<a href="#how-it-works" id="how-it-works-link"
|
|
>Hoe werkt het?</a
|
|
>
|
|
</li>
|
|
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
|
<li>
|
|
<a href="https://foodsoft.biobulkbende.org">Ledengedeelte</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- STARTING SECTION -->
|
|
<div class="large-hero">
|
|
<picture>
|
|
<source
|
|
srcset="./assets/media/images/our_vegetables_large.png 1920w"
|
|
media="(min-width: 1380px)"
|
|
/>
|
|
<source
|
|
srcset="./assets/media/images/our_vegetables_medium.png 1380w"
|
|
media="(min-width: 990px)"
|
|
/>
|
|
<source
|
|
srcset="./assets/media/images/our_vegetables_small.png 990w"
|
|
media="(min-width: 640px)"
|
|
/>
|
|
<img
|
|
srcset="./assets/media/images/our_vegetables_smaller.png 640w"
|
|
alt="Onze verse groentes."
|
|
class="large-hero__image"
|
|
/>
|
|
</picture>
|
|
<div class="large-hero__text-content">
|
|
<h1 class="large-hero__title">Biobulkbende</h1>
|
|
<h2 class="large-hero__subtitle">
|
|
De eerste autonome biologische<br />
|
|
voedselcoöperatie van Rotterdam
|
|
</h2>
|
|
<!-- <p class="large-hero__description">Local and organic food produced by farmers in the Rijnmond region for an affordable price
|
|
Through cooperation, members gain access to high-quality organic products from transparent sources and for fair prices.</p> -->
|
|
<p><a href="#" class="btn btn--large open-modal">Word lid!</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ABOUT US -->
|
|
|
|
<div
|
|
id="about-us"
|
|
class="page-section page-section--red page-section--b-margin page-section--tb-padding"
|
|
data-matching-link="#about-us-link"
|
|
>
|
|
<div class="wrapper">
|
|
<div
|
|
class="headline headline--s-width headline--centered headline--b-margin"
|
|
>
|
|
<h2 class="headline__title">
|
|
Biobulkbende is een vereniging die volledig door zijn leden wordt
|
|
bestuurd en gerund. Als vereniging kopen we collectief biologisch
|
|
voedsel in van lokale producenten en distributeurs.
|
|
</h2>
|
|
<h2 class="headline__subtitle">
|
|
Ons huidige systeem van voedselproductie zit vol gebreken en
|
|
kwetsbaarheden. Daarom vinden wij het belangrijk om meer controle te
|
|
krijgen over het voedsel dat we kopen en consumeren. Voedsel gaat
|
|
niet alleen over geld, toegang tot voedsel hoort niet afhankelijk te
|
|
zijn van ondoordringbare en ondoorgrondelijke logistiek, en
|
|
overdadige verpakkingen zijn niet vanzelfsprekend. Toegang tot
|
|
hoogwaardig, biologisch en betaalbaar voedsel is belangrijk voor ons
|
|
- en we vinden dat iedereen er recht op heeft.
|
|
</h2>
|
|
<picture>
|
|
<source
|
|
data-srcset="./assets/media/images/about-2_extra-large.jpg 1920w"
|
|
media="(min-width: 1380px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/about-2_large.jpg 1380w"
|
|
media="(min-width: 990px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/about-2_medium.jpg 990w"
|
|
media="(min-width: 640px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/about-2_small.jpg 640w"
|
|
media="(min-width: 390px)"
|
|
/>
|
|
<img
|
|
class="lazyload headline__img"
|
|
data-srcset="./assets/media/images/about-2_smaller.jpg 390w"
|
|
alt="Onze producten."
|
|
/>
|
|
</picture>
|
|
<h2 class="headline__title">
|
|
In 2019 hebben we zelf het heft in handen genomen en zijn we
|
|
begonnen met de eerste biologische voedselcoöperatie van Rotterdam.
|
|
</h2>
|
|
<h2 class="headline__subtitle">
|
|
Net als de Amsterdamse coöperatie Vokomokum, de Park Slope Food Coop
|
|
en vele anderen, draait onze coöperatie volledig op de vrijwillige
|
|
bijdragen van al onze leden. Als leden van de co-op dragen we
|
|
allemaal een klein deel van onze tijd bij aan het runnen ervan, in
|
|
lijn met onze waarden. Zo bouwen we samen een gemeenschap, delen we
|
|
biologisch voedsel met elkaar, en zoeken we naar milieuvriendelijke
|
|
ingrediënten buiten de gebruikelijke exploitatieve ketens. We halen
|
|
onze verse producten bij lokale boeren en leveranciers uit de regio
|
|
Rijnmond. Onze conserven en houdbare producten komen van de
|
|
biologische groothandel De Nieuwe Band / Odin.
|
|
</h2>
|
|
<picture>
|
|
<source
|
|
data-srcset="./assets/media/images/about_1_large.jpg 1380w"
|
|
media="(min-width: 1380px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/about_1_medium.jpg 990w"
|
|
media="(min-width: 990px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/about_1_small.jpg 640w"
|
|
media="(min-width: 640px)"
|
|
/>
|
|
<img
|
|
class="lazyload headline__img"
|
|
data-srcset="./assets/media/images/about_1_smaller.jpg 390w"
|
|
alt="Onze producten."
|
|
/>
|
|
</picture>
|
|
<h2 class="headline__subtitle">
|
|
We komen elke eerste maandag van de maand samen tussen 18:00 en
|
|
20:00 bij de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. Ben je
|
|
geïnteresseerd in een lidmaatschap van de co-op? Dan kun je daar
|
|
maandelijks de introductie bijwonen om 19:00.
|
|
</h2>
|
|
</div>
|
|
<div class="row row--gutters">
|
|
<div class="row__medium-8">
|
|
<div class="video-container">
|
|
<iframe
|
|
class="content--video--right"
|
|
src="https://player.vimeo.com/video/483485409"
|
|
width="640"
|
|
height="360"
|
|
frameborder="0"
|
|
allow="autoplay; fullscreen"
|
|
allowfullscreen
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
<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 open-modal">Word lid!</a>
|
|
<p>
|
|
We staan altijd open voor nieuwe leden. Stuur ons een
|
|
<a href="mailto:info@biobulkbende.org">e-mail</a> of kom
|
|
kennismaken bij onze maandelijkse introductie!
|
|
</p>
|
|
<div class="arrow arrow--about arrow--red"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- HOW IT WORKS -->
|
|
<div
|
|
id="how-it-works"
|
|
class="page-section page-section--darkGreen page-section--tb-padding page-section--t-margin-external page-section--b-margin-external"
|
|
data-matching-link="#how-it-works-link"
|
|
>
|
|
<div class="wrapper">
|
|
<div
|
|
class="how-it-works how-it-works-1 how-it-works--atSmall-t-margin how-it-works--atSmall-centered"
|
|
>
|
|
<div class="row row--gutters">
|
|
<div class="row__medium-3--larger">
|
|
<img
|
|
class="how-it-works__icon how-it-works__icon--1 lazyload"
|
|
data-src="./assets/media/images/foodcoop.png"
|
|
/>
|
|
</div>
|
|
<div class="row__medium-9--smaller">
|
|
<div class="headline headline--lt-margin">
|
|
<h2 class="headline__title">
|
|
Wat is een <strong>voedselco-op?</strong>
|
|
</h2>
|
|
<h2 class="headline__subtitle">
|
|
Een co-op is een collectief waarin alle leden samen werken in
|
|
het belang van de hele groep. Een voedselco-op is specifiek
|
|
een groep mensen die samen voedsel inkopen van (lokale)
|
|
producenten van hun keuze. Een soort
|
|
doe-het-samen-supermarkt.<br /><br />
|
|
De leden van <b>Biobulkbende</b> bestellen gezamenlijk voedsel
|
|
van lokale producenten, leveranciers en distributeurs. Door in
|
|
bulk te bestellen en dicht bij de bron te blijven, kunnen we
|
|
hoogwaardig voedsel inkopen tegen groothandelprijzen.
|
|
<b>Biobulkbende</b> bestaat alleen bij gratie van de bijdragen
|
|
en samenwerking van alle betrokken leden. Er is geen
|
|
winstoogmerk en iedereen in de co-op draagt bij op vrijwillige
|
|
basis.
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="arrow arrow--how-it-works-1 arrow--darkGreen"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="how-it-works-2"
|
|
class="page-section page-section--lightGreen page-section--t-padding-larger page-section--tb-padding page-section--b-margin-external"
|
|
data-matching-link="#how-it-works-link"
|
|
>
|
|
<div class="wrapper">
|
|
<div
|
|
class="how-it-works how-it-works-2 how-it-works--atSmall-centered how-it-works"
|
|
>
|
|
<div class="row row--gutters">
|
|
<div class="row__medium-6 row--large-only">
|
|
<img
|
|
class="how-it-works__img lazyload"
|
|
data-src="./assets/media/images/member_large.JPG"
|
|
alt="Once you are member you are part of our community!"
|
|
/>
|
|
</div>
|
|
<div class="row__medium-6">
|
|
<h2 class="how-it-works__title-small">
|
|
<span
|
|
class="icon icon--membership how-it-works__icon--membership"
|
|
></span>
|
|
<strong>Lidmaatschap</strong>
|
|
</h2>
|
|
<p>
|
|
Als lid van <b>Biobulkbende</b> heb je toegang tot hoogwaardig
|
|
biologisch voedsel, rechtstreeks van de producent of de
|
|
distributeur, tegen veel lagere prijzen dan in de supermarkt. In
|
|
ruil daarvoor betaal je een eenmalige contributie van €15 en
|
|
geef je maandelijks een beetje van je tijd en energie (ongeveer
|
|
3 uur) om de co-op te runnen. Als lid van de co-op heb je
|
|
medezeggenschap over de werking van de co-op, de besluitvorming
|
|
en de toekomstige richting die we inslaan.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<picture>
|
|
<source
|
|
data-srcset="./assets/media/images/member_medium.JPG 800w"
|
|
media="(min-width: 650px)"
|
|
/>
|
|
<img
|
|
data-srcset="./assets/media/images/member_small.JPG 650w"
|
|
alt="Once you are member you are part of our community!"
|
|
class="how-it-works__img--small-only lazyload"
|
|
/>
|
|
</picture>
|
|
|
|
<div class="wrapper">
|
|
<div
|
|
class="how-it-works how-it-works-2 how-it-works--atSmall-centered"
|
|
data-matching-link="#how-it-works-link"
|
|
>
|
|
<div class="row row--gutters">
|
|
<div class="row__medium-6">
|
|
<h2 class="how-it-works__title-small">
|
|
<span
|
|
class="icon icon--workgroup how-it-works__icon--workgroup-order"
|
|
></span>
|
|
<strong>Werkgroepen</strong>
|
|
</h2>
|
|
<p>
|
|
Een werkgroep is een groep leden die samen verantwoordelijk zijn
|
|
voor een specifieke behoefte van de co-op. Voorbeelden hiervan
|
|
zijn de kookgroep, helpen opzetten, administratie van leden,
|
|
bestellingen, financieën, enzovoorts. Als lid van de co-op
|
|
vragen we je om ook bij een werkgroep te gaan. Wanneer je je
|
|
inschrijft, helpen we je kiezen op basis van je interesses en
|
|
wat de co-op het meest nodig heeft. Leden kunnen van werkgroep
|
|
wisselen in de loop van hun lidmaatschap.
|
|
</p>
|
|
</div>
|
|
<div class="row__medium-6 row--large-only">
|
|
<img
|
|
class="how-it-works__img lazyload"
|
|
data-src="./assets/media/images/workgroup_large.JPG"
|
|
alt="Working togheter is part of being a foocoop!"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<picture>
|
|
<source
|
|
data-srcset="./assets/media/images/workgroup_medium.JPG 800w"
|
|
media="(min-width: 650px)"
|
|
/>
|
|
<img
|
|
data-srcset="./assets/media/images/workgroup_small.JPG 650w"
|
|
alt="The pick up day is arrived!"
|
|
class="how-it-works__img--small-only lazyload"
|
|
/>
|
|
</picture>
|
|
|
|
<div class="wrapper">
|
|
<div class="how-it-works how-it-works-2 how-it-works--atSmall-centered">
|
|
<div class="row row--gutters">
|
|
<div class="row__medium-6 row--large-only">
|
|
<img
|
|
class="how-it-works__img lazyload"
|
|
data-src="./assets/media/images/order_food_large.JPG"
|
|
alt="To order your food is easy!"
|
|
/>
|
|
</div>
|
|
<div class="row__medium-6">
|
|
<h2 class="how-it-works__title-small">
|
|
<span
|
|
class="icon icon--order how-it-works__icon--workgroup-order"
|
|
></span
|
|
><strong>Voedsel</strong> bestellen
|
|
</h2>
|
|
<p>
|
|
Een bestelling plaatsen is makkelijk. We maken gebruik van vrije
|
|
software van
|
|
<a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. Als
|
|
nieuw lid van de co-op kun je een eerste bestelling plaatsen! We
|
|
bestellen houdbare producten (van tandpasta tot spaghetti) in
|
|
bulk. Verse producten kunnen individueel besteld worden. We
|
|
hebben ook enkele populaire producten (zoals havermout) op
|
|
voorraad om kosten en plastic te besparen. Tijdens de ophaaldag
|
|
kun je je bestelling ophalen en betalen.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<picture>
|
|
<source
|
|
data-srcset="./assets/media/images/order_food_medium.JPG 800w"
|
|
media="(min-width: 650px)"
|
|
/>
|
|
<img
|
|
data-srcset="./assets/media/images/order_food_small.JPG 650w"
|
|
alt="To order your food is easy!"
|
|
class="how-it-works__img--small-only lazyload"
|
|
/>
|
|
</picture>
|
|
<div class="arrow arrow--how-it-works-2 arrow--lightGreen"></div>
|
|
</div>
|
|
|
|
<div id="how-it-works-3" class="page-section">
|
|
<picture>
|
|
<source
|
|
data-srcset="./assets/media/images/pickup_day_large.jpg 1920w"
|
|
media="(min-width: 1600px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/pickup_day_medium.jpg 1380w"
|
|
media="(min-width: 1050px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/pickup_day_small.jpg 990w"
|
|
media="(min-width: 700px)"
|
|
/>
|
|
<source
|
|
data-srcset="./assets/media/images/pickup_day_smaller.jpg 640w"
|
|
media="(min-width: 515px)"
|
|
/>
|
|
<img
|
|
class="lazyload"
|
|
data-srcset="./assets/media/images/pickup_day_extra_smaller.jpg 390w"
|
|
alt="The pick up day is arrived!"
|
|
class="large-hero__image"
|
|
/>
|
|
</picture>
|
|
<div class="how-it-works">
|
|
<div
|
|
class="how-it-works--centered how-it-works--t-margin page-section--tb-padding"
|
|
>
|
|
<div class="wrapper wrapper--white wrapper--medium">
|
|
<div class="how-it-works__last-section how-it-works-3">
|
|
<div class="wrapper wrapper--small">
|
|
<h2 class="how-it-works__title">
|
|
<span
|
|
class="icon icon--pickup how-it-works__icon--pickup"
|
|
></span
|
|
><strong>Ophaaldag</strong>
|
|
</h2>
|
|
<p>
|
|
Elke eerste maandag van de maand, tussen 18:00 en 20:00, komt
|
|
de co-op bij elkaar om onze verse, lokale en lijvige
|
|
bestellingen op te halen. Ophaaldag draait niet alleen om het
|
|
ophalen van je bestelling. Dit is ook je kans om andere leden
|
|
te leren kennen en samen te genieten van een betaalbare
|
|
veganistische maaltijd van de kookwerkgroep. Op elke ophaaldag
|
|
houden we een introductiebijeenkomst voor potentiële nieuwe
|
|
leden. De introductie vindt plaats om 20:00.
|
|
</p>
|
|
<p>
|
|
<a href="#" class="btn btn--pickupday open-modal"
|
|
><b>Word lid!</b></a
|
|
>
|
|
</p>
|
|
<p>
|
|
Het bijwonen van een introductie is verplicht voor nieuwe
|
|
leden, zodat je de ins en outs direct meekrijgt. Na het
|
|
bijwonen van de introductie kun je ervoor kiezen om lid te
|
|
worden!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AGENDA -->
|
|
|
|
<!-- MEMBERS -->
|
|
|
|
<!-- FOOTER -->
|
|
<footer class="footer">
|
|
<p>
|
|
<span class="site-footer__text"
|
|
>Copyright © 2020 Biobulkbende. All rights reserved.</span
|
|
>
|
|
<a href="#" class="btn btn--l-margin open-modal">Word lid!</a>
|
|
</p>
|
|
</footer>
|
|
|
|
<!-- MODAL -->
|
|
|
|
<div class="modal">
|
|
<div class="modal__inner">
|
|
<h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
|
|
<div class="wrapper">
|
|
<p class="modal__description">
|
|
Vanwege de COVID-19 restricties vindt de introductie tijdelijk
|
|
online plaats om 20.00 uur via deze link
|
|
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
|
>http://meet.jit.si/bbb_introduction</a
|
|
>.<br />
|
|
Mocht je vragen hebben, stuur ons een mailtje
|
|
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="social-icons">
|
|
<a href="#" class="social-icons__icon"
|
|
><span class="icon icon--facebook"></span
|
|
></a>
|
|
<a href="#" class="social-icons__icon"
|
|
><span class="icon icon--twitter"></span
|
|
></a>
|
|
<a href="#" class="social-icons__icon"
|
|
><span class="icon icon--instagram"></span
|
|
></a>
|
|
<a href="#" class="social-icons__icon"
|
|
><span class="icon icon--youtube"></span
|
|
></a>
|
|
</div>
|
|
</div>
|
|
<div class="modal__close">X</div>
|
|
</div>
|
|
|
|
<!-- build:js assets/scripts/App.js -->
|
|
<script type="text/javascript" src="./assets/scripts/App.js"></script>
|
|
<!-- endbuild -->
|
|
</body>
|
|
</html>
|