Alexander Prechtel's Instructions

Overview

Create a personal home page (index.html) that serves as your main landing page for both your school website and GitHub Pages. This page should be professional, represent you well, and serve as a gateway to your coursework and professional profiles. Complete the first HTML tutorials before doing this.

Technical Structure

• Use HTML5 semantic elements: within the body use <header>, <main>, and<footer>.
• Header: include an <h1> with your name or personal branding.
• Main: include one <h3> (the page name) and at least two <p> elements with content about you.
• Title: combine your <h1> and <h3> with a divider for the<title>.
• Footer: include navigation links (see below).
• CSS: use an embedded stylesheet inside <style> in the head.
• Validation: include the Accumulus validator and test all items.

Styling Requirements

Use embedded CSS and update at least these selectors and properties:

• Selectors: at minimum style body, h1, and h3.
• Fonts: pick at least two; differentiate headings from normal text.
• Colors: set background and font colors (tip: use coolors.co and save the palette URL).
• Layout: set margin: 0 auto, max-width between 600–1000px, and width 80–95%.

Navigation Links (Footer)

Include these links with clear separators (e.g., ~, |, spacing, or icons):

• ITIS3135 — link to itis3135/ (your course home page)

  WARNING: This link should be relative and not absolute.

• GitHub.com — link to your GitHub account profile
• CLT Web — link to your UNCC web home
• GitHub.io — link to your GitHub Pages home
• LinkedIn — link to your LinkedIn profile

Example: GitHub.com ~ CLT Web ~ GitHub.io ~ ITIS3135 ~ LinkedIn
Note: for this example my link isn't relative but yours should be.

Content Guidelines

• Professional tone suitable for any viewer.
• Personal focus; do not include course‑specific content.

  WARNING: This includes things like your freeCodeCamp and Codecademy profile links.

• Design should be distinct from your course pages.

File Management

• Create index.html for both your root and itis3135 folders.
• Use SFTP for school website uploads.
• Use GitHub Desktop or CLI for GitHub Pages.
• Keep both versions synchronized.

Important Notes

• “Home page” context varies; ensure correct location.
• index.html is the default filename servers look for.
• Test links, validate HTML, and verify in private browsing.

Quality Standards

• All links functional and public.
• No HTML validation errors.
• Professional appearance; easy navigation.

Submission

Submit ONE link to your UNCC website home page.

Example: https://webpages.charlotte.edu/aprechte/

Grading

1/30 points for pages with errors (with feedback), 2/30 for second submission with remaining errors; continues until full credit is achieved.