80 lines
3.1 KiB
HTML
80 lines
3.1 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, Food, Cooperative">
|
|
<meta name="description" content="Bio Bulk Bende is a 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">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- HEADER -->
|
|
<header>
|
|
<div>
|
|
<img src="#" alt="BBB logo">
|
|
</div>
|
|
|
|
<div>
|
|
<div>
|
|
<a href="#" class="btn">Join us!</a>
|
|
</div>
|
|
|
|
<nav>
|
|
<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></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<!-- STARTING SECTION -->
|
|
<div>
|
|
<img src="#" alt="A cool hero image">
|
|
|
|
<div>
|
|
<h1 class="large-hero__title">Bio Bulke Bende</h1>
|
|
<h2 class="large-hero__subtitle">Organic autonomous foodcoop, every 1<sup>st</sup> Monday of the month.</h2>
|
|
<p class="large-hero__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mag aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.n</p>
|
|
<p><a href="#" class="btn">Join us!</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ABOUT US -->
|
|
<div id="about-us" >
|
|
<h2>This section talks about us</h2>
|
|
<h3>And about our food</h3>
|
|
<img src="#" alt="A cool image">
|
|
<div>
|
|
<img src="#" alt="Another cool image">
|
|
<div>
|
|
<h2>We love to eat good food</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, < href="#">quis nostrud exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate veli esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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>
|
|
|
|
|
|
<!-- 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 -->
|
|
|
|
</body>
|
|
</html> |