Skip to content

2. Task 2 - Cafe Site

2.1 Overview

You have been tasked with marking up a website for a local cafe. Your role is to use markup you have learned to implement the features described in the Task Outline.

Download Site Files

2.2 Requirements

  • All tasks in the Task Outline must be completed.
  • The completed site must be deployed to GitHub Pages.

2.3 Task Outline

Task Description
Restore Navigation Links Replace each nav href="#" with the correct page filenames (index.html, about.html, items.html, contact.html).
Add Cafe Logo Replace the TODO comment in each page with the logo inside of /assets/images folder to the navigation bar to the left of the home link, the logo should be a clickable link that sends you to the home page.
Add Team Images Replace the TODO comments in index.html with <img> tags reference the image of each staff member inside of /assets/images
Add Menu Images Replace the TODO comments in items.html with <img> tags referencing the image assets inside of /assets/images.
Contact Form Confirmation Page Add a contact-thank-you.html page with a thank you for submitting message.
Add Opening Hours Table Replace the TODO comment in index.html with a table with two columns: Days and Hours, and a row for each day the cafe is open.
Add Colours Add some colour to the website by changing values within the style.css file.