CODING PRACTICE 2 Chat Page In this assignment, let's build a Chat Page by applying the concepts we learned till now.
Chat Page
In this assignment, let's build a Chat Page by applying the concepts we learned till now.
Refer to the below image.
Note:
Try to achieve the design as close as possible.
Resources
Use this background image,
URL: https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/chatbg.png
CSS Colors used:
Text color Hex Code value:
- #ffffff
Background color Hex Code value for heading:
- #323f4b
Background color Hex Code values for Chat messages:
- #47a3f3
- #52606d
CSS Font families used:
- Roboto
Concepts Review
Want to quickly review some of the concepts you’ve been learning?
Take a look at the Cheat Sheets
<!DOCTYPE html> <html> <head></head> <body> <div class="background-image"> <h1 class="fist-name">Rahul</h1> <div class="textbox"> <p class="msg-sent message-text">hai</p> <p class="msg-recever message-text">hello</p> <p class="msg-sent message-text">chepu</p> <p class="msg-recever message-text">em ledhu</p> <p class="msg-sent message-text">anthyna</p> <p class="msg-recever message-text">ha anthy</p> <p class="msg-sent message-text">okay bye</p> </div> </div> </body> </html>
<!DOCTYPE html>
<html <!DOCTYPE html> <html>
Comments
Post a Comment