Installation Guide

Get started with Modern Portfolio in minutes

1 Extract Files

Download and extract the Modern Portfolio package to your desired location:

modern-portfolio/
├── documentation/
├── html/
├── assets/
│   ├── css/
│   ├── scss/
│   └── js/
├── license.txt
└── README.txt

2 Open in Browser

Navigate to the html/ folder and open index.html in your web browser:

File → Open → modern-portfolio/html/index.html

Or use a local server:

python -m http.server 8000
# Then visit: http://localhost:8000

3 Customize Content

Edit the HTML files to add your content:

  • index.html - Home page
  • about.html - About section
  • services.html - Services offered
  • portfolio.html - Portfolio gallery
  • contact.html - Contact form

4 Customize Styling

Modify colors and styles in assets/css/style.css or update SCSS files:

:root {
  --color-primary: #6366f1;
  --color-secondary: #ec4899;
  --text-dark: #1e293b;
  --bg-light: #f8fafc;
}

5 Deploy

Upload all files to your web hosting:

  • FTP/SFTP to your server
  • GitHub Pages
  • Netlify
  • Vercel

System Requirements

Browser Support

  • Chrome 90+
  • Firefox 88+
  • Safari 14+
  • Edge 90+

Technical Stack

  • HTML5
  • CSS3 & SCSS
  • Vanilla JavaScript
  • No dependencies