Skip to content

Instantly share code, notes, and snippets.

@alexpelan
Created October 11, 2017 02:45
Show Gist options
  • Save alexpelan/bf6d3ab42c276d01a6dc1e6ea0f1fdcf to your computer and use it in GitHub Desktop.
Save alexpelan/bf6d3ab42c276d01a6dc1e6ea0f1fdcf to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: https://popcode.org/?gist=bf6d3ab42c276d01a6dc1e6ea0f1fdcf

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.

<!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 Empire State Building</p>
<p>DUMBO</p>
<p>Yankee Stadium</p>
<p>Bronx Botanical Gardens</p>
<p>JFK Airport</p>
</body>
</html>
{"hiddenUIComponents":["editor.javascript"]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment