index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Hilfe</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/m4lab.css">
    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="/fonts/ionicons.min.css">
    <link rel="stylesheet" href="/css/Testimonials.css">
    <link rel="stylesheet" href="/css/help.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>

<body>

    <div style="background-color: #dadada;">
        <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
            <div class="row">
                <div class="col-md-12">
                    <h4 class="text-center">Hilfethemen Übersicht</h4>

                </div>
            </div>
        </div>
        <div id="gitlab" style="margin-top: 40px;margin-bottom: 30px;">
            <div class="container" style="background-color: #ffffff;">
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab</strong></h2>
                    </div>
                    <div class="col-auto" style="background-color: #ffffff;">
                        <ul>
                            <li>
                                <a href="/help/gitlab.html"> Projektverwaltung mittels Gitlab </a>
                            </li>
                            <li>
                                <a href="/help/gitlab-pages.html">Projektwebseiten mittels Gitlab-pages </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div id="videoconference" style="margin-top: 10px;margin-bottom: 30px;">
            <div class="container" style="background-color: #ffffff;">
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Videokonferenzen</strong></h2>
                    </div>
                    <div class="col-auto" style="background-color: #ffffff;">
                        <ul>
                            <li>
                                <a href="/help/jitsi.html"> Videokonferenzen über Jitsi</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div id="videoconference" style="margin-top: 10px;margin-bottom: 30px;">
            <div class="container" style="background-color: #ffffff;">
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Mailinglisten</strong></h2>
                    </div>