Assuming you:
- Have a free GitHub app
- Have installed the GitHub App for Mac or Windows
- Have signed into GitHub
Then:
- Click the "Fork" button in the upper-right corner of this page. This will create a duplicate copy of this entire repository under your account.
- Now, your page should say "Your Name / html-css" at the top instead of "mpcs52553/html-css".
- Next, let's get the code down to your laptop. Click "Clone in Desktop" in the lower-right of this page. That should trigger your GitHub App to start up and sync the code down to your laptop.
- Modify the
homework.html
file so that it looks (roughly) likehomework.png
. Please don't duplicate the exact text - you should use some content that's interesting to you - but the general layout should be the same.
Here is the HTML guide I mentioned in class:
Your code will be judged on:
- Is it s a valid HTML 5 document (has proper doctype, html, head, and body elements)?
- Do elements have proper open and closing tags?
- Are you using the Arial font (or another font of your choosing)?
- Does it look (roughly) similar in structure to the goal?
In order to complete the challenge, here are some HTML elements and CSS properties that might help. You don't need all of these. There are many ways to solve it, so I'm just throwing out some examples.
ol
ul
li
p
h1
h1
header
footer
font-family
border
background-color
color
margin
padding
list-style-type