index.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8. <link rel="icon" type="image/x-icon" href="images/favicon.ico">
  9. <link rel="stylesheet" href="styles.css">
  10. <title>ChatterBox</title>
  11. </head>
  12. <body>
  13. <div class="wrapper">
  14. <div class="logo">
  15. <img src="images/logo.png" alt="" id="logo-img">
  16. <h1>ASMER-CHAT</h1>
  17. </div>
  18. <div class="chatBlock">
  19. <div id="container"></div>
  20. <div class="inputBlock">
  21. <input type="text" name="nickname" id="nick" placeholder="Enter nickname..." />
  22. <br>
  23. <input type="text" name="" id="message" placeholder="Enter message..." />
  24. <br />
  25. <button id="button">
  26. <p class="buttonText">Send ></p>
  27. </button>
  28. </div>
  29. </div>
  30. </div>
  31. <script src="script.js"></script>
  32. </body>
  33. </html>