index.html

<html>

    <head>
        <title>
            CCC Jugendgruppe Göttingen
        </title>
        <link rel="stylesheet" href="../css/pygments.css">
        <link rel="stylesheet" href="../css/theme.css">
        <!-- CSS only -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

        <!-- JS, Popper.js, and jQuery -->
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>


    </head>

    <body style="background-color: #ffbd59;">
        <div class="mainContent">
            <nav class="menu">
                </header>
                 <header class="masthead">
                 <img src="../pictures/header.png" alt="CCC Jugendgruppe">
                 <h1><a href="index.html">Jugendgruppe CCC Göttingen</a></h1>
                 
                 <nav class="menu">
                   <input id="menu-check" type="checkbox">
                   <label id="menu-label" for="menu-check" class="unselectable">
                     <span class="icon close-icon">✕</span>
                     <span class="icon open-icon">☰</span>
                     <span class="text">Menu</span>
                   </label>
                   <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="werwirsind.html">Wer wir sind</a></li>
                    <li><a href="projekte.html">Projekte</a></li>
                    <li><a href="wissen.html">Wissen</a></li>
                    <li><a href="kontakt.html">Kontakt</a></li>
                    <li><a href="impressum.html">Impressum</a></li>
                    <li><a href="datenschutz.html">Datenschutz</a></li>
                 </ul>
                 </nav>
               </header>
            </nav>
            <article class="main">
                <header class="Titel">
                    <h1>Linux-Distributionen-Finder</h1>

            </article>
        </div>
    </body>

</html>