Answers for "chat application html template"

1

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>
Posted by: Guest on August-17-2021

Browse Popular Code Answers by Language