index.html

<!DOCTYPE html>
<html>

<head>
    <title>Kartisky JS</title>
    <meta charset='utf-8'>
    <meta name='description' content='Karitsky JS official documentation and downlad page'>
    <meta name='keywords' content='game, js ,programování, web, html, kartisky, kartisky JS, kartiskyjs, card, cards, card game, WWII'>
    <meta name='author' content='Jií Svítil'>
    <meta name='robots' content='all'>
    <!-- <meta http-equiv='X-UA-Compatible' content='IE=edge'> -->
    <link href='obr/favicon.jpg' rel='shortcut icon' type='image/png'>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>

    <link rel="stylesheet" href="css/main.css" type="text/css">
</head>

<body onscroll="">
    <script src="js/contentloader.js"></script>
    <header>
        <h1 style="margin: 0">Kartisky JS</h1>
    </header>

    <main>
        <nav id="navi">
            <ul id="navigation" style="top: 60px;">
                <li class="navclass" onclick="load('home.html'); this.name = 'active'; cssActive('navigation', 0);">Home</li>
                <li id="navid" onclick="load('doc.html'); this.name = 'active'; cssActive('navigation', 1);" class="dropdown"><a id="abootstrap" class="dropdown-toggle" data-toggle="dropdown" href="?">Documentation<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li onclick="load('doc/add.html'); this.name = 'active'; cssActive('navigation', 0);">Add category</li>
                        <li onclick="load('doc/get.html'); this.name = 'active'; cssActive('navigation', 0);">Get category</li>
                        <li onclick="load('doc/do.html'); this.name = 'active'; cssActive('navigation', 0);">Do category</li>
                    </ul>
                </li>
                <li class="navclass" onclick="load('dow.html'); this.name = 'active'; cssActive('navigation', 2);">Download</li>
                <li class="navclass" onclick="load('about.html'); this.name = 'active'; cssActive('navigation', 3);">About</li>
            </ul>
        </nav>

        <article id="content" style="margin-left:25%;padding:1px 16px;height:1000px;overflow-y: scroll; margin-top:58px">

        </article>
    </main>
</body>

</html>