index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>chat-App</title>
<!-- 
    //defer mean script load in background after dom script load -->
    <script defer src="http://localhost:8000/socket.io/socket.io.js"></script>
<script defer src="js/client.js">  </script>
<link rel="stylesheet" href="css/style.css"> 
</head>
<body>
    <nav>
       
        <img  class="logo"  src="chat.png" alt="">
        <h1>Welcome to Chat Application</h1>
    </nav>
    <div class="container">    
   </div>
    <div class="send">
        <form action="" id="send-container">
            <input type="text" name="messageInp" id="messageInp">
            <button class="btn" type="submit">
                send

        </form>

    </div>
    
</body>
</html>