In this tutorial Solodev will show you how to create an amazing portfolio to showcase your work in a way that allows for total design freedom and lazy loads your images to increase page speed
A majority of websites are places to showcase your work whether it is a personal portfolio, a client portfolio, or even an offering of products or services. Ultimately, whether you fit into any of those personas, you are all trying to do the same thing.
You're all trying to showcase what you have to offer in a way that is aesthetically amazing so that others want to engage with you. Your website is the best place to do this but where your website is hosted and managed can have a massive effect on how much web design control you have over your showcase design. In this tutorial we are utilizing echo.js to lazy load the images in your portfolio so you have a wonderfully designed portfolio without compromising on page speed or web design.
Step 1 - portfolio.html
Copy and paste the following code into portfolio.html
Step 2 - portfolio.css
Download the CSS below and include it in your web pageportfolio.css
Step 3 - Add the following includes to your web page
In this tutorial Solodev showed you how to craft a web design for your website's portfolio. Ideally, we recommend choosing a content management system (CMS) to host and manage your website that gives you total design freedom so you can truly express yourself with your portfolio showcase. Customize your web design to showcase what you love and make it your own! Enjoy!