chat html template

Solutions on MaxInterview for chat html template by the best coders in the world

showing results for - "chat html template"
Edwin
01 Feb 2017
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5        <title></title>
6        <style>
7            
8            body{
9                background-color: rgb(255, 0, 183);
10            }
11            
12            .chatmenu{
13                
14                text-align: center;
15            }
16            
17            .messages{
18                width: 500px;
19                height: 400px;
20                border: 2px solid cyan;
21                resize: none;
22                color: white;
23                font-size: 20px;
24            }
25            
26            .send{
27                border: 2px solid cyan;
28                width: 300px;
29                color: black;
30                resize: none;
31            }
32            
33            .people{
34                
35                border: 2px solid cyan;
36                width: 220px;
37                background-color: lightgreen;
38                
39            }
40            
41            .headtext{
42                
43                background-color: orange;
44                
45            }
46            
47            .jhon{
48                background-color: lightgreen;
49            }
50            
51        </style>
52        
53    </head>
54    <body>
55        <div class="people">
56            <h1 class="headtext">Chats</h1>
57            <div class="jhon">
58              <a href="#"><button style="border: none; background-color: cyan;"><h2><p style="background-color: red;">(1)Jhon</h2></p></button></a>
59            </div>
60        </div>
61        <div class="chatmenu">
62            <textarea disabled class="messages">
63                (Jhon: hi)
64            </textarea>
65            
66            <textarea class="send" placeholder="Type Your Message">
67                
68            </textarea>
69            
70            
71        </div>
72    </body>
73</html>