Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

One Page Portfolio (HTML/CSS)

Live Preview

This is a simple one page portfolio template that anyone can use for their projects from photography to web design. I created this template so that it would be easy for anyone with basic knowledge of HTML and CSS to customize certain aspects of the template such as the colours or the typography. If you would like some extra help customizing this template or want your own custom website, then feel free to email me and I will help you as best as possible.

Demo - http://johnnythedesigner.com/templates/one-page-portfolio/


Responsive Design: This template was created to be responsive on all devices such as desktop, tablet and mobile devices. I created custom breakpoints so that all content will look good at any screen size without ruining the user experience.

Retina Support: Many devices have high resolution displays and that’s why it’s important to make images look crisp and sharp on all devices That’s the main reason why this template has retina image support thanks to the use of Retina.js.

Browser Compatibility: While creating this template, I made sure that it worked on all up to date browsers like Chrome, Safari, Firefox, Opera and Internet Explorer. I also did some browser testing to make sure that everything worked properly.

Project Pages: With every portfolio website it’s important to have project pages that go into depth about your project giving the viewer more context about your project with descriptions and images of your work related to that project.

Easy Customization: A lot of website templates can be difficult to customize but this is not the case with this template. I made it easy to change certain things such as the typography, colour palette, images and a few more things.

Well Documented: Included in this template is a separate documentation file that goes into depth about things like how to change the colour palette and how to setup the contact form.


Extras


Please note that the demo images are not included with this template.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.
Prev
Next

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.