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="index.php?pfad=profile">Profil</a></li>
        <li><a href="index.php?pfad=login">Anmelden</a></li>
        <li><a href="index.php?pfad=register">Registrieren</a></li>
        <li>
            <label class="nav__mobile-label">Sprachen</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=deutsch">Deutsch</a></li>
                <li><a href="index.php?pfad=englisch">Englisch</a></li>
                <li><a href="index.php?pfad=franzoesisch">Französisch</a></li>
                <li><a href="index.php?pfad=latein">Latein</a></li>
                <li><a href="index.php?pfad=literatur">Literatur</a></li>
            </ul>
        </li>

        <li>
            <label class="nav__mobile-label">MINT</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=mathe">Mathematik</a></li>
                <li><a href="index.php?pfad=biologie">Biologie</a></li>
                <li><a href="index.php?pfad=chemie">Chemie</a></li>
                <li><a href="index.php?pfad=englisch">Physik</a></li>
                <li><a href="index.php?pfad=informatik">Informatik</a></li>
                <li><a href="index.php?pfad=astronomie">Astronomie</a></li>
            </ul>
        </li>

        <li>
            <label class="nav__mobile-label">Gesellschaft & Werte</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=geschichte">Geschichte</a></li>
                <li><a href="index.php?pfad=erdkunde">Erdkunde</a></li>
                <li><a href="index.php?pfad=sozialkunde">Sozialkunde</a></li>
                <li><a href="index.php?pfad=wirtschaft">Wirtschaftskunde</a></li>
                <li><a href="index.php?pfad=religion">Religion</a></li>
                <li><a href="index.php?pfad=ethik">Ethikunterricht</a></li>
                <li><a href="index.php?pfad=philosophie">Philosophie</a></li>
                <li><a href="index.php?pfad=psychologie">Psychologie</a></li>
                <li><a href="index.php?pfad=kunst">Kunst</a></li>
                <li><a href="index.php?pfad=musik">Musik</a></li>
                <li><a href="index.php?pfad=theater">Theater</a></li>
            </ul>
        </li>

        <li>
            <label class="nav__mobile-label">Technik & Praxis</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=technik">Technik</a></li>
                <li><a href="index.php?pfad=werken">Werken</a></li>
                <li><a href="index.php?pfad=hauswirtschaft">Hauswirtschaft</a></li>
                <li><a href="index.php?pfad=sport">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="index.php?pfad=deutsch">Deutsch</a>
                <a href="index.php?pfad=englisch">Englisch</a>
                <a href="index.php?pfad=franzoesisch">Französisch</a>
                <a href="index.php?pfad=latein">Latein</a>
                <a href="index.php?pfad=literatur">Literatur</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">MINT</button>
            <div class="nav__dropdown-menu">
                <a href="index.php?pfad=mathe">Mathematik</a>
                <a href="index.php?pfad=biologie">Biologie</a>
                <a href="index.php?pfad=chemie">Chemie</a>
                <a href="index.php?pfad=physik">Physik</a>
                <a href="index.php?pfad=informatik">Informatik</a>
                <a href="index.php?pfad=astronomie">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="index.php?pfad=geschichte">Geschichte</a>
                <a href="index.php?pfad=erdkunde">Erdkunde</a>
                <a href="index.php?pfad=sozialkunde">Sozialkunde</a>
                <a href="index.php?pfad=wirtschaft">Wirtschaftskunde</a>
                <a href="index.php?pfad=religion">Religion</a>
                <a href="index.php?pfad=ethik">Ethikunterricht</a>
                <a href="index.php?pfad=philosophie">Philosophie</a>
                <a href="index.php?pfad=psychologie">Psychologie</a>
                <a href="index.php?pfad=kunst">Kunst</a>
                <a href="index.php?pfad=musik">Musik</a>
                <a href="index.php?pfad=theater">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="index.php?pfad=technik">Technik</a>
                <a href="index.php?pfad=werken">Werken</a>
                <a href="index.php?pfad=hauswirtschaft">Hauswirtschaft</a>
                <a href="index.php?pfad=sport">Sport</a>
            </div>
        </div>
    </div>

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