michaelarob / events-calendar

Use HTML table elements to create a calendar of events.

summary	time	deliverables
Use HTML table elements to create a calendar of events.	2 hours	1 HTML file, 4 CSS files

Events calendar

Overview

• Fork this repository.
• Use <table> to create the calendar layout
• Style the calendar using as little CSS in main.css as possible—leverage modules.css and type.css
• Text can be found inside the content.txt file.
• Run it through Markbot and make sure it passes all the checks.

---

Details

• Typefaces: Merriweather
• Corner radii: 8px
• Colours:
  • Greys: #ccc, #666, #333, #f2f2f2
  • Greens: #d1e0bf, #6b7e54, #51603f
  • Reds: #f2bcbc, #b92828, #991919
  • Blues: #d2d6f0, #1d38da, #38448e
• Gridifier settings: defaults
• Typografier settings: defaults
• Modulifier settings: select all

---

Goal

Visually match the images in the “screenshots” folder.

• Final screenshots in the “screenshots” folder.

---

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.