popup.html

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" href="styles.css">
        <script src="popup.js"></script>
    </head>
    <body>
        <br>
        <h2>Hello there, how <br>are you feeling today?</h2>

        <br>
        <img id="plant" src="assets/pot.png">
        <br><br>

        <div align="center">
            <button id="B1" class="B"></button>
            <button id="B2" class="B"></button>
            <button id="B3" class="B"></button>
            <button id="B4" class="B"></button>
            <button id="B5" class="B"></button>
        </div>
        
        <br>
        <h3 id="mood">&nbsp;</h3>
        <br>

        <script src="popup.js"></script>
        
        <div id="calendarnav">
            <button id="calendarbutton" class="B"></button>
        </div>
    
    </body>
</html>