QuoteBook

Today we are building a website to collect quotes. Quotes are text based so let's use our typography skills to make this site a pleasure to read. An example (your implementation doesn't need to be exactly like this!) is below:

Example

Instructions

  • Create a layout for the site
  • Gather your favourite quotes and organise them into groups ie. by topic or by author
  • Add them to the page and use text elements to create visual hierarchies

Tips

  • Use the appropriate HTML elements and take into consideration HTML semantics
  • Use MDN as a reference for relevant CSS properties

Challenge 1

Challenge 2

  • Add alternating colours to the quotes without using additional classes