Tutorial

<!DOCTYPE html>

<html>
    <head>
        <title>Page title</title>
        <!-- Viewport settings -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Wireframe stylesheets -->
        <link rel="stylesheet" type="text/css" href="css/wireframe/layout.css">
        <!-- Color theme stylesheets -->
        <link rel="stylesheet" type="text/css" href="css/palette/simple-green/layout.css">
        <!-- Layout scripts -->
        <script src="js/layout.js" defer></script>
    </head>
    <body>
        <!-- The page's header area -->
        <header class="header"></header>
        <!-- The page's main navigation bar -->
        <nav class="menu" id="menu-sticky">
            <ul>
                <li><a href="#"><img src="img/icons/home.svg" width="18px"> Startseite</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <!-- The hamburger icon for the mobile view -->
            <span class="menu-toggle" onclick="navbar()"><img src="img/icons/menu.svg" width="18px"></span>
        </nav>
        <!-- The page's main content area -->
        <main class="container"></main>
        <!-- The page's footer area -->
        <footer class="footer"></footer>
    </body>
</html>