<!doctype html> <html> <head> <link rel="stylesheet" href="styles.css"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="side-panel"></div> <div id="main-panel"> <div id="header"> <button id="conversation-list-button" class="rounded-rectangle" onclick="showSidePanel()"><- back</button> <h1 id="header-title">NAME</h1> </div> <ul id="messages"></ul> <p id="typing-indicator">NAME is typing...</p> <div id="textbox"> <input id="textbox-input" class="rounded-rectangle" type="text" onkeydown="pressSendButton()"></input> <button class="rounded-rectangle" onclick="pressSendButton()">send</button> </div> </div> <script src="main.js"></script> </body> </html>