Title: U7L2 Assignment: City Website - Checkpoint 5
Course: BC - Web Development 10 - 1.0 > Section: Unit 7 - Design and Layout

You will work from a copy of your U6-City Website folder and improve the layout of your site by implementing the code you learned through this unit.

Title your new folder U7-City Website, and then make the following changes.

On the homepage:

- Create a header element around your h1.
- Inside the header element, add a paragraph with a brief tagline that fits your city. Something like:
  - "A cultural hotspot with a rich history," or
  - "The beauty of nature in a modern metropolis."
- Create a nav element, and move the link to your attractions page there.
- Create a main element around the three divs containing your pictures.
- Change each of the three divs containing your pictures to section elements.
- Add an h2 with an appropriate description at the top of each section.
- Give an id to each section and add in-page links to each one in a list inside your nav element.
- At the bottom of your page, create a footer element, and place your "back to top" link and the three links to pages about your city inside it.
- Create another div to hold both your nav and main elements. Hint: give your div a class and target that class in your CSS; you'll likely add other divs to your site later.

On the attractions page:

- Add the same header element with its tagline as on the homepage.
- Create a nav element and place the link to your homepage in it.
- Create a main element around your Major Attractions table.
- Create a div around your nav and main elements.
- Create a footer at the bottom of the page and put your "back to top" link in it.

In your CSS:

- Use display: flexbox; and associated CSS to create a layout with your header at the top, the nav and main elements beside each other, and the footer at the bottom, similar to what we showed in the lesson.
- Add appropriate styles so your header, nav, main, and footer are visually distinct from each other.
- Add any additional styling (colours, fonts, font-sizes, margin, padding, etc.) that you believe contribute to the visual appeal of your site.
- You can remove any styles you've added previously that you don't believe contribute to the visual appeal of your site.

After you're finished, place your folder, containing all your html, css, and image files in a zip file named U7-City Website.zip and submit it.

Assessment:

- 10 - for completing all outlined homepage changes
- 5 - for completing all outlined changes to the attractions page
- 5 - for completing all outlined CSS changes

Total:  /20