mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2024-11-14 20:03:06 +00:00
127 lines
5.3 KiB
HTML
127 lines
5.3 KiB
HTML
<!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="./temp/styles/style.css">
|
|
|
|
<!-- build:js assets/scripts/Vendor.js -->
|
|
<script type="text/javascript" src="./temp/scripts/Vendor.js"></script>
|
|
<!-- endbuild -->
|
|
</head>
|
|
<body>
|
|
|
|
<!-- HEADER -->
|
|
<header class="site-header">
|
|
<div class="wrapper">
|
|
<div class="site-header__logo">
|
|
<img src="./assets/media/images/bbb_logo_white.png" alt="BBB logo">
|
|
</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="#" 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">About us</a></li>
|
|
<li><a href="#how-it-works">How it works</a></li>
|
|
<li><a href="#agenda">Agenda</a></li>
|
|
<li><a href="#members-area">Members area</a>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<!-- STARTING SECTION -->
|
|
<div class="large-hero">
|
|
|
|
<picture>
|
|
<source srcset="./assets/media/images/veg_large.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="large-hero__text-content">
|
|
<h1 class="large-hero__title">bio bulke bende</h1>
|
|
<h2 class="large-hero__subtitle">The organic autonomous foodcoop <br> of Rotterdam</h2>
|
|
<!-- <p class="large-hero__description">Good quality, delicious food from local suppliers and farmers. Located in Almondestraat 157, <b>bio bulk bende</b> is the first food co-op in Rotterdam. </p> -->
|
|
<p><a href="#" class="btn btn--large">Join us!</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ABOUT US -->
|
|
<div id="about-us" class="page-section page-section--red page-section--b-margin">
|
|
<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="video-container">
|
|
<iframe class="content--video--right" width="560" height="315" src="https://www.youtube-nocookie.com/embed/XnC3sBJRwv0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="row__medium-4 row__medium-4--larger">
|
|
<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>
|
|
<div class="page-section--arrow-down"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- HOW IT WORKS -->
|
|
<div id="how-it-works" class="page-section page-section--darkGreen">
|
|
<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>
|
|
</div>
|
|
|
|
<div id="how-it-works-2" class="page-section page-section--lightGreen">
|
|
<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>
|
|
</div>
|
|
|
|
<!-- AGENDA -->
|
|
|
|
<!-- MEMBERS -->
|
|
|
|
<!-- FOOTER -->
|
|
<footer>
|
|
<p><span class="site-footer__text">Copyright © 2020 Bio Bulke Bende. All rights reserved.</span> <a href="#" class="btn">Join us!</a></p>
|
|
</footer>
|
|
|
|
<!-- MODAL -->
|
|
<!-- build:js assets/scripts/App.js -->
|
|
<script type="text/javascript" src="./temp/scripts/App.js"></script>
|
|
<!-- endbuild -->
|
|
</body>
|
|
</html> |