<div class="signUp"> <p>Matrix example application: Requires a local home server running at http://localhost:8008</p> <form class="registrationForm"> <p>No account? Register:</p> <input type="text" id="userReg" placeholder="Username"></input> <input type="password" id="passwordReg" placeholder="Password"></input> <input type="button" class="register" value="Register"></input> </form> <form class="loginForm"> <p>Got an account? Login:</p> <input type="text" id="userLogin" placeholder="Username"></input> <input type="password" id="passwordLogin" placeholder="Password"></input> <input type="button" class="login" value="Login"></input> </form> </div> <div class="roomListDashboard"> <form class="createRoomForm"> <input type="text" id="roomAlias" placeholder="Room alias"></input> <input type="button" class="createRoom" value="Create Room"></input> </form> <table id="rooms" class="roomList"> <tbody> <tr> <th>Room</th> <th>My state</th> <th>Latest message</th> </tr> </tbody> </table> </div> <div class="roomContents"> <p id="roomName">Select a room</p> <div class="messageWrapper"> <table id="messages"> <tbody> </tbody> </table> </div> <form class="sendMessageForm"> <input type="text" class="textEntry" id="body" placeholder="Enter text here..." onkeydown="javascript:if (event.keyCode == 13) document.getElementById('sendMsg').focus()"></input> <input type="button" class="sendMessage" id="sendMsg" value="Send"></input> </form> </div> <div> <p>Member list:</p> <div class="membersWrapper"> <table id="members"> <tbody> </tbody> </table> </div> </div>