Exercise 8 Demo: Part E
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> © 2020 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.
Go to Part F of Demo 8.
Go back to the Exercise 8 page.
© Claudia Faulk. Updated 7.20.