-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (34 loc) · 1.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wassup Chat</title>
<link rel="shortcut icon" href="wassup.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/57c416f0a3.js" crossorigin="anonymous"></script>
</head>
<body>
<section class="chat__section">
<div class="brand">
<img src="wassup.png" alt="" height="35px">
<h1>Wassup</h1>
</div>
<div class="message__area">
<!-- <div class="join"><p>aman joined the chat</p></div> -->
<!-- <div class="message outgoing"><h4>aman</h4>
<p>aman bhai Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore consequatur facilis ipsa necessitatibus quasi vitae beatae sint, iusto perspiciatis fugiat harum fuga, adipisci aspernatur nesciunt blanditiis impedit ipsam totam ratione in unde sapiente nostrum. Dolorum numquam blanditiis ducimus dolor expedita fugiat minima sint possimus!
</p></div>
<div class="incoming message"><h4>aftab</h4>
<p>hiii Lorem ipsum dolor sit amet consectetur adipisicing elit. A, commodi assumenda ipsa dolorum magnam atque temporibus doloremque, eius laborum quasi dicta quo facilis ducimus voluptatibus! Fugiat deserunt ad praesentium. Mollitia facilis illo, voluptatem pariatur fugiat consectetur nostrum ipsum. Iure explicabo hic aperiam veniam culpa?</p></div> -->
</div>
<form class="bottom">
<textarea id="textarea" cols="30" rows="1" placeholder="Write a message..." wrap="hard" ></textarea>
<button class="btn" type="submit"><img src="send.png" width="25px" alt=""></button>
</form>
</section>
<script src="/socket.io/socket.io.js"></script>
<script src="client.js"></script>
</body>
</html>