Showcase Slider

This template provides a very elegant way to showcase your work using a WebGL fullscreen slider. Setting up is simple. Please use the following codes:

Code Example:

---

Slide

Showcase slide options

Options	Description
change-header	Set this class if you want to invert the header color when this slide will fit the viewport
data-color="#558e2f"	Set color for mouse cursor on title hover

---

---

---

Project Page

This page is composed of three section:

---

Hero

This page section contains the project title, subtitle and image/video.

Code Example:

Hero Caption Options

Options	Description
parallax-scroll-caption	Set this class to have the caption title parallax on scroll
parallax-scroll-image	Set this class to have the hero image parallax on scroll

---

---

Main Page Content

On this page section contains you can build all the page content.

Code Example:

This section has the following option:

Options	Description
content-max-width	Set this class to have the content maximum width up to 1280px
content-full-width	Set this class to have the content width like the viewport

---

---

Next Project Navigation

The section should have the same atributes as the next project hero.

Code Example:

This section has the following options:

Options	Description
auto-trigger	Set this class for autotrigger link on reach bottom of each project page
data-color="#838b8a"	Set the color for Mouse Circle Cursor hovering the next page title url