| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>03.2 Classes: Dream Travel</title> | |
| </head> | |
| <body> | |
| <h1>Places I'd love to visit on my trip to NEW YORK CITYYYYYY</h1> | |
| <p>Times Square</p> | |
| <p>Brooklyn Museum of Art</p> | |
| <p>Staten Island</p> | |
| <p>Brooklyn Botanical Gardens</p> | |
| <p>Bronx Zoo</p> | |
| <p>The Cloisters</p> | |
| <p>NY Mets Stadium</p> | |
| <p>The Emipre State Building</p> | |
| <p>DUMBO</p> | |
| <p>Yankee Stadium</p> | |
| <p>Bronx Botanical Gardens</p> | |
| <p>JFK Airport</p> | |
| </body> | |
| </html> |
Task 1:
Add classes to organize the places by borough.
Task 2:
Use CSS to make each of the classes look different. Manhattan, Brooklyn, Bronx and Staten Island and Queens should all have distinguishing characteristics (think about text color, background color, text size, etc.)
Task 3:
Add new places and categorize them according to the system.
Challenge:
Can you add multiple properties to each class? If you finish early add images to show each location.
| {"hiddenUIComponents":["editor.javascript"]} |
| /* Task 1: | |
| Add classes to organize the places by bourough. */ | |
| /* Task 2: | |
| Use CSS to make each of the classes look different. Manhattan, | |
| Brooklyn, Bronx and Staten Island and Queens should all have | |
| distinguishing characteristics (think about text color, background | |
| color, text size, etc.)*/ | |
| /*Task 3: | |
| Add new places and categorize them according to the system.*/ | |
| /*Challenge: | |
| Can you add multiple properties to each class? If you finish early add images to show each location.*/ |