build

Create a HTML web page with:

1.      A <div> tag with the ID of “header” that contains the text “click an image”

2.        A <div> tag with the ID of “main”

3.      Inside of the main <div> include four <div> 

4.       Inside each of the “divs” in the main <div> put a different image

6. Figure out a way to have each image reveal it color. For example when the “blue” image is clicked add text below that image that says “I’m blue”. Each image when clicked should reveal l it’s color or other identifying text property below the image

Hint: see the JQuery “after” function and “hasclass” function (you will need to add a class identifier to each image such as <img src="img/slide1.jpg" class="blue" /> for the blue slide.