about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>About</title>
</head>
<body>
    <div id="navbar"></div>
    <div id="about"></div>
    <div id="awesome_feature"></div>
    <div id="testimony"></div>
    <div id="footer"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <!-- <script src="./jquery.js"></script> -->
    <script>
        $("#navbar").load("./src/layout/navbar.html");
        $("#about").load("./src/components/about/about.html");
        $("#awesome_feature").load("./src/components/awesome_feature/awesome_feature.html");
        $("#testimony").load("./src/components/testimony/testimony.html");
        $("#footer").load("./src/layout/footer.html");
    </script>
</body>
</html>