Move the code from the previous challenge into a new html document using the correct HTML structure (with Doctype at the top).
Created
December 27, 2024 13:31
-
-
Save devNenyasha/cc3509063e5fbe2d424e5f67678aeac5 to your computer and use it in GitHub Desktop.
SheCodes
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 name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SheCodes</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 20px; | |
| } | |
| h1 { | |
| font-size: 36px; | |
| margin: 0; | |
| } | |
| ul { | |
| list-style-type: disc; | |
| padding-left: 20px; | |
| } | |
| li { | |
| margin: 5px 0; | |
| } | |
| hr { | |
| margin: 20px 0; | |
| } | |
| .more-info { | |
| font-weight: bold; | |
| font-size: 18px; | |
| margin-top: 20px; | |
| } | |
| img { | |
| max-width: 100%; | |
| /* Ensures image is responsive */ | |
| height: auto; | |
| /* Keeps aspect ratio */ | |
| margin-top: 10px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>SheCodes</h1> | |
| <ul> | |
| <li><a href="https://www.shecodes.io/students" target="_blank">Coders</a></li> | |
| <li><a href="https://www.shecodes.io/workshops" target="_blank">Courses</a></li> | |
| <li><a href="https://www.shecodes.io/stories" target="_blank">Stories</a></li> | |
| </ul> | |
| <hr> | |
| <div class="more-info">More info</div> | |
| <img src="https://images.pexels.com/photos/1181543/pexels-photo-1181543.jpeg" alt="Woman coding" /> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment