Assignment 2 - Services, Info, Team Members, or Product Page

• 20% of Final Grade | Due September 26 11:59pm 2021

Client User Stories

• Create a page that will present about a particular product, service, or an information page for a client

Marking Rubric

Each of the following will be marked out of 4 points (for a total of 20 points), based on the requirements below:

Code Quality

• Page is marked up with proper semantic structural elements
  • header, nav, main, article, footer
• Accessibility best practices
  • contrast ratio below AA for text size
  • images have proper alt text
• Use best practices with file/directory names, commenting, and indentation
  • 2 spaces per indent
  • no spaces in file names, use dashes or underscores instead
  • In general, use lower case characters except for README file name and DOCTYPES
  • Filenames should be short but descriptive (< 25 characters)

1. Site Content

• It must include a responsive 3 card layout
• There must be at least 1 other section of content that includes text and at least 1 image or icon
• Page must have consistent visual hierarchy
• Simple Responsive Navigation

2. Card Design

• Each card must:
  • be wrapped in an article element
  • include heading text and relevant body text
  • a raster image, icon, or svg
  • Must be narrower than it is tall
  • have minimum text width of 20ch
  • card text cannot touch any boundaries

3. Other Content Section

• At least one other page section that:
  • has body text
  • has a list
  • has an image
• Examples:
  • Description of team
  • Description of services
  • Details of why something's awesome

4. Responsive Navigation

• Nav should be horizontal on wide screens and vertical on narrow
• Use nav tag
• Can use media queries, flexbox, or css grid to achieve responsiveness
• Nav has no more than 7 links max

5. Project Documentation

• Include a README.md in your project that contains:
  • Course Title:
  • Author Name:
  • Links to
    • Github Repo
    • Github Pages
  • Code Review (less than 500 words)
    • Outline a bug that you ran into
    • How did you fix it?
    • What benefits/limits came out of your solution beyond the immediate goal
  • Attributions

Submission Requirements

• Push this assignment to a repo named cpnt260-a2.
• ZIP all files required for the site to operate and upload to Brightspace.
• Leave a link to the following as a comment in your Brightspace submission (this is duplicated in your readme but comes in handy sometimes):
• GH repo
• GH Pages site