Assignment 3. Basic Document Styling

For this assignment we will be modifying the manual, care, and training pages. We will be adding colors, images, and styling.

The following requirements must be met:

Additional requirements:

Using the concepts taught in the Basic Document Styling section on the itwebtutorials website, recreate the pages below using html5.

  1. Use inline styling when necessary, but external CSS is required. - 3 pts
  2. At least one class must be used. - 1 pt
  3. The footer's text must align to the right. - 1pt
  4. Change text and background colors with basic colors (white, black, etc) where appropriate. - 2 pts
  5. A float left or right must be used. - 1 pt
  6. The clearing of said float is to be used as well. - 1 pt

For the background color of the body, use this value: #E5E68E.
The height of the image on the manual page ("Cockatiel2.jpg") is to be set to 300px.

Total points possible: 20


Note: In the previous assignment we used the <main> tag for the main content of the page. There is a correction regarding its usage. Internet Explorer (IE) does not support <main> Therefore, for this assignment and future assignments, you may use a div with the id of "main" to style the main section.

Here is an example:
<div id="main">

Content

</div>


The image(s) used is below the page. To save, right click and choose "Save As".

Manual Page:

Manual Page
cockatiel

Care Page:

Care Page Part 1
Care Page Part 2
Cockatiel eating
Cockatiel playing with bell

Training Page:

Training Page