<?php
$websitename = "Second Harvest - Startseite";
include_once("includes/head.php");
?>
<body class="index">
<?php
include_once("includes/header.php");
?>  

    <div class="content">
        <h1>Herzlich Willkommen</h1>
        <p>Wir freuen uns über Deinen Besuch.</p>
        <p>Es ist schön zu sehen, dass immer mehr Menschen sich bewusst entscheiden, keine Lebensmittel zu
            verschwenden.</p>
        <br />
        <p>Alle Produkte auf unserer Seite sind mit drei Fähnchen gekennzeichnet.</p>

            <table>
                <tr>
                    <td><img src="pictures/food_ampel_rot.png"></td>
                    <td>muss sofort verarbeitet werden</td>
                </tr>
                <tr>
                    <td><img src="pictures/food_ampel_gelb.png"></td>
                    <td>kann ein paar Tage liegen</td>
                </tr>
                <tr>
                    <td><img src="pictures/food_ampel_gruen.png"></td>
                    <td>lange Haltbarkeit</td>
                </tr>
            </table>
        
        
        <p>Damit kannst du deinen Einkauf perfekt an deinen Essensplan anpassen und weißt bereits vorher, wann Du
            etwas verbrauchen musst.<br />Bestellungen, die <strong>bis 10 Uhr</strong> bei uns eingehen, werden
            <strong>noch am selben Tag</strong>
            ausgeliefert. <br />Bestellungen nach 10, liefern wir am nächsten Tag aus.
        </p>
        </br>
        <p id="aktuelle_auswahl">Aktuelle Auswahl aus unserem Angebot:</p>

        <a class="beispiel_produkte" href="produkte.html"><img src="pictures/karotten.png" alt="Karotten"></a>
        <a class="beispiel_produkte" href="produkte.html">
            <img src="pictures/sellerie.png" alt="Sellerie"></a>
        <p>
            <a class= "button_produkte" href="produkte.html">zu den Produkten</a>
        </p>
        <h2 id="greeting-desktop">Viel Spaß bei Deinem Einkauf. Dein Second Harvest Team.</h2>
        <h2 id="greeting-mobile">Viel Spaß bei Deinem Einkauf.</h2>
    </div>

    <footer>
        <nav class="navbar-desktop" style="--items: 2;">
            <a href="impressum.html">Impressum</a>
            <a href="datenschutz.html">Datenschutz</a>
        </nav>
        <div id="balken"></div>
    </footer>
</body>

</html>