This template provides a lightweight and easily configurable static portfolio page. It's built using standard HTML, CSS, and JavaScript, with a touch of PHP for handling the contact form.
.
├── css/
│ └── style.css # Main styling file
├── data/
│ └── projects.json # Portfolio project data in JSON format
├── img/
│ └── ... # Image assets (logo, profile picture, icons)
├── js/
│ └── script.js # Interactive logic (animations, menu, etc.)
├── .htaccess # Server configuration (optional)
├── index.php # Main page
├── README.md # Project information
└── INSTRUCTION.md # Detailed installation guide
- Personal Information: Open
index.phpand replace all placeholders like "John Doe", titles, descriptions, and social media links with your own data. - Project Data: Edit
data/projects.jsonto add or modify your portfolio project listings. - Images: Replace the images in the
img/folder with your own (logo, profile picture, etc.). Ensure the filenames match those referenced inindex.php.
- HTML5
- CSS3
- JavaScript (Vanilla)
- PHP (for contact form only)
- Font Awesome (for icons)
This template was created by FARIS AY.
- Instagram: @faris.a.y
- Threads: @faris.a.y
Check out the live demo here: faydev.my.id
