index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">

    <title>Softreck Open Source Projects</title>

    <script src="//get.jloads.com/jloads.min.js"></script>
    <script src="//code.jquery.com/jquery-3.5.1.min.js"></script>

    <script>

        jl.target({
            "head": [
                "css/fade-in.css",
                "css/index.css",
                "js/github.js",
            ],
            ".header": [
                "html/header.html",
            ],
            ".footer": [
                "html/footer.html",
            ],
        });

    </script>

</head>
<body>

<div class="header"></div>

<div class="page-content"></div>

<div class="footer"></div>


</body>
</html>