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