About
Explore
Events & Classes
Support Us
Join
Sign In
speedcoder99
View Project Page
Run
Fullscreen
Fave Foods
HTML
CSS
JS
<!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,shrink-to-fit=no,width=device-width"> </head> <body> <div class="heading padding"> <h1>Welcome to my website!</h1> </div> <div class="main"> <p>Hello everybody!</p> <p>I like learning HTML :D</p> </div> <ol class="favour"> <h2>My favourite foods are...</h2> <li>Pizza</li> <li>Ice Cream</li> <li>Toast and Jam</li> <li>Burgers</li> <li>Spaghetti</li> <li>Noodles</li> <li>Sweetcorn</li> <li>Chicken</li> <li>Rice</li> <li>Salmon</li> </ol> </div> <div class="footer"> <p>Copyright 2021 - speedcoder99</p> <img src="https://justcodaborate.org/project_assets/zaydor%20is%20cooooool%20(2).png"> </div> </body> </html>
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Righteous&display=swap'); body { margin: 0; background-color: turquoise; } .heading { background-color: purple; color: white; text-align: center; font-size: 25px; font-family: Comfortaa; } .padding { padding: 10px; } .main { background-color: blue; font-size: 16px; font-family: Righteous; } .footer { background-color: red; color: white; text-align: center; font-size: 13px; height: 75px; font-family: Arial; } .favour { background-color: hotpink; font-family: Comfortaa; } img { border-radius: 50%; width: 46px; height:46px; }
About
Explore
Events & Classes
Support Us
Join
Sign In
