/volunteer-form

Create a large-scale volunteer registration form for a not-for-profit organization.

summary time deliverables
Create a large-scale volunteer registration form for a not-for-profit organization.
3 hours
1 HTML file, 4 CSS files, images

Volunteer form

Overview

  • Fork this repository.
  • Duplicate the form layout seen in the screenshots.
  • Choose the appropriate form input types for the content.
  • Style the form so it works well responsively.
  • The form does not need to submit to Formspree.
  • Text can be found inside the content.txt file.
  • Run it through Markbot and make sure it passes all the checks.

Details

  • Typefaces: Noto Serif
  • Colours: #fff, #6e8c62, #70ad55
  • Gridifier settings: defaults
  • Typografier settings: defaults
  • Modulifier settings: select all

Goal

Visually match the images in the “screenshots”.

  • Final screenshots in the “screenshots” folder.

Hand in

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