Instructions

Getting started with Webflow

Helpful resources when learning your way around HTML, CSS, and Webflow:

How to use this template

We've done our best to make this template easy to use and intuitive. If you haven't already, visit the Style Guide page to view all the default styles, elements, and components

Components

We've created components for standard page elements, such as the navbar, heroes (header sections), and footer. These allow you to quickly construct pages and make changes to those elements that are automatically reflected across the site.

Icons

All icons on this template are SVGs, which are Scalable Vector Graphics. This means that no matter their size, they always look sharp.

Some icons, such as the ones used on buttons, are embedded using custom code blocks. You can add or change icons by editing the custom code blocks containing their code. We've used icons from the free and open-source heroicons collection.

To update such an icon, visit the heroicons site and locate the icon you wish to use. While hovering on the icon, select "Copy SVG" and paste the resulting code into the custom code block within the Webflow designer UI.

Templated pages

Any page in this template can be duplicated to create new pages with similar layouts easily. You can also quickly construct new pages by starting with a blank canvas and inserting a hero component, section(s), container(s), and footer.

Alternatively, you can use the supplied static page templates to quickly generate one of many standard layout types found in this template and begin inserting content.

Buy Template