When we are creating a website or blog it is always important to have a contact area, an area where our visitors can give feedback on how their experience on the site is going. Below is a simple code on how to do this. ## <br>css session ```css @import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); *{ margin: 0; padding: 0; } root{ width: 100%; height: 100%; display: flex; font-family: "Kanit", sans-serif; font-style: normal; justify-content: center; align-items: center; } .form-session{ width: 70%; padding: 20px; border: 1px solid lightblack; } .textField{ width: 90%; padding: 8px; border: 1px solid gray; margin-bottom: 5px; border-radius: 8px; } #text{ height: 200px; } .btnSend{ width: 100px; padding: 8px; font-weight: bold; border: none; border-radius: 8px; background-color: blue; color: white; cursor: pointer; } ``` ## html session ```html <div class='root'> <div class='form-session'> Contact form <form> <input type="text" name="name" class="textField" id="textField" placeholder="Name" /> <input type="text" name="mail" class="textField" id="textField" placeholder="E-mail" /> <textarea name="" id="text" class="textField" placeholder="Message..."></textarea> <button class="btnSend">Send</button> </form> </div> </div> ``` If you like posts like this, come and learn more about frontend in this chat room [FRON-END CHATROOM](https://chat-to.dev/chat?q=javascript-room) or leave your questions in the post's comments and I'll be happy to help you