<!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 &copy; 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>