index.html

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <title>Rebel</title>
        <!-- styles -->
        <link rel="stylesheet" href="./styles/index.css">
        <link rel="stylesheet" href="./styles/dialog.css">
        <link rel="stylesheet" href="./styles/sidebar.css">
        <link rel="stylesheet" href="./styles/message.css">
        <link rel="stylesheet" href="./styles/chat_page.css">
        <link rel="stylesheet" href="./styles/account_page.css">
        <link rel="stylesheet" href="./styles/chat_settings.css">
        <link rel="stylesheet" href="./styles/training_page.css">
        <link rel="stylesheet" href="./styles/model_hero_page.css">
        <!-- main script -->
        <script type="module" src="index.js"></script>
    </head>
    <body>
        <div id="sidebar"></div>
        <div id="user-popup-container"></div>
        <div id="main"></div>
    </body>
</html>