The Assignment

Add an About page (about.html, linked as About after Contract in your menu) to your course site. Its header/footer match your other course pages exactly and share the same linked CSS. On it, describe in a couple of paragraphs and bullets: what this site demonstrates (ITIS3135, with a link to this hub), the tools the course uses (VS Code, Emmet, SFTP via Filezilla, Git via GitHub, browser tools, the Accumulus validator), and the sites you'll build.

How Everything Connects

This is a work in progress — the map below shows what your completed assignments will look like by the end of the course. Note the whole tree is duplicated between your school webspace (webpages.charlotte.edu) and your GitHub Pages site.

public_html/          ← webpages.charlotte.edu/youruserid/  (duplicated at yourgithubid.github.io)
│
├── index.html        ← Personal Home Page — links to the Course Site
│
├── yourfirmname.co/  ← DESIGN FIRM SITE (standalone; may instead live inside itis3135/)
│   └── index.html       linked from every COURSE page footer ("Designed by …");
│                        optional in footers elsewhere
│
└── itis3135/         ← COURSE SITE (matching header/footer on every page)
    │
    ├── components/      header.html, footer.html — shared by all course pages
    ├── styles/          default.css
    ├── scripts/
    ├── images/
    │
    │   PRIMARY MENU (in the shared header)
    ├── index.html            Home
    ├── introduction.html     Introduction
    ├── contract.html         Contract
    ├── about.html            About — describes all the sites on this map
    ├── survey.html ─┐
    ├── gallery.html │
    ├── inventory.html        assignment pages, added as modules progress
    ├── website_evaluations.html
    ├── pictures.html│
    └── ...        ──┘
    │
    │   SECONDARY MENU (links leaving the course site)
    ├── stuff/
    │   └── crap_page.htm     CRAPPY PAGE — intentionally breaks every rule
    │
    ├── hobby/                MIDTERM: standalone hobby site
    │   ├── index.html           one page, sections act as pages (SPA)
    │   └── images/
    │
    └── yourmascot/           MASCOT COMPANY: whimsical business site
        ├── components/          own header/footer — entirely different look
        ├── index.html
        └── 4+ more pages        about, products, hours, contact, ...

  LINK FLOW:  Personal Home → Course Site → (footer) → Design Firm
              Course secondary menu → Crappy Page, Hobby, Mascot Company
              Design Firm / Hobby / Mascot never link back to course pages

Requirements Checklist

• h2 is About; header/footer identical to your other course pages.
• Mentions ITIS3135 and links to this hub.
• Names the course tools (VS Code, Emmet, SFTP/Filezilla, GitHub, Accumulus).
• Lists the planned sites: personal home, course site, design firm, crappy page, whimsical product company, peer-management tool, client project.
• At least two paragraphs plus bullets.

The Vicunadator checks all of this automatically on your about.html.