CPNT-260 Assignment 1

Details

Your task is to create an about page that focuses on a topic of your choice. Visually it must be responsive, mobile friendly, and easy to read.

Create a repo in github and deploy your assignment to github pages.

• for this assignment, name your page as index.html. Github pages looks for this to generate the web page.

Marking Rubric

This assignment is worth 15 points.

Site UI 3pts

• Header
• Indicates current page with an h1
• Footer
  • Copyright information (Copyright symbol, name, year)
• Navigation there should be 3-5 links in your nav
  • uses nav tag
  • links set to href="#" (except about page)
  • link title ideas:
    • contact
    • about
    • gallery
    • services/products... whatever's applicable
  • for this assignment, the navigation can be completely static

Page Content 5pts

• At least 1 img in relation to about content
  • spans 100% of its container
• h1, h2, and h3 headings
• strong and em tags
• p tag for paragraph text
• optional ul/li and/or ol/li
• 1-3 paragraphs
  • Who, what, where, why info
  • Follow long form text guidelines discussing in dsgn270

General Requirements 5pts

• 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-a1.
• 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