index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>EIOM | Home</title>
    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="style/css/materialize.min.css"  media="screen,projection"/>
    <!--Main stylesheet-->
    <link type="text/css" rel="stylesheet" href="style/css/main_style.css"  media="screen,projection"/>
    <!--Computer Modern fonts-->
    <link type="text/css" rel="stylesheet" href="style\fonts\computer-modern\cmun-concrete\cmun-concrete.css" media="all">
    <link type="text/css" rel="stylesheet" href="style\fonts\computer-modern\cmun-serif\cmun-serif.css" media="all">
    <link type="text/css" rel="stylesheet" href="style\fonts\computer-modern\cmun-typewriter\cmun-typewriter.css" media="all">
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body>

    <div id="test"></div>

    <!--Import jQuery before materialize.js-->
    <script src="scripts/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="scripts/materialize.min.js"></script>
    <!--Main script-->
    <script type="text/javascript" src="scripts/main_script.js"></script>

</body>
</html>