chat html template
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
body{
background-color: rgb(255, 0, 183);
}
.chatmenu{
text-align: center;
}
.messages{
width: 500px;
height: 400px;
border: 2px solid cyan;
resize: none;
color: white;
font-size: 20px;
}
.send{
border: 2px solid cyan;
width: 300px;
color: black;
resize: none;
}
.people{
border: 2px solid cyan;
width: 220px;
background-color: lightgreen;
}
.headtext{
background-color: orange;
}
.jhon{
background-color: lightgreen;
}
</style>
</head>
<body>
<div class="people">
<h1 class="headtext">Chats</h1>
<div class="jhon">
<a href="#"><button style="border: none; background-color: cyan;"><h2><p style="background-color: red;">(1)Jhon</h2></p></button></a>
</div>
</div>
<div class="chatmenu">
<textarea disabled class="messages">
(Jhon: hi)
</textarea>
<textarea class="send" placeholder="Type Your Message">
</textarea>
</div>
</body>
</html>