CPNT-260 Assignment 4

Details

• Due: Monday February 7th

Marking Rubric

This assignment is worth 15 points.

Page Content 10pts

Hero Section

• at least 1 locally hosted image using either HTML or CSS
• a heading using h1 tag
• a tagline using p tag
• a call to action
  • using a a element stylized like a button that connects to your form section
• Hero should be 75-100% of the screen height on load. Use percentage or vh units.

3rd Party Integration

• Add a 3rd party api to your home page
  • examples:
    • formspree
      • default to formspree if this is challenging
    • google maps
    • any of these free public apis

General Requirements 3pts

• Include a README markdown file in your project that includes the following information:
  • Course Title
  • Author name
  • Links to:
    • Github Repo
    • Github Pages Site
  • Reflection
    • Note 1 technical issue you had while creating this
      • How did you approach solving it
  • Attributions for code or assets that are not your own

Code quality and design requirements

• Page uses proper semantic elements
• Code indentation is 2 spaces per indent
• Follow best practices/logical file naming conventions
• paragraph text line lenght is <= 75ch
• no horizontal scroll and overflow on page

Flare 2pts

• Style that goes beyond basic responsive requirements
• examples:
  • set a colour scheme
  • create a layout with more than 1 column of content
  • hover css classes added to denote interaction with site elements
• Please add a note to what line in your css or html your instructor can see the code for your flare.

---

Submission Requirements

• Push this assignment to a repo named cpnt260-a4.
• 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