Orange Theme
Documentation

Orange has 12 ready-to-use page templates for you, as well as the default HubSpot system templates such as Search Results, Password Required Page, Subscription Page etc.

This template has been designed to be used on the homepage of your website. It contains the following sections and modules in order:

• Hero Banner
• Our Features - Three Column Card Section
• Logo Slider
• Business Statistics Section
• Recent Blog Section
• Single Column Text and Button Section
• Testimonial Slider

File location: /templates/home.html

When you need to provide some information about you and your team, you can use this template. It contains the following sections and modules in order:

• Hero Banner
• Four Column Counter Section
• Meet The Team
• Single Column Text and Button Section

File location: /templates/about.html

This template has been designed to be used on the pricing page of your website. It contains the following sections and modules in order:

• Pricing Cards
• Testimonial Slider
• FAQ

File location: /templates/pricing.html

This template has been designed to be used on the pricing page of your website. It contains the following sections and modules in order:

• Pricing Table
• Testimonial Slider
• FAQ

File location: /templates/pricing_v2.html

This is the template for your blog. It contains the following module:

• Blog Banner with Featured Posts Module
• Blog Post List with Filter Module
• blog_subscribe.module

File location: /templates/blog_v1.html

This is the template for your blog. It contains the following module:

• Blog Most Recent Posts Module
• Blog Category Post Module
• Blog Subscribe Form Module
• Single Column Text and Button Section

File location: /templates/blog_v2.html

For now, HubSpot does not allow to use drag & drop features in blog post templates. So, sections and modules are embedded into the template and you can't access them via the page editor.

File location: /templates/blog-post.html

You can use this template to create your contact page. It contains the following sections in order:

• Contact Banner
• Locations
• FAQ

File location: /templates/contact.html

You can use this template to create your contact page. It contains the following sections in order:

• Form with Contact Details Section
• FAQ
• Locations with MAp Section

File location: /templates/contact_v2.html

This is a general landing page template to collect some information about your visitors via a form. It contains the following sections in order:

• Landing Page Banner
• Two Column Image Text
• Single Column Text and Button Section
• Testimonial Slider

File location: /templates/landing-page.html

When visitors submit a form on your website, you can redirect them to a page which has been created with this template. It contains the following sections and modules in order:

• Single Column Text and Button Section

File location: /templates/thank-you.html

This template is use for create Pillar page. It contains the following sections and modules in order:

• Pillar Banner
• Pillar Table of Content Section

File location: /templates/pillar.html

Orange has 5 ready-to-use sections.

Left side image and right side text with 3 column counter.

Full width text with bottom button.

Three locations block with bottom map.

Three pricing cards

Pricing Table

Orange has 38 ready-to-use modules.

Put the most important news at the top of the page using this module.

Edit module options

We can use this module to make a Blog Banner section that highlights a specific post as featured.

Edit module options

This module allows us to set up a blog post section featuring selected categories.

Edit module options

You can create most recent post for blog index banner using this module.

Edit module options

You can create blog post listing with tag filter slider section using this module.

Edit module options

You can create blog listing section with tag filter using this module.

Edit module options

You can create blog subscription form section using this module.

Edit module options

You can create business statistics section with counter using this module

Edit module options

You can create button using this module.

Edit module options

You can create flip the card section using this module.

Edit module options

You can create contact banner section with contact form and map using this module.

Edit module options

You can create event calendar section using this module.

Edit module options

You can create Frequently Asked Question section using this module.

Edit module options

You can create contact banner section with form and contact details using this module.

Edit module options

You can create counter section using this module.

Edit module options

Create banner using this module for the pages.

Edit module options

You can create banner section with animation using this module.

Edit module options

You can create horizontal timeline section using this module.

Edit module options

You can create full width video section using this module.

Edit module options

You can create banner section with form using this module.

Edit module options

You can create locations section using this module.

Edit module options

You can create locations section with map using this module.

Edit module options

Create logo slider using this module

Edit module options

You can create team members section using this module.

Edit module options

You can create three column card section using this module.

Edit module options

You can create banner section with background image and banner text with button using this module.

Edit module options

You can create table of content with verticle scroll section using this module.

Edit module options

You can create pricing section using this module.

Edit module options

You can create pricing section using this module.

Edit module options

You can create Recent blog section usin this module.

Edit module options

You can create recent blog post section using this module.

Edit module options

You can create full with text and button section using this module.

Edit module options

You can create tab section using this module.

Edit module options

You can create testimonial slider section using this module.

Edit module options

You can create icon and text section using this module.

Edit module options

You can create three column video section using this module.

Edit module options

You can create alternate image and text section using this module.

Edit module options

You can create vertical timeline section using this module.

Edit module options