<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="Styles/style.css">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        <title>ZooWebsite</title>
    </head>
    <body>
        <!-- Navbar -->
        <nav>
            <a><img>logo</a>

            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </nav>

        <!-- Über Uns Section -->
        <section>
            <h1>Über Uns</h1>
            <p>Über Uns</p>
        </section>

        <!-- Öffnungszeiten Section -->
        <section>
            <h1>Öffnungszeiten</h1>
            <p>Öffnungszeiten</p>
        </section>

        <!-- Patenshop Section -->
        <section>
            <h1>Patenshop</h1>
            <p>Patenshop</p>
        </section>

        <!-- Footer -->
        <footer>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </footer>

        <!-- JavaScript -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        <script src="Javascript/app.js"></script>

    </body>
</html>