Skip to content

Use HTML table elements to create a calendar of events.

Notifications You must be signed in to change notification settings

MichaelaRob/events-calendar

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Use HTML table elements to create a calendar of events.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 90.0%
  • HTML 10.0%