Tutorials

These tutorials help you navigate the more intricate parts of the site.

Getting Started

The videos below were created to walk you through the CMS content in this template. If you're new to CMS content, we strongly recommend watching the video below to help you get started with CMS editing.

CMS Content Walkthrough

Style Guide

This page serves as a centralized hub for implementing site-wide adjustments to color, typography, components, layouts, and utilities.

Check out the video below for more detail into editing each area.

Style Guide - Walkthrough

Homepages

Homepage v1

Most sections on homepage v1 are editable from the page, but there are a few sections that get their content pulled in from the CMS collections.

  • Services
  • Projects
  • Journal

Check out the video below for more detail into editing these CMS-driven sections.

Homepage v1 - Services CMS Section Walkthrough

Homepage v1 - Projects CMS Section Walkthrough

Homepage v1 - Journal Posts CMS Section Walkthrough

Homepage v2

You can edit everything directly on the page except for the Journal section cards. This decision was made to simplify the process, ensuring a centralized editing location that enables you to add journal posts anywhere on the site.

Check out the video below for more detail into editing the Journal CMS section.

Homepage v2 - Journal Post CMS Section Walkthrough

Services

Services v1

The title and short description in the header can be modified on this page, while the information regarding services is retrieved directly from the Services CMS collection.

Check out the video below for more detail into editing these CMS-driven sections.

Services v1 Page - CMS Walkthrough

Services v2

The header title and short description on this page, along with Process, Industries Served, Safety, and Testimonial sections, can be edited. Service information is retrieved from the Services CMS collection.

Check out the video below for more detail into editing these CMS-driven sections.

Services v2 Page - CMS Walkthrough

Services Template

The Process, Industries Served, Safety, and Testimonial sections, can be edited from this template. Service information is retrieved from the Services CMS collection.

Check out the video below for more detail into editing this CMS-driven template.

Services Template - CMS Walkthrough

Projects

Projects Page

The title and short description in the header can be modified on this page, while the data for the product cards is retrieved directly from the Projects CMS collection.

Check out the video below for more detail into editing these CMS-driven sections.

Projects Page - CMS Walkthrough

Project Gallery Page

The title and short description in the header can be modified on this page, while the data for each gallery is retrieved directly from the Project Galleries CMS collection.

Check out the video below for more detail into editing these CMS-driven sections.

Project Gallery Page - CMS Walkthrough

Projects Template

All elements in this template are directly retrieved from the Projects CMS template.

Check out the video below for more detail into editing this CMS-driven template.

Projects Template - CMS Walkthrough

About Us

Team Members Section

The only area that cannot be directly edited on this page is the team member cards since they retrieve their content from the Team Members CMS collection.

Check out the video below for more detail into editing the CMS-driven section.

About Us Page - Team Members CMS Section Walkthrough

Team Members Template

All data in this template is directly retrieved from the Journal Posts CMS template.

Check out the video below for more detail into editing this CMS-driven template.

About Us Page - Team Members CMS Section Walkthrough

Careers

Careers Page

The title and short description in the header can be modified on this page, as well as the location title for each job area. The jobs themselves are retrieved directly from the Careers CMS collection.

Check out the video below for more detail into editing the CMS-driven section.

Careers Page- CMS Walkthrough

Careers Template

All data in this template is directly retrieved from the Careers CMS template.

Check out the video below for more detail into editing this CMS-driven template.

Careers Template - CMS Walkthrough

Journal

Journal Page

The header's title and short description, along with the title and form details in the newsletter section, are editable on this page. The journal posts are dynamically pulled from the Journal Posts CMS collection.

Check out the video below for more detail into editing the CMS-driven sections.

Journal Page - CMS Walkthrough

Journal All Stories Page

The title and short description in the header can be modified on this page, while the data for each journal post is retrieved directly from the Journal Posts CMS collection.

Check out the video below for more detail into editing this CMS-driven section.

Journal All Stories Page - CMS Walkthrough

Individual Journal Post Page

All data in this template is directly retrieved from the Journal Posts CMS template.

Check out the video below for more detail into editing this CMS-driven template.

Journal Posts Template - CMS Walkthrough