biobulkbende
/
biobulkbende.org
mirror of https://github.com/biobulkbende/biobulkbende.org.git
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

nothing changed

This commit is contained in:
Tancre 2020-09-16 16:21:52 +02:00
parent 564bfcb4e4
commit 94840df1b8
2 changed files with 55 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/scss/style.scss
View File

@ -3,3 +3,4 @@
@import './base/global';
@import './base/mixins';

108
app/index.html
View File

@ -5,76 +5,76 @@
<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'>
<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>
<img src="#" alt="BBB logo">
</div>
<div>
<div>
<a href="#" class="btn">Join us!</a>
</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>
<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 magna 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>
<!-- 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, <a href="#">quis nostrud exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. 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.</p>
<p>Duis aute irure dolor in <strong>reprehenderit in</strong> 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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 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>
<!-- 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 -->
<!-- HOW IT WORKS -->
<!-- AGENDA -->
<!-- AGENDA -->
<!-- MEMBERS -->
<!-- MEMBERS -->
<!-- FOOTER -->
<footer>
<p><span class="site-footer__text">Copyright &copy; 2020 Bio Bulke Bende. All rights reserved.</span> <a href="#" class="btn">Join us!</a></p>
</footer>
<!-- FOOTER -->
<footer>
<p><span class="site-footer__text">Copyright &copy; 2020 Bio Bulke Bende. All rights reserved.</span> <a href="#" class="btn">Join us!</a></p>
</footer>
<!-- MODAL -->
</body>
</html>