index.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>CHAT</title>
  8. <link rel="stylesheet" href="css/main.css">
  9. <link rel="preconnect" href="https://fonts.googleapis.com">
  10. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  11. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="stylesheet">
  12. </head>
  13. <body>
  14. <div class="chat">
  15. <div id="chatInterface">
  16. <div class="nickname">
  17. <input id="nick" type="text" required>
  18. <label for="nick">Nickname</label>
  19. </div>
  20. <div class="message">
  21. <input id="msg" type="text" required>
  22. <label for="msg">Message</label>
  23. </div>
  24. <input id="btn" type="button" value="SEND">
  25. </div>
  26. <div id="chatWindow"></div>
  27. </div>
  28. <script src="js/main.js"></script>
  29. </body>
  30. </html>