Muhammad Shafeeq — Portfolio (Modular Structure)

📁 Folder Structure

portfolio/
├── index.html               ← Main file (only edit section list here)
├── style.css                ← All global styles (from original)
├── script.js                ← All global JS (from original)
├── profile.png              ← Your profile photo
├── Muhammad_Shafeeq_CV.pdf  ← Your CV download
│
├── sections/                ← ONE FILE PER SECTION — edit here!
│   ├── navbar.html
│   ├── hero.html
│   ├── about.html
│   ├── skills.html
│   ├── experience.html
│   ├── projects.html
│   ├── achievements.html
│   ├── certifications.html
│   ├── blogs.html           ← Blog cards listing
│   ├── contact.html
│   └── footer.html
│
└── blogs/                   ← Full blog post pages
    ├── blog.css             ← Shared blog post styles
    ├── flutter-clean-architecture.html
    ├── getx-state-management.html
    └── firebase-firestore-performance.html

---

✏️ How to Edit a Section

Open the file in sections/ and edit directly. For example:

• Change your phone number → sections/contact.html
• Add a new job → sections/experience.html
• Add a new project card → sections/projects.html
• Update skills → sections/skills.html

---

➕ How to Add a New Section

1. Create sections/my-new-section.html
2. Open index.html and add:

   <div id="section-my-new-section"></div>

3. Add to the SECTIONS array in index.html:

   { id: 'section-my-new-section', file: 'sections/my-new-section.html' },

4. Add a nav link in sections/navbar.html:

   <li><a href="#my-new-section">My Section</a></li>

---

📝 How to Add a New Blog Post

1. Copy any file in blogs/ and rename it, e.g. blogs/my-new-post.html
2. Update the title, date, content inside the new file
3. Open sections/blogs.html and copy any .blog-card block
4. Update the card's: href, img src, category, date, title, excerpt
5. Done — it appears on the portfolio automatically

---

🚀 How to Remove a Section

• In index.html, comment out the <div id="section-..."> line
• Comment out the matching entry in the SECTIONS array
• The section disappears from the page without deleting any files