Tutorial

Beispiel Code

HTML:
<section data-bs-version="5.1" style="background: #000000" class="menu menu3 navbar-dropdown navbar-fixed-top navbar-main" group="Menu" plugins="DropDown, TouchSwipe" always-top="" global="" once="menu" not-draggable="" position-absolute="">
    <div class="navbar-container">
        <div class="navbar-logo"><a href="https://www.mobirise-tutorials.com/" target="_blank">Mobirise-Tutorials</a></div>
        <button class="navbar-toggle" aria-label="Toggle navigation">☰</button>

        <ul class="navbar-menu">
            <li class="">
                <a class="nav-link link" href="index.html" data-app-placeholder="Type Text">Startseite</a>
            </li>
            <li class="has-mega-menu">
                <a class="nav-link link" href="#" data-app-placeholder="Type Text">Seiten<span class="menu-caret" aria-hidden="true">🔻</span></a>
                <div class="mega-menu">
                    <div class="mega-menu-column">
                        <h4>Mobirise-Tutorials</h4>
                        <div class="mega-menu-image"><img src="https://www.mobirise-tutorials.com/images/logo-mobirise-250x250.png" alt=""></div>
                        <ul>
                            <li><a href="https://www.mobirise-tutorials.com/" target="_blank">Mobirise-Tutorials.com</a></li>
                            <li><a href="Tutorial.html">Tutorial Mega-Menü</a></li>
                        </ul>
                    </div>
                    <div class="mega-menu-column">
                        <h4>Forum</h4>
                        <div class="mega-menu-image"><img src="https://www.mobirise-tutorials.com/images/social-sharing/Blog.png" alt="Forum"></div>
                        <ul>
                            <li><a href="https://www.mobirise-tutorials.com/Forum/" target="_blank">Unser Forum</a></li>
                        </ul>
                    </div>
                    <div class="mega-menu-column">
                        <h4>KI generierte Seiten</h4>
                        <div class="mega-menu-image"><img src="https://www.mobirise-tutorials.com//images/AI-250.png" alt="KI generierte Seiten"></div>
                        <ul>
                            <li><a href="https://www.mobirise-tutorials.com/AI-Beispiele/" target="_blank">KI - Beispiele</a></li>                            
                            <li><a href="https://www.mobirise-tutorials.com/Mobirise-AI/" target="_blank">Mobirise AI</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="">
                <a class="nav-link link" href="https://www.mobirise-tutorials.com/Formular/" target="_blank" data-app-placeholder="Type Text">Kontakt</a>
            </li>
            <li class="">
                <a class="nav-link link" href="https://www.mobirise-tutorials.com/Forum/" target="_blank" data-app-placeholder="Type Text">Forum</a>
            </li>
        </ul>
    </div>   
</section>
CSS:
Mobirise Tutorials

Vorlageseite

Tutorial

Beispiel Code
