<< .. Go to : : HOME : : Exercise 8A : : Demo 8A.1 : : Demo 8A.2 : : Demo 8A.3 : : Demo 8A.4 : : Demo 8A.5 : : Demo 8A.6 : : All Class Demos .. >>

Exercise 8A Demo: Part 5

Developing Your Styles for These Elements

Working with the Aside - Using for Secondary Navigation:

The HTML coding used to create the main area and the footer

<main>
<h2>
Having Pets is Part of Life for me.</h2>
<p>
Several paragraphs of content here.... </p>
</main>


<footer>
<p>
© 2018 Claudia. Our Piece of Animal Farm.</p>
</footer>


Here are the simple styles used for the main area and the footer. Add them in your CSS Document Styles in the head of the Document

<style type="text/css">
main {
float: right; width: 630px; margin: 0 10px 5px 0; }
main h2 {
font-family: 'Lobster Two', cursive; font-weight: normal;}

footer {
clear: both; text-align: center; border-top: 2px solid #523209; }
<style>


Having Pets is Part of Life for me.

Most of our pets have been found ones or given to us or have been rescued from a shelter. I did buy one puppy from a Pet Store because he looked too big to be in the cage he was in. So he was a "rescue" too. I gave him to my husband for Valentines Day quite a few years ago. He was a sweet dog, but not much smarter than a bag full of hammers as the saying goes.

We currently have only one dog (rescue from a friend that was moving to a state that would not take PitBulls), two inside cats (from a friend who could not keep them) and one outside cat (that someone left here), two red slider turtles (from two different people), and one Salcata Tortoise (walked into a neighbors yard).

Funny how when you put things into words you see a pattern happening... we love animals and like to see them safe and happy.

© 2018 Claudia. Our Piece of Animal Farm.


Go to Part 5 of Demo 8A.

Go back to the Exercise 8A page.

© Claudia Faulk. Created 7.18.