107 lines
4.5 KiB
HTML
107 lines
4.5 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">
|
|
<div class="wrapper">
|
|
<h2 class="page-section__title">About us</h2>
|
|
<h3 class="page-section__title">And about our food</h3>
|
|
<div class="row row--gutters">
|
|
<div class="row__medium-8 row__medium-8--larger row__b-margin-until-medium">
|
|
<iframe 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 class="row__medium-4 row__medium-4--larger row__b-margin-until-medium">
|
|
<div class="generic-content-container">
|
|
<h3>We started the co-op in the summer of 2019...</h3>
|
|
<p>...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.<p>
|
|
<p>Duis aute irure dolor in <strong>reprehenderit in</strong> voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidata non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>
|
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum velit esse cillum <strong>dolore eu fugiat.</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- HOW IT WORKS -->
|
|
|
|
<!-- 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> |