Skip to content

Our Coffee coffee.html

Screen Resolution

Depending on your screen resolution, zoom setting, and monitor size you will see the line breaks appear at different locations. This is ok and expected!

our coffee output

Page Requirements

  • The document is named coffee.html
  • The title displayed in the browser tab is Our Coffee

Header & Navigation

  • Identical to index.html, except for the heading text.
  • Heading text reads, Our Coffee.

Main

  • Contains three <section> elements. Each section contains a heading element and an unordered list.

Section #1

Heading: Hot Coffee Drinks

Unordered List:

  • Brewed Coffee
  • Americano (Link to the Americano article on coffeeGuide.html)
  • Espresso single, double, triple (Link to the Espresso article on coffeeGuide.html)
  • Caffe Latte (Link to the Latte article on coffeeGuide.html)
  • Vanilla Latte
  • Cappuccino (Link to the Cappuccino article on coffeeGuide.html)
  • Caffe Macchiato (Link to the Macchiato article on coffeeGuide.html)
  • Caramel Macchiato
  • Flat White (Link to the Flat White article on coffeeGuide.html)
  • Caffe Mocha (Link to the Mocha article on coffeeGuide.html)
  • Espresso con Panna (Link to the Espresso con Panna article on coffeeGuide.html)

Section #2

Heading: Iced Coffee Drinks

Unordered List:

  • Cold Brew
  • Iced Coffee
  • Iced Latte
  • Iced Vanilla Latte
  • Iced Caramel Macchiato
  • Iced Mocha
  • Iced White Mocha

Section #3

Heading: Add Ons

Unordered List:

  • Soy or Almond Milk
  • Additional Espresso Shot
  • Additional Flavored Syrup

  • Identical to the index.html footer.