Unzip the downloaded file and open the project folder in your preferred code editor (e.g., Visual Studio Code, Sublime Text, or Atom).
The template consists of the following key files and folders:
index.html - Main HTML file for your portfolio content.css/main.css - CSS file for styling your portfolio.js/ - Folder for javascript files.img/ - Folder for images used in the portfolio.
Navigate to the index.html file. Replace the placeholders with your own content, including your name, bio, skills, links and
contact information.
Replace placeholder images with your own by placing your images in the img folder. Update the image source URLs in the HTML to
point to your new images.
Set 'data-color' attribute to 'red' or 'blue' in the html to change theme color. Dark mode will be automatically applied according to the system settings
In the image gallery 'data-filter' attribute is responsible for filtering images. So make the 'data-filter' attribute same in the button and the
image to filter images. You can replace images in img/products folder with your own project images.
To remove a section, simply remove its corresponding HTML. Make sure to remove it also from the navigation bar.
Open the index.html file in a web browser to review your customized portfolio locally. Ensure all changes are displayed as expected
and make any necessary adjustments.
Once you're satisfied with your customized portfolio, upload the files to a web hosting service of your choice. You can use platforms like GitHub Pages or Netlify for easy and free hosting.
If you have any questions or need assistance during the customization process, feel free to reach out for support. Your feedback is valuable, and we're here to help you create a stunning personalized portfolio.
For support and inquiries, please contact us at Template Monster.
Happy customizing and showcasing your work!