TASK #1
TASK:
Create two equally sized divs side-by-side in the right section.
HINT:
You will need to add two 6 column boxes one after the other. Be sure that
when they are previewed they are side-by-side.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #2
TASK:
In the first div, add a div box that will contain the picture of the cursor.
HINT:
You will need to add a 3 column box to the first div. Be sure to set a
background color to the div so that you are comfortable with it's size.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #3
TASK:
Place the picture of a cursor inside of this box.
HINT:
You will need to use the img tag to add the picture of
the cursor to the div box. Be sure to correctly size the
CHECK UP:
Watch the video below to check that you completed the task.
TASK #4
TASK:
In the first div, add another div box that will contain the cursor information.
HINT:
You will need to add to 12 column boxes to the left side after the
div that contains the cookie. Then you will need to add the appropriate text to each element.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #5
TASK:
In this box, place two div boxes on top of each other.
HINT:
You will need to add to 12 column boxes to the left side after the
div that contains the cookie. Then you will need to add the appropriate text to each element.
CHECK UP:
Watch the video below to check that you completed the task.
TASK #6
TASK:
In the top box, place the text “Cursor costs: 15” and in the bottom box, place the text “You have: 0”.
HINT:
You will need to add to 12 column boxes to the left side after the
div that contains the cookie. Then you will need to add the appropriate text to each element.
CHECK UP:
Watch the video below to check that you completed the task.
CHALLENGE EXERCISE
- Stylize all elements of your web application.
- Create div boxes for the other buildings and add them.