Styling the header and footer - part 4

Now that we have our basic layout let's spend this article on styling the header and footer to resemble the design. As a reminder, the design I picked looks like this. You can see the circled header and footer. Styling the header Let's start with th...