new css header footer remaining sites

pull/1/head
spagb0l 2023-04-24 17:09:47 +02:00
parent b79ed30693
commit 80df2ede81
3 changed files with 48 additions and 70 deletions

View File

@ -10,25 +10,20 @@
<body> <body>
<header> <header>
<div id="bild"> <div class="header_logo">
<a id="backlink" href="index.html"> <a href="index.html">
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a> <img src="pictures/logo_secondharvest_transparent.png" width="200" alt="Second Harvest Logo"></a>
</div>
<div id="ueberschrift">
Second Harvest<br />
</div>
<div id="unterueberschrift">
<p>gib Lebensmittel eine zweite Chance</p>
</div> </div>
<h1>Second Harvest</h1>
<p>Gib Lebensmitteln eine zweite Chance</p>
<nav class="navbar" style="--items: 4;">
<a href="ueber_uns.html">Über uns</a>
<a href="produkte.html">Produkte</a>
<a href="warenkorb.html">Warenkorb</a>
<a href="kontakt.html">Kontakt</a>
</nav>
</header> </header>
<nav id="nav_oben">
<ul>
<li><a href="ueber_uns.html">Über uns</a></li>
<li><a href="produkte.html">Produkte</a></li>
<li><a href="warenkorb.html">Warenkorb</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<div class="seite"> <div class="seite">
<div class="schrift_website"> <div class="schrift_website">
@ -56,13 +51,11 @@
<footer> <footer>
<nav id="nav_unten"> <nav class="navbar" style="--items: 2;">
<ul> <a href="impressum.html">Impressum</a>
<li><a href="impressum.html">Impressum</a></li> <a href="datenschutz.html">Datenschutz</a>
<li><a href="datenschutz.html">Datenschutz</a></li>
</ul>
<div id="balken"></div>
</nav> </nav>
<div id="balken"></div>
</footer> </footer>
</body> </body>

View File

@ -10,25 +10,20 @@
<body> <body>
<header> <header>
<div id="bild"> <div class="header_logo">
<a id="backlink" href="index.html"> <a href="index.html">
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a> <img src="pictures/logo_secondharvest_transparent.png" width="200" alt="Second Harvest Logo"></a>
</div>
<div id="ueberschrift">
Second Harvest<br />
</div>
<div id="unterueberschrift">
<p>gib Lebensmittel eine zweite Chance</p>
</div> </div>
<h1>Second Harvest</h1>
<p>Gib Lebensmitteln eine zweite Chance</p>
<nav class="navbar" style="--items: 4;">
<a href="ueber_uns.html">Über uns</a>
<a href="produkte.html">Produkte</a>
<a href="warenkorb.html">Warenkorb</a>
<a href="kontakt.html">Kontakt</a>
</nav>
</header> </header>
<nav id="nav_oben">
<ul>
<li><a href="ueber_uns.html">Über uns</a></li>
<li><a href="produkte.html">Produkte</a></li>
<li><a href="warenkorb.html">Warenkorb</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<div class="seite"> <div class="seite">
<div class="schrift_website"> <div class="schrift_website">
@ -53,13 +48,11 @@
<footer> <footer>
<nav id="nav_unten"> <nav class="navbar" style="--items: 2;">
<ul> <a href="impressum.html">Impressum</a>
<li><a href="impressum.html">Impressum</a></li> <a href="datenschutz.html">Datenschutz</a>
<li><a href="datenschutz.html">Datenschutz</a></li>
</ul>
<div id="balken"></div>
</nav> </nav>
<div id="balken"></div>
</footer> </footer>
</body> </body>

View File

@ -10,25 +10,20 @@
<body> <body>
<header> <header>
<div id="bild"> <div class="header_logo">
<a id="backlink" href="index.html"> <a href="index.html">
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a> <img src="pictures/logo_secondharvest_transparent.png" width="200" alt="Second Harvest Logo"></a>
</div>
<div id="ueberschrift">
Second Harvest<br />
</div>
<div id="unterueberschrift">
<p>gib Lebensmittel eine zweite Chance</p>
</div> </div>
<h1>Second Harvest</h1>
<p>Gib Lebensmitteln eine zweite Chance</p>
<nav class="navbar" style="--items: 4;">
<a href="ueber_uns.html">Über uns</a>
<a href="produkte.html">Produkte</a>
<a href="warenkorb.html">Warenkorb</a>
<a href="kontakt.html">Kontakt</a>
</nav>
</header> </header>
<nav id="nav_oben">
<ul>
<li><a href="ueber_uns.html">Über uns</a></li>
<li><a href="produkte.html">Produkte</a></li>
<li><a href="warenkorb.html">Warenkorb</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<div class="seite"> <div class="seite">
<div class="schrift_website"> <div class="schrift_website">
@ -56,15 +51,12 @@
<footer> <footer>
<nav id="nav_unten"> <nav class="navbar" style="--items: 2;">
<ul> <a href="impressum.html">Impressum</a>
<li><a href="impressum.html">Impressum</a></li> <a href="datenschutz.html">Datenschutz</a>
<li><a href="datenschutz.html">Datenschutz</a></li>
</ul>
<div id="balken"></div>
</nav> </nav>
<div id="balken"></div>
</footer> </footer>
</body> </body>