Edit
Animation
Options

Construct

Built for those who build

Construct Copy Image

About Construct

Construct includes about a dozen website page templates and more than two dozen custom modules to accommodate website features deemed most valuable by many contractors.

With Construct theme, your website can showcase the project imagery your reputation is built on, in a way that feels similarly crafted.

Edit

Modules in the Construct Theme

Modules come with a variety of fields for content and imagery display. Always make sure to check the styles tab for more ways to edit and customize!

Animation
Options

Accordion

An accordion module that can be toggled to expand additional content.

Button

Styled Button for links with two preset options that are set in the theme settings.

Image Button

A linked module with image background.

Jump Location

The location you wish your jump button to end at.

Numbers

A module with pre-formatted text to highlight small content numbers.

Social Follow

Links to follow your social accounts.

Table

Formatted and styled table.

Animation
Options

Arrow Link

A link module with an arrow icon.

Card Carrousel

A carrousel modules for card content.

Image Gallery

A gallery of images.

Logo Carousel

Scrolling logo module.

Pop Open Content

A button or rich text area that can open a popup with content or a form.

Social Sharing

Links to share content on your pages.

Team Card Grid

A section of cards to display team or board member information. Flips to display additional information on the back.

Animation
Options

Before/After Image

A module with a draggable bar to display to compare two images.

Dropdown

A module with a dropdown section for links.

Jump Button

A button that will scroll to its corresponding Jump Location module on the page.

Map

Area to link a Google map.

Pricing

A module with an area for pricing options, and a hover for more information.

Tabbed Content

A module with clickable links that will switch the content displayed below them.

Testimonials

A carrousel module to showcase testimonials.

Construct Theme Templates

Home

About Us

Contact

Resources

Location

Project Spotlight

Blog Index

Blog Post

Landing Page

Thank You Page

Construct-Theme-Home-Page-Template-Preview

Home

Make the right first impression with modules paired for optimal user experience. One other example is the slider module. To help theme users avoid the natural tendency to add big blocks of text describing their services, process, or even partner brands, this theme provides the option to display information in an interactive slider section on the home page and through other pages. This section is straightforward to edit directly on the page using the drag-and-drop builder.

Construct-Theme-About-Page-Template-Preview

About Us

The About Us page's Team Card Grid creates an interactive space to fully convey the expertise of your team without losing visitor's in a sea of text. 

Construct-Theme-Contact-Page-Template-Preview

Contact

Give your prospects a clean and clear place to request a quote or additional information. Abundant white space and flexibility allows you to accommodate any customer portals you may have to facilitate client communications as well.

Construct-Theme-Resource-Center-Template-Preview

Resources

Beyond individual resources, which can be organized and easily searched, the resources template page gives you the ability to house a carousel of videos. This video-first approach will enable your team to build deeper trust with prospects more quickly.

Construct-Theme-Where-We-Build-Template-Preview

Location

Showcase where you've built specific commercial buildings or define your residential remodeling service area. Construct theme can accommodate various ways of displaying where you build. Further, showcase top projects from your Project Spotlight efforts to engage website visitors longer.

Construct-Theme-Project-Spotlight-Template-Preview-1

Project Spotlight

Leverage the Before and After Photo Module to give website visitors an interactive way to engage with the work you have done for others like them. You can alternatively use the Image Gallery slider if you're going to only showcase finished works.

Construct-Theme-Blog-Index-Template-Preview-1

Blog Index

Convey expertise and professionalism through an aesthetically pleasing blog listing page (aka blog index) that will automatically populate from the HubSpot blogs feature. Choose Between Layout options in edit mode.

Construct-Theme-Blog-Post-Template-Preview-1

Blog Post

The Blog Post Template in Construct theme gives a clean, modern style where your team can answer top of mind questions for prospective customers and keep them reading helpful articles on your website.

Construct-Theme-Landing-Page-Template-Preview-1

Landing Page

Generate leads via the inbound marketing methodology by directing website visitors and external target audiences towards gated resources using Construct's landing page template.

Construct-Theme-Thank-You-Template-Preview-1

Thank You Page

Go beyond an inline form completion message with this Thank You Page template that gives submitters access immediately to the resource and then gives them a straightforward way to re-convert on another form, like you Contact Us form.

Edit

Global Content

Header Top
Header Left
Header Menu

Header

Construct offers a variety of different customization options. The optional mega menu provides you with an area for content to be displayed next to the children links.

  • 2 different layouts
  • 2 different menu options
  • Social accounts
  • Optional search box
  • Color options for background and text

Footer

Customize your footer to cap your pages off. Choose from 2 premade layouts or use the editor to customize further. Toggle between layouts in the theme settings.

  • 2 Different starting layouts
  • Drag and drop capabilities for more customization
Footer 1
Footer-2

Premade Sections

Don't feel like you need to be stuck with the same old layouts. Use the premade sections to add content anywhere you need it, and really make this theme your own.

3 CTA Sections

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

content

6 Special Content Sections

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

special

3 CTA Sections

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

CTA

3 Form Sections

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

forms

2 Hero Banners

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

hero-section

3 Project Sections

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

projects
Edit

How to Edit Construct

Displaying Searchable Content

Premade Sections

Project Preview, Filter, and Search

Filter Options

Setting Up Filters

Filter Values

Filter Module Display

Live Project Grid