agiannis
10/11/2019 - 8:18 AM

Html Template for writing Documentation

labels : html, template , documentation , tutorial , docs , instructions

<!doctype html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<div class="container ">
    <div class="row">
        <div class="col">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col text-center"><h1 class="alert alert-secondary" role="alert">Documentation</h1></div>
    </div>
    <div class="row">
        <div class="col"><h3>Περιεχόμενα</h3></div>
    </div>
    <div class="row">
        <div class="col">
            <ul class="list-group">
                <li class="list-group-item"><a href="#link1">1 Cras justo odio</a></li>
                <li class="list-group-item">Dapibus ac facilisis in</li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <p>1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1
                Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio1 Cras justo odio<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <h3><a name="link1"></a>1 Cras justo
                odio<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
            </h3>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
            crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
            crossorigin="anonymous"></script>
</div>
</body>

</html>