freibier.ccHomepage/index.html

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>freibier.cc</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" media="screen" href="https://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
    <link rel="stylesheet" href="./style/freibier.css">
  </head>
  <body>
<div id="wrapper">

<div class="header">
  <input class="menu-btn" type="checkbox" id="menu-btn" />
  <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
  <ul class="menu">
    <li><a href="/mhd/">Rezepte</a></li>
    <li><a href="/shop/">Shop</a></li>
    <li><a href="/diveers/">Wer wir sind</a></li>
    <li><a href="/blog/">Blog</a></li>
  </ul>
</div>

	<div class="logo">
		<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
		 <div class="centered">frei gebraut – frei verfügbar – frei verkäuflich</div>
	</div>

<div class="row">
  <div class="column left">
    <h2>Willkommen bei Freibier.cc</h2>
    <p>Wir sind zwei Regensburger Brauer, die es sich zur Aufgabe gemacht haben freies Bier zu brauen. Das heißt, wir veröffentlichen alle unsere Rezepte und Protokolle online.</p>
    <p>Hier kannst Du nachschauen, welche Rohstoffe wir für welches Bier verwendet haben: Welches Malz, welcher Hopfen, welcher Hefestamm und wieviel genau wovon.
       Du kannst jedes unserer Rezepte auch selbst nachbrauen. Scanne einfach den Code auf einer unserer Flaschen, oder folge dem Link auf der Flasche 
       (zusammengesetzt aus <a href="https://frbr.cc/mhd/">https://frbr.cc/mhd/</a> und dem Mindesthaltbarkeitsdatum), 
       und Du erfährst chargengenau, wie Dein Bier gebraut wurde.</p>
    <p>Ein Programmierer würde sagen unser Produkt ist open source. <br />
       Ein Verbraucherschützer würde es transparent nennen. <br />
       Wir sagen es ist frei: frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</p>
    <h2>Brauen im Waschraum <br /> - wie alles begann </h2>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </div>
  <div class="column right">
    <h2>Brauen im Waschraum <br /> - wie alles begann </h2>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </div>
</div>

	<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</body>
</html>