This template provides a very elegant way to showcase your work using Infinity Scroll. Setting up Portfolio is simple. Please use the following codes:
You need to assign a div for each project you have inserted into portfolio structure
Fit to screen thumbnails animation effects
Set this class for fit to screen thumbnail animation with THREE JS
Also you can swap between 6 animation types by adding these classes
Set this class for fit to screen thumbnail animation with scale effect
Set this class for disable fit to screen thumbnail animation
Set this class to center all the items list
This page is composed of three section:
This page section contains the project title, subtitle and image/video.
Hero Options. All this classes are applied to #hero-caption div
Set this class to have the caption maximum width up to 1280px
Set this class to have the caption width like the viewport
This class will make your hero caption parallax on scroll
On this page section contains you can build all the page content.
This section has the following option:
Set this class to have the content maximum width up to 1280px
Set this class to have the content width like the viewport
The section should have the same atributes as the next project hero.
This section has the following options:
Set this class to change the header color for the next project page:
Set this class at to have the content maximum width up to 1280px
Set the color for Mouse Circle Cursor hovering the next page title url
First word displayed on the Mouse Circle Cursor hovering the next project title url
Second word displayed on the Mouse Circle Cursor hovering the next project title url
If there’s anything unclear or you have some concerns open a ticket on our forum and we'll get back to you.