mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2025-10-19 10:16:31 +00:00
embedded video from vimeo + fixes css video
This commit is contained in:
Tancre
398
docs/index.html
398
docs/index.html
@ -5,19 +5,9 @@
|
||||
<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"
|
||||
/>
|
||||
<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 -->
|
||||
@ -30,34 +20,23 @@
|
||||
<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."
|
||||
/>
|
||||
<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
|
||||
>
|
||||
<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>
|
||||
<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
|
||||
>
|
||||
<a href="#how-it-works" id="how-it-works-link">Hoe werkt het?</a>
|
||||
</li>
|
||||
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
||||
<li>
|
||||
@ -72,23 +51,10 @@
|
||||
<!-- 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"
|
||||
/>
|
||||
<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>
|
||||
@ -104,116 +70,40 @@
|
||||
|
||||
<!-- 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 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>
|
||||
<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."
|
||||
/>
|
||||
<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>
|
||||
<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."
|
||||
/>
|
||||
<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>
|
||||
<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"
|
||||
sandbox="allow-same-origin allow-scripts allow-popups"
|
||||
src="https://p.eertu.be/videos/embed/96fff60e-2208-4be9-8bc6-65fdca4d25b6"
|
||||
frameborder="0"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
<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"
|
||||
>
|
||||
<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!
|
||||
<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>
|
||||
@ -223,41 +113,19 @@
|
||||
</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 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="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"
|
||||
/>
|
||||
<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__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.
|
||||
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>
|
||||
@ -267,207 +135,91 @@
|
||||
</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 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="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!"
|
||||
/>
|
||||
<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>
|
||||
<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>
|
||||
<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"
|
||||
/>
|
||||
<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="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>
|
||||
<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>
|
||||
<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!"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
<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!"
|
||||
/>
|
||||
<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>
|
||||
<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.
|
||||
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"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
<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="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>
|
||||
<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 19:00.</p>
|
||||
<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 19: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!
|
||||
<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>
|
||||
@ -482,9 +234,7 @@
|
||||
<!-- FOOTER -->
|
||||
<footer class="footer">
|
||||
<p>
|
||||
<span class="site-footer__text"
|
||||
>Copyright © 2020 Biobulkbende. All rights reserved.</span
|
||||
>
|
||||
<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>
|
||||
@ -503,18 +253,10 @@
|
||||
</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>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user