Created
February 23, 2022 02:53
-
-
Save natafaye/ddb76cc03e47006c33e82eadf64aa64b to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| margin: 0; | |
| background-color: #fafafa; | |
| font-family: Verdana, Geneva, Tahoma, sans-serif; | |
| } | |
| .button { | |
| border: 0; | |
| padding: 15px; | |
| background-color: lightgray; | |
| color: darkgray; | |
| } | |
| .button-green { | |
| background-color: #557213; | |
| color: white; | |
| } | |
| .button-red { | |
| background-color: red; | |
| color: white; | |
| } | |
| /***** Navbar *****/ | |
| .navbar { | |
| background-color: #4F5D61; | |
| padding: 10px; | |
| color: white; | |
| display: flex; | |
| justify-content: space-between; | |
| } | |
| .navbar h1 { | |
| margin: 0; | |
| } | |
| .navbar ul { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| } | |
| .navbar li { | |
| padding: 5px 10px; | |
| } | |
| .navbar a { | |
| text-decoration: none; | |
| color: white; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link rel="stylesheet" href="week1.css" /> | |
| </head> | |
| <body> | |
| <nav class="navbar"> | |
| <h1>Chairs</h1> | |
| <ul> | |
| <li><a href="#">Pricing</a></li> | |
| <li><a href="#">Services</a></li> | |
| <li><a href="#">Contact Us</a></li> | |
| </ul> | |
| </nav> | |
| <main> | |
| <div> | |
| <img src="images/chair.jpg" width="400"/> | |
| </div> | |
| <div> | |
| <h1>Heading</h1> | |
| <p> | |
| fdjskfldjsfkldsjfkdslfjdsklfjdsklfjdskfldsj | |
| <button class="button button-green">Something</button> | |
| <button class="button button-red">Something</button> | |
| </p> | |
| </div> | |
| <div> | |
| More content | |
| </div> | |
| </main> | |
| <footer> | |
| Copyright 2022 | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment