HTML Exercise: Personal Blog Page

Codepen Instructions

Create a new CodePen pen.

Instructions

Build a basic blog page that has 3 articles and any random topics you want to talk about. The text can be anything, even placeholder text ( look at this lorem ipsum text generator for an example of the official unofficial gibberish of web developers everywhere ). The blog page should contain the following:

A page header containing the blog's title
A page footer containing the copyright notice (view pretty much any web site to see an example)
Each article has a header containing a title
Each article has a footer containing the author and publication date
Each article has at least one section

Final Product

Additional Out-of-class Fun

Check out: CSS Zen Garden

CSS Zen Garden is a series of websites that all use the same HTML. You can flip through the different designs via navigation links on the page or check out all of the designs here: All CSS Garden Designs

The idea is that you can see how powerful CSS can be. Remember, these all started with the same HTML.