<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bio Bulk Bende</title>
    <meta
      name="keywords"
      content="Bio, Bulk, Bende, Organic, Autonomous Foodcoop, Food, Cooperative"
    />
    <meta
      name="description"
      content="Bio Bulk Bende 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="Bio Bulk Bende logo with an almond"
          />
        </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"
              >Place your Order</a
            >
          </div>
          <div class="site-header__language">
            <a href="#"
              ><img
                src="./assets/media/images/netherlands_flag.gif"
                alt="Netherlands flag"
            /></a>
          </div>
          <nav class="primary-nav primary-nav--pull-right">
            <ul>
              <li><a href="#about-us" id="about-us-link">About us</a></li>
              <li>
                <a href="#how-it-works" id="how-it-works-link">How it works</a>
              </li>
              <!-- <li><a href="#agenda">Agenda</a></li> -->
              <li>
                <a href="https://foodsoft.biobulkbende.org">Members area</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="Our fresh vegetables"
          class="large-hero__image"
        />
      </picture>
      <div class="large-hero__text-content">
        <h1 class="large-hero__title">bio bulke bende</h1>
        <h2 class="large-hero__subtitle">
          The first organic autonomous<br />foodcoop in 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">Join us!</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 an association completely run by the members.
            Together we collectively purchase organic food from local producers
            and distributors.
          </h2>
          <h2 class="headline__subtitle">
            In the context of the current food system, with all its flaws and
            vulnerabilities, we believe it is important to have more control
            over the food we buy and consume. Food doesnt have to be treated
            strictly as a commodity, access to food doesn't have to rely on
            impenetrable logistics systems, and overwhelming packaging does not
            have to be the norm. Access to high quality, organic and affordable
            food is very important for us, and we think that it should be
            available to everyone.
          </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="The pick up day is arrived!"
            />
          </picture>
          <h2 class="headline__title">
            In 2019, we took matters into our own hands and started the first
            organic food co-op in Rotterdam.
          </h2>
          <h2 class="headline__subtitle">
            Inspired by the Amsterdam food co-op Vokomokum, The Park Slope co-op
            and many others, our co-op is run on a volunteer-basis by all
            members. As members of this co-op, we all conribute a small part of
            our time in order to keep our co-op running according to our values:
            building a community, sharing organic food, sourcing ingredients
            that is are not produced through any exploitation of labour and are
            environmentally friendly. We source our fresh food from local
            farmers and suppliers from the Rijnmond region, while our dry goods
            and cans come from the organic food supplier 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="The pick up day is arrived!"
            />
          </picture>
          <h2 class="headline__subtitle">
            We come together every first monday of the month from 18:00 to 20:00
            at the Wijkcoop010 in de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>.
            People who are interested to become a member can join the
            introduction at 19:00.
          </h2>
        </div>
        <div class="row row--gutters">
          <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"
                />
                Your browser does not support the video tag.
              </video>
            </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">Join us!</a>
              <p>
                We are happy to have new members at the moment. Send us an
                <a href="mailto: info@biobulkbende.org">email</a> or simply drop
                by on our next pickup day and say hello!
              </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">
                  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 (local) suppliers of their own choosing. A
                  collective do-it-with-others supermarket.<br /><br />
                  <b>BioBulkBende</b> members order collectively from local
                  suppliers and distributors. This means we get as close to the
                  wholesale prices as possible by cutting out middle men and
                  ordering in bulk. BioBulkBende exists only through the
                  cooperation of the members involved. There is no profit and
                  everyone in the community contributes to the co-op on a
                  volunteer 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>
                Being a <strong>Member</strong>
              </h2>
              <p>
                As a member of Biobulkbende, you have access to high-quality
                organic food, straight from the producers and / or distributors,
                at much lower prices than in the supermarket. In return, you pay
                a membership fee of 15 euros and contribute a bit of your time
                and energy each month (3h ±) to keep our co-op running. As a
                member of the co-op you have a say in how the co-op works, how
                decisions are made and what direction we take together.
              </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>Workgroups</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 cooking, set-up, membership, orders, finance,
                etc. As a member of our food co-op, joining a work group is a
                requirement. When you join, we help you pick what work group
                matches your interests, as well as what matches the needs of the
                co-op. Members can change work groups when their interests
                change.
              </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>
                Ordering <strong>food</strong>
              </h2>
              <p>
                As soon as you become a member you can place your first order,
                yay! Together we order in dry-food (from toothpaste to pasta) in
                bulk packaging. Fresh food doesn't have to be in bulk. We also
                have items that are popular, like oats, in stock to save costs
                and plastic! Payment is done during pick-up day through
                banktransfer or pin. For ordering, we use a free software called
                <a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. You can
                learn more about how to order by joining us at any upcoming
                pickup day.
              </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>Pick-up day</strong>
                </h2>
                <p>
                  Every 1st Monday of the month, from 18:00 - 20:00 our co-op
                  comes together to pick up our fresh, local and bulky orders.
                  The pick-up day is more then just picking up your order. It's
                  also a chance to meet other members and have an affordable
                  vegan dinner cooked by our members. During the pick-up day we
                  have an introduction for people interested to join the co-op.
                  This takes place at 7pm sharp.
                </p>
                <p>
                  <a href="#" class="btn btn--pickupday open-modal"
                    ><b>Join us!</b></a
                  >
                </p>
                <p>
                  Attending the introduction is mandatory so that you learn all
                  the ins and outs of the co-op right from the start. After you
                  have joined the introduction you can become a member!
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- AGENDA -->

    <!-- MEMBERS -->

    <!-- FOOTER -->
    <footer class="footer">
      <p>
        <span class="site-footer__text"
          >Copyright &copy; 2020 Bio Bulk Bende. All rights reserved.</span
        >
        <a href="#" class="btn btn--l-margin open-modal">Join us!</a>
      </p>
    </footer>

    <!-- MODAL -->

    <div class="modal">
      <div class="modal__inner">
        <h2 class="modal__title">Join <strong>Bio Bulk Bende</strong></h2>
        <div class="wrapper">
          <p class="modal__description">
            Shoot us an email at
            <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a> if
            you want to join the introduction.
          </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>