Foundation HTML5 with CSS3

Putting it All Together

background: #fc0 url(../images/logo-small.png) 20px 15px no-repeat;
background-color: rgba(255,225,105,.8);
}

#site-info .slogan {
font-style: italic;
font-family: Cambria, Georgia, serif;
margin: 0 0 .75em;
}

#site-info .copyright {
font-size: .857em;
}

#nav-info ul {
list-style: none;
margin: 0 0 .75em;
}

#nav-info li {
display: inline;
margin-right: 10px;
}

Figure 10-17. The Power Outfitters footer

And with that, we’ve reached the end of the document and we have ourselves a completed web page. Of
course, we skipped over a few elements and only covered a handful of useful techniques, but we’ve
assembled and styled a web page from top to bottom and from back to front. You can see the complete
Power Outfitters home page in Figure 10-18.