Portfolio Website v1

Portfolio Website

This is a personal portfolio website showcasing projects, achievements, and personal information.

Folder Structure

Portfolio-Website/
├── index.html
├── blog.html
├── flex.html
├── .github/
│   └── workflows/
│       ├── build-deploy.yml
│       ├── create-release.yml
│       └── release.yml
├── assets/
│   ├── css/
│   │   ├── main/
│   │   │   ├── style.css
│   │   │   ├── blog.css
│   │   │   └── flex.css
│   │   └── utility/
│   │       └── utility.css
│   ├── js/
│   │   └── (JavaScript files will go here)
│   ├── images/
│   │   ├── hero.png
│   │   ├── profile/
│   │   ├── projects/
│   │   ├── achievements/
│   │   ├── family/
│   │   └── general/
│   ├── videos/
│   │   ├── projects/
│   │   └── personal/
│   └── documents/
│       ├── projects/
│       └── other/
└── README.md

Structure Explanation

• HTML Files: Main pages of the website (index.html, blog.html, flex.html)
• CSS: All styling files organized by type (main styles vs utility)
• JS: JavaScript files for interactivity (empty for now)
• Images: Organized by content type (profile, projects, achievements, etc.)
• Videos: Personal and project videos
• Documents: Project files and other documents

Pages

• index.html: Main landing page with introduction and skills
• blog.html: Project showcase and academic work
• flex.html: Video projects and personal achievements

Features

• Responsive design
• Project showcase
• Personal information
• Contact form