Overview:
Proxyfolio is a minimalist portfolio template designed for developers. It is a blazing fast and fully responsive template that offers a modern UI design with reveal animations. The template is open source and does not require any additional frameworks or libraries. It is multi-page and has been optimized for SEO to ensure fast loading times.
Features:
- Easy to setup
- Modern UI Design + Reveal Animations
- OpenSource
- No Additional Frameworks
- No Additional Libraries
- Multi Page
- Fully Responsive
- Super Fast and Optimized for SEO
- Valid HTML5 & CSS3
Installation:
To install Proxyfolio, follow these steps:
Step 1 - Structure:
- Go to the index.html file and update the following information:
- Add your own image in the Header section. It is recommended to use a transparent background for the image to match the theme color.
- Add your own name and custom portfolio title.
- Mention your career statement/summary using the <h4> tag.
- In the About section:
- Under the class “operations”, mention your skills using the <span> tag.
- Mention your skill title using the <h5> tag.
- Put a short description about your skill using the <p> tag.
- Copy the class “operations__content operations__content–n” to add more skills.
- In the Projects section:
- Add your project image using the <img> tag with the class “features__img lazy-img”.
- Include your project title using the <h5> tag with the class “features__header”.
- Include your project description using the <p> tag.
- Replicate the <div> with the class “features” to add more projects.
- In the Publication section:
- Include your publications title using the <h5> tag with the class “testimonial__header”.
- Include your publications description using the <blockquote> tag with the class “testimonial__text”.
- Include your username for the publishing site using the <h6> tag with the class “testimonial__name”.
- Include the publisher name using the <p> tag with the class “testimonial__location”.
- Replicate the <div> with the class “slide” to add more publications.
- In the Contact section:
- Include a custom call-to-action message using the <h3> tag with the class “section__header”.
- In the Footer section:
- Add links to your blogs and other sites using the <a> tag with the class “footer__link”.
- Include your social media URLs using the href attribute of the <a> tags.
- In the Contact Page:
- Add a custom message in the <h2> tag with the class “modal__header”.
Step 2 - Styles:
- Go to the css/style.css file and tweak the values to change to different colors and see which color suits you the most.
- If you want to get some gradients inspiration, the website UI Gradient is recommended.
Summary:
Proxyfolio is a minimalistic portfolio template designed for developers. It offers a modern UI design with reveal animations and is easy to setup. The template is open source and does not require any additional frameworks or libraries. It is fully responsive and optimized for SEO, providing a fast loading experience. With Proxyfolio, developers can effectively showcase their work and increase their visibility and online presence.