### TODO ###

# Home | # About | # Profile | # Work | # Contact | # Theme

# Resume | # CV | # Portfolio | # History

index.html (Root Document)
├── <head>
│   ├── Meta Tags (Title, Viewport, Description)
│   ├── CSS Links (Tailwind/Bootstrap, FontAwesome Icons)
│   └── Font Links (Google Fonts: e.g., Poppins, Inter)
└── <body >
    ├── <header> (Nav Component)
    │   ├── <a> (Logo Text)
    │   └── <nav> (Links: Home, About, Work, Contact)
    ├── <main > 
    │   ├── <section id="hero">
    │   │   ├── <h1> (Name / Headline Text)
    │   │   ├── <p> (Subtitle / Bio Summary Text)
    │   │   └── <button> (Call to Action)
    │   ├── <section id="portfolio">
    │   │   ├── <h2> (Section Title Text)
    │   │   └── <div class="grid-item">
    │   │       ├── <img> (Project Thumbnail)
    │   │       └── <p> (Project Title & Description)
    │   └── <section id="contact">
    │       ├── <h2> (Contact Header Text)
    │       └── <form> (Input fields, Submit button)
    └── <footer>
        ├── <p> (Copyright Text)
        └── <ul> (Social Media Links)