index.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>fireMessage</title>

    <!--Go to https://console.firebase.google.com-->
    <!--Sign in and add a project "fireMessage"-->
    <!--PASTE SNIPPET HERE-->


    <!--custom files-->
    <script src="lib/js/main.js" defer></script>
    <link rel="stylesheet" href="lib/css/style.css">
</head>
<body>

    <!--Add your name-->
    <h1>Bob's Messaging App</h1>

    <!--This div will be populated with messages-->
    <div class="allMessages">
        
    </div>
    
    <!--For user to input messages-->
    <div class="userContainer">
        <form>
            <div class="inputContainer">
                <div class="singleInput">
                    <label for="username">Your name:</label>
                    <input id="username" type="text">
                </div>
                <div class="singleInput">
                    <label for="message">Message:</label>
                    <input id="message" type="text">
                </div>
            </div>
            <button id="submitButton">Submit</button>
        </form>
    </div>
</body>
</html>