Skip to content
pinegrow.com
Docs menuComponents and master pages

Components and master pages tutorials

Learn about components, master pages and partials with our step-by-step tutorials.

On this page

Creating a reusable navigation component in multi-page projects

A step by step guide to defining and using reusable navigation with Pinegrow Components.

Pinegrow editing an index.html page with a navigation bar, a hero section with a Learn more button, and three Heading columns at 1024 px.

Using Master pages in a multi-page project

Using a Master page in a Pinegrow project makes building quicker and keeps your design unified.

New page dialog in Pinegrow with Master Pages tut selected and the index.html starter preview showing a summer collection layout.

HealthHub - a Master page example

A ready-to-use HealthHub project that uses a master page to manage header and footer.

Pinegrow index.html of a Health Hub page with the Actions panel showing Set As Master Page and the page structure tree beside it.

Getting Mr. Pine Cone ready for Pinegrow CMS

Base templates can be easily configured to be editable in The Pinegrow content management system.

Mr. Pine Cone Hero image

In this section