Added theme to datenschutz and impressum, added backlinks to inex

This commit is contained in:
root 2020-12-09 12:53:57 +01:00
parent 47f6a3c744
commit 2c56b628c4
4 changed files with 68 additions and 15 deletions

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
@ -5,12 +6,30 @@
<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/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./style/freibier.css">
</head>
<body>
<div class="container">
<a href="https://freibier.cc/index.html"><img src="img/logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
<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>
<a href="index.html">
<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>
</a>
<div class="row">
<div class="column left">
<h1>Datenschutzerklärung</h1>
@ -74,6 +93,8 @@ widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@frei
<p>
</p>
</div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</body>

View file

@ -6,12 +6,31 @@
<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/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./style/freibier.css">
</head>
<body>
<div class="wrapper">
<a href="https://freibier.cc/index.html"><img src="img/logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
<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>
<a href="index.html">
<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>
</a>
<div class="row">
<div class="column left">
<h1>Impressum</h1>
@ -37,7 +56,11 @@
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
<p>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></p>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</body>
</html>

View file

@ -5,7 +5,7 @@
<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://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<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>
@ -29,8 +29,15 @@
<div class="row">
<div class="column left">
<h2>Willkommwn bei Freibier.cc</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>
<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>

View file

@ -25,10 +25,10 @@ h3 {color: black;
font-weight: bold;
font-style: normal;
font-size: 110%; }
a:link { text-decoration: underline; color: fuchsia; }
a:visited { text-decoration: underline; color: purple; }
a:hover { text-decoration: underline; color: navy; }
a:active { text-decoration: underline; color: navy; }
a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; }
a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; }
a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
td {color: black;
font-family: 'HKGroteskRegular';
font-weight: normal;
@ -139,6 +139,7 @@ pre {color: grey;
}
.header li a {
font-family: 'HKGroteskRegular';
display: block;
padding: 1em 1em;
border-right: 1px solid #f4f4f4;
@ -148,6 +149,7 @@ pre {color: grey;
.header li a:hover,
.header .menu-btn:hover {
font-family: 'HKGroteskRegular';
background-color: #f4f4f4;
text-decoration: underline; color: navy;
}