51 lines
2.2 KiB
PHP
51 lines
2.2 KiB
PHP
|
|
||
|
|
<header>
|
||
|
|
<nav>
|
||
|
|
<div class="navbar-mobile">
|
||
|
|
<div class="nav-container" >
|
||
|
|
<input class="checkbox" type="checkbox" name="" id="" />
|
||
|
|
<div class="hamburger-lines">
|
||
|
|
<span class="line line1"></span>
|
||
|
|
<span class="line line2"></span>
|
||
|
|
<span class="line line3"></span>
|
||
|
|
</div>
|
||
|
|
<div class="navbar menu-items">
|
||
|
|
<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>
|
||
|
|
<a href="impressum.html">Impressum</a>
|
||
|
|
<a href="datenschutz.html">Datenschutz</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="header-mobile-farbe">
|
||
|
|
<span class="header-mobile-text">
|
||
|
|
<h1>Second Harvest</h1>
|
||
|
|
<p>Gib Lebensmitteln eine zweite Chance</p>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div id="header-mobile-farbe" class="header-mobile-logo">
|
||
|
|
<a href="index.html">
|
||
|
|
<img src="pictures/logo_secondharvest_transparent.png" width="120" alt="Second Harvest Logo"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<nav>
|
||
|
|
<div class="header_logo">
|
||
|
|
<a href="index.html">
|
||
|
|
<img src="pictures/logo_secondharvest_transparent.png" width="200" alt="Second Harvest Logo"></a>
|
||
|
|
</div>
|
||
|
|
<div class="header_desktop">
|
||
|
|
<h1>Second Harvest</h1>
|
||
|
|
<p>Gib Lebensmitteln eine zweite Chance</p>
|
||
|
|
</div>
|
||
|
|
<div class="header_desktop">
|
||
|
|
<nav class="navbar-desktop" 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>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</header>
|