webprogrammierung/includes/navbar.php

<!--
Globales Menü, wird via PHP später in alle Seiten eingebunden
-->
<nav class="nav">
    <div class="nav__left">
        <a href="index.php" class="nav__logo">
	        <img src="images/logos/logo_full.png" alt="Logo">
	    </a>
    </div>

    <!-- Mobile navbar mit Burger-Symbol -->
    <input type="checkbox" id="nav-toggle" class="nav__checkbox">
    <label for="nav-toggle" id="mobile-nav">
        <span>☰</span> <!-- Burger Icon Symbol -->
    </label>

    <ul id="mobile-nav" class="nav__mobile-menu">
        <li><a href="profile.php">Profil</a></li>
        <li><a href="login.php">Anmelden</a></li>
        <li><a href="register.php">Registrieren</a></li>
        <li>
            <label class="nav__mobile-label">Sprachen</label>
            <ul class="nav__mobile-submenu">
                <li><a href="404.php">Deutsch</a></li>
                <li><a href="404.php">Englisch</a></li>
                <li><a href="404.php">Französisch</a></li>
                <li><a href="404.php">Latein</a></li>
                <li><a href="404.php">Literatur</a></li>
            </ul>
        </li>

        <li>
            <span class="nav__mobile-label">MINT</span>
            <ul class="nav__mobile-submenu">
                <li><a href="mathe.php">Mathematik</a></li>
                <li><a href="404.php">Biologie</a></li>
                <li><a href="404.php">Chemie</a></li>
                <li><a href="physik.php">Physik</a></li>
                <li><a href="informatik.php">Informatik</a></li>
                <li><a href="404.php">Astronomie</a></li>
            </ul>
        </li>

        <li>
            <span class="nav__mobile-label">Gesellschaft & Werte</span>
            <ul class="nav__mobile-submenu">
                <li><a href="404.php">Geschichte</a></li>
                <li><a href="404.php">Erdkunde</a></li>
                <li><a href="404.php">Sozialkunde</a></li>
                <li><a href="404.php">Wirtschaftskunde</a></li>
                <li><a href="404.php">Religion</a></li>
                <li><a href="404.php">Ethikunterricht</a></li>
                <li><a href="404.php">Philosophie</a></li>
                <li><a href="404.php">Psychologie</a></li>
                <li><a href="404.php">Kunst</a></li>
                <li><a href="404.php">Musik</a></li>
                <li><a href="404.php">Theater</a></li>
            </ul>
        </li>

        <li>
            <span class="nav__mobile-label">Technik & Praxis</span>
            <ul class="nav__mobile-submenu">
                <li><a href="404.php">Technik</a></li>
                <li><a href="404.php">Werken</a></li>
                <li><a href="404.php">Hauswirtschaft</a></li>
                <li><a href="404.php">Sport</a></li>
            </ul>
        </li>
    </ul>

    <!-- normale Navbar (Desktop) -->
    <div class="nav__center">
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">Sprachen</button>
            <div class="nav__dropdown-menu">
                <a href="404.php">Deutsch</a>
                <a href="404.php">Englisch</a>
                <a href="404.php">Französisch</a>
                <a href="404.php">Latein</a>
                <a href="404.php">Literatur</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">MINT</button>
            <div class="nav__dropdown-menu">
                <a href="mathe.php">Mathematik</a>
                <a href="404.php">Biologie</a>
                <a href="404.php">Chemie</a>
                <a href="physik.php">Physik</a>
                <a href="informatik.php">Informatik</a>
                <a href="404.php">Astronomie</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">Gesellschaft & Werte</button>
            <div class="nav__dropdown-menu">
                <a href="404.php">Geschichte</a>
                <a href="404.php">Erdkunde</a>
                <a href="404.php">Sozialkunde</a>
                <a href="404.php">Wirtschaftskunde</a>
                <a href="404.php">Religion</a>
                <a href="404.php">Ethikunterricht</a>
                <a href="404.php">Philosophie</a>
                <a href="404.php">Psychologie</a>
                <a href="404.php">Kunst</a>
                <a href="404.php">Musik</a>
                <a href="404.php">Theater</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">Technik & Praxis</button>
            <div class="nav__dropdown-menu">
                <a href="404.php">Technik</a>
                <a href="404.php">Werken</a>
                <a href="404.php">Hauswirtschaft</a>
                <a href="404.php">Sport</a>
            </div>
        </div>
    </div>

    <div class="nav__right">
        <a href = "profile.php" class="nav_item nav__link">Profil</a>
        <div class="nav__search">
        <?php
            include_once 'search.php';
        ?>
        </div>
	    <a href = "login.php" class="nav__item nav__button">Anmelden</a>
	    <a href = "register.php" class="nav__item nav__button">Registrieren</a>
    </div>
</nav>