Instructions

THIS PAGE CONTAINS INSTRUCTIONS ON HOW TO USE THIS WEBFLOW TEMPLATE AND SOME OF IT'S FUNCIONALITIES.
Custom Cursor
Cursor is a Symbol that is used on every single page. Its corresponding animations are Cursor animation lagging and Cursor animation standard. All links and buttons contain a hover animation named Cursor hover link animation and Cursor hover link animation out.
Instructions Cursor
Page Load Animation and Pre-Loader
To edit the page load animation firstly set the pre-loader class to display flex.
Instructions Pre-Loader
After pre-loader is set to display flex, you can edit the page load animation from the interactions tab inside of the designer.
Instructions Page Load
Fullscreen Menu
Fullscreen menu is a DIV inside of the symbol Menu, that is used on every single page. Its corresponding animation is Fullscreen menu animation, which is set on the menu wrapper element inside of the Menu Symbol.
Insctructions Menu
Portfolio Tabs
To change or edit the project section view on the homepage, simply click on Section Home Projects and set the desired tab/view inside the settings of the tabs. You can chose between Catalog and Index View, that both are connected to the Project Collection.
Instruction Project View