TASK #1
TASK:
Add a container to the web page.
HINT:
You will need to add a div
class that will contain all of the content below the header, namely the main text
and sub-text
.
Then you will need to use the pre-built container
class in this div. To "see" the container, you can create an id with a
background color property and add that to the div that is using the container class.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #2
TASK:
Add a box and the main text.
HINT:
You will need to create a div class
inside
of your container that uses the class "twelve columns"
. This signifies the
width of the div box. Place the main text inside of this box. If you want to see the
dimension of the box, add the bcolor
class to the div. Remember that if you do this, you need to remove bcolor from the container div.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #3
TASK:
Add another box and the subtext.
HINT:
You will need to create a div class
inside
of your container, that uses the class "twelve columns"
. This signifies the
width of the div box. Place the subtext inside of this box.
Remember that you need to place this div after the div containing your main text.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #4
TASK:
Add a background picture.
HINT:
You will need to create an id in your
CSS file that will have a background image property. Be sure to also include
the
properties in the video below so that the image stretches according to the size of the browser window.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #5
TASK:
Stylize both the main text and the subtext.
HINT:
You will need to create an id
for the div
class that contains the main text and add properties that go well together. You will then need
to use this id
in the div. To stylize the subtext, you will need to do the same thing again.
CHECK UP:
Watch the video below to check that you completed the task.