Skip to content

assignment-02.md

Latest commit

 

History

History
51 lines (36 loc) · 1.55 KB

assignment-02.md

File metadata and controls

51 lines (36 loc) · 1.55 KB

Assignment 02 — Personal Webpage with Emmet

Objective

Practice Emmet abbreviations to quickly create a semantic HTML-only personal webpage with multiple sections.

Focus: sections, navigation, tables, lists, and linking,

What Was Implemented

The following concepts were used in this assignment:

  • Emmet abbreviations for fast HTML coding
  • Semantic HTML elements: header, nav, main, section, aside, footer
  • Navigation menus with internal links
  • Lists for Education and GitHub repositories
  • Tables for Technical Skills
  • Commented out sections for optional content (Work Experience)
  • xternal links to GitHub and LinkedIn

Main Sections

  • Banner: Name & short intro
  • Navigation: About Me, Education, Work Experience, Technical Skills
  • About Me: 1-2 paragraphs about yourself
  • Education: List of institutes + details
  • Work Experience: Optional / commented
  • Technical Skills: Table with skills & levels
  • Aside: Links to GitHub repositories
  • Footer: Brief re-intro + social links

Page Structure Overview

<header>     <!-- Banner: name & intro --> </header>
<nav>        <!-- Navigation links --> </nav>
<main>       <!-- Core content sections --> </main>
<aside>      <!-- GitHub repositories --> </aside>
<footer>     <!-- Contentinfo & social links --> </footer>

Implementation Reference

HTML file:

Assignment-02/webpage.html

Tip

This README documents structure and intent.
The HTML file demonstrates actual implementation using Emmet.