How_To_Customize.md

April 18, 2026 · View on GitHub

🛠️ How to Customize

Note

This portfolio is fully modular. All major parts are split into reusable components and sections, making it easy to edit without breaking the core structure.

🧩 1. Update Core Components

Go to the components/ folder:

  • header.html → Update:

    • Logo / Name
    • Navigation menu
    • Theme toggle (if present)

  • footer.html → Update:

    • Copyright text
    • Social links
    • Footer description

  • slider-carousel.html → Update:

    • Social links
    • Icons
    • Animation items (if used)

Tip

Keep components reusable and avoid hardcoding page-specific content here.

📄 2. Update Sections

Go to the sections/ folder and edit each file separately:

  • education.html → Academic details
  • experience.html → Internships / work experience
  • projects.html → Showcase your work
  • skills.html → Technical + soft skills
  • about-me.html → Personal introduction

Tip

Each section is independent, treat them like modular blocks for easy scaling.

🎯 3. Add or Remove Sections

  • Add a new .html file inside sections/
  • Include it in your main layout file
  • Remove unused sections by deleting file + reference

Note

Always update navigation links inside header.html when modifying sections.

🎨 4. Styling & Layout Customization

  • Modify CSS files for design changes
  • Keep component styles separate from global styles

Tip

Stick to 2–3 primary colors for a clean and modern UI.

⚙️ 5. Functionality Customization

Edit JavaScript files for:

  • Theme switching
  • Animations
  • Interactive elements

Caution

Avoid removing core JS functions unless you understand their dependencies.

🖼️ 6. Replace Assets

  • Update images inside the images/ folder (or your image directory)
  • Optimize images for better performance

Tip

Use compressed images for faster loading and better user experience.

🚀 Final Note

Tip

Think of this project like a LEGO system, components are building blocks and sections are pages that fit together seamlessly.

🌐 Deployment

Note

Step-by-step deployment guide for GitHub Pages is available separately for easy setup.

📄 Guide: How_To_Deploy.md

⭐ Support This Project

If you like this portfolio template, consider giving it a star:

👉 ⭐ Star the Repository

Note

Your support helps improve and maintain this project for others too.