index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">

    <title>Collabwrite</title>
</head>

<body>
    <header>
        <h2>Collab<span>write</span></h2>

        <button id="newstory-container"> New Story</button>

        <button id="collab-button">Collab</button>
    </header>


    <section>
        <div id="textEditor" style="display: none">
            <textarea id="storyTextArea" rows="10" cols="50"></textarea>
            <button id="saveButton">Save</button>
        </div>
    </section>

</body>


<script src="index.js" type="module"></script>

</html>