Clean Pro for HubSpot- Custom Modules

Magic Module

This module is perfect for the top of any page you're building to ensure you create a great first impression. You'll frequently see this module at the very top of every template with the label "Hero Area".

Hero Slider

When you need to communicate just a bit more at the very top of the page.

Quick Demo

Hero Slider

Add as many slides as you like and control tons of their options.

Want a two-column slider?

Gotcha covered and then some.

Option to add a form? You bet your bottom dollar.

Magic Module

The all-new "DO EVERYTHING" module. This is the updated version of the Multi-Column Content module (below) with more options and features.

Learn More

You can add:

Text (of course)
Images / Video
Background images/ video
Forms
Buttons
Lottie files
Rotating Text
Icons

Other Features:

Smooth animations
Image layering
Parallax scrolling
And so much more...

Versa Cards

An all-powerful module that lets you create Flexi-Cards, Team Cards, Testimonial cards, and more to be added soon.

Quick Demo

London

The historic capital of the UK, brimming with iconic landmarks like the Tower of London and Buckingham Palace.

Bali

An Indonesian paradise known for its lush landscapes, iconic rice paddies, and world-class surfing beaches.

Paris

The romantic "City of Lights", home to the Eiffel Tower and renowned for its art, fashion, and cuisine.

Thailand

A Southeast Asian gem offering a blend of ancient temples, bustling markets, and idyllic islands.

Montana

The "Big Sky Country" of the US, boasting vast plains, towering mountains, and untouched wilderness.

Hawaii

A tropical US archipelago, celebrated for its vibrant beaches, rich Polynesian culture, and active volcanoes.

Content Slider

An all-powerful module that lets you create multiple types of sliders.

Quick Demo

Content Slider (Beta)

Learn tips & tricks on how to use the all-new Content Slider module here. Have feedback on an awesome feature we should add to this module or discover a bug? Pop right over here to submit your ideas.

Content Slider (Beta)

Learn tips & tricks on how to use the all-new Content Slider module here. Have feedback on an awesome feature we should add to this module or discover a bug? Pop right over here to submit your ideas.

Multi-Column Content

The "DO EVERYTHING" module. When you're not sure which module to use, go for this one.

Note: This module has been deprecated and replaced by the all-powerful Magic Module.

Quick Demo

Extremely flexible

If you're not sure which module will do the job, this needs to be your go-to. There is not much you can't do with this puppy.

Select multiple columns and arrangements
Add background videos, images, etc.
Add background column images, colors
Forms, Pop-ups, Lottie Files and more

This simple example really doesn't do this awesome module much justice. Yet, here's one more example.

See Pop-up Modal

Multi-Column Accordion

Perfect for FAQ pages or where you want to provide easy access to additional information.

Loads of features

Easily show multiple columns of accordions to give visitors to your site a deeper dive into the info they care about.

Not only that, you have full control over the style of these handy accordions.

Flexi Cards

These can be used for multiple purposes and work great as jumping-off points to other pages.

Flexi Table

Need a content table that looks awesome on a mobile device. This is it!

Title	Title	Title
Add your content here.	Add your content here.	Add your content here.
Add your content here.	Add your content here.	Add your content here.
Add your content here.	Add your content here.	Add your content here.

Image and Text Opt 1

This module works perfectly when you want to fill an entire column with an image.

Supporting images

Great when you want to use a background image that fills the entire column and sets nicely against the edge of the page.

On top of that there are loads of mobile options to make sure it stacks nicely when viewed on a smaller device.

Image and Text Opt 2

Perfect when you have a stand-alone image that needs to be in full view.

Icon & Text

When you need to show a series of features, services offering, or anything else, including an icon can do a lot.

Icon & Text

Select from a HUGE library of icons or add your very own.

Icon & Text

Control the icon color, size, and even more. You'll think it's your birthday.

Icon & Text

Easily set how many columns you want to show. Yep, it's pretty darn magical.

Hover Cards

A unique and eye-catching way to display content that is image-driven.

Hover Cards

An awesome module to spice up the design on the page. Easily select multiple cards in a single row, remove the space between each card, and many more options.

Hover Cards

Get creative with all the other great row optoins using CLEAN custom modules as well. And yes, I have a special place in my heart for pugs.

Image Gallery Grid

A simple and easily organizable grid of images that can link to other pages.

Masonry Image Gallery

Perfect when you want to give the visitor the ability to see the photo or image larger on the page.

Image Grid

Yet another creative way to display images (including gifs) on your website.

Testimonial Cards

Easily display reviews and testimonials from customers including an adjustable 5-star rating.

Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR&B affogato, health goth vice.

Sanda Cambel

Director of Marketing

★★★★★

Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR&B affogato, health goth vice.

Sanda Cambel

Director of Marketing

★★★★★

Testimonial Scroller

Add as many testimonials as you'd like to this scroller to highlight your best reviews.

Single-origin coffee echo park 3 wolf moon salvia humblebrag distillery palo santo. Master cleanse banh mi blog kinfolk, pitchfork try-hard mustache paleo.

Tom Blank

Hubspot

Master cleanse banh mi blog kinfolk, pitchfork try-hard mustache paleo. Tumblr church-key vice brooklyn whatever chia. Single-origin coffee echo park 3 wolf moon salvia humblebrag distillery palo santo.

John Smith

Hubspot

Logo Scroller

You'll have the ability to set exactly how many logos you want visible at once plus many more options.

Number Count Up

Highlight key success numbers of your product or service.

Video & Text

A simple 2 column module that works great when wanting to embed a video.

Pricing Table

A simple pricing table to highlight your products and services.

Package Name

This package is awesome!

$199

per month

Bullet point

Package Name

This package is awesome!

$199

per month

Bullet point

Package Name

This package is awesome!

$199

per month

Bullet point

Pricing Comparison Table

A robust module to show all the features included in each of your pricing plans.

Billed monthly

Billed annually

	Free-Trial	Basic
Monthly Price	New $ 0 $ 6 per/mo	New $ 19 $ 7 per/mo
Section Title
Describe Feature Here This is a great place to add a bit of extra information about the feature.
Describe Feature Here This is a great place to add a bit of extra information about the feature.
Describe Feature Here This is a great place to add a bit of extra information about the feature.
Describe Feature Here This is a great place to add a bit of extra information about the feature.

Team Profile Cards

The go-to module for your team page when you want to highlight people at your company.

Job Listing Table

Hiring new people? This is a great module to use on your recruiting page.

Card Flippers

An interesting way to create and display interactive content.

Click me and watch me do a flip.

Lorem ipsum dolor amet vape offal food truck tumeric. Actually schlitz williamsburg deep v ennui offal. Coloring book pitchfork.

Click me and watch me do a flip.

Lorem ipsum dolor amet vape offal food truck tumeric. Actually schlitz williamsburg deep v ennui offal.

Click me and watch me do a flip.

Lorem ipsum dolor amet vape offal food truck tumeric. Actually schlitz williamsburg deep v ennui offal.

Countdown Timer

Easily display the amount of time before an event, launch, or anything else.

Event Schedule

With this module, you can highlight your event's line-up and daily schedule.

10:00AM

Welcome

with Sam Smith

Master cleanse kombucha tumeric brooklyn whatever selvage, portland quinoa. Austin mlkshk pour-over kickstarter beard, put a bird on it palo santo lomo single-origin coffee master cleanse fashion axe keffiyeh hexagon art party activated charcoal.

11:00AM

Keynote

with Janet Jones

Kickstarter beard, put a bird on it palo santo lomo single-origin coffee master cleanse fashion axe keffiyeh hexagon art party activated charcoal.

1:00PM

Keynote

with Wendy Williams

Austin mlkshk pour-over kickstarter beard, put a bird on it palo santo lomo single-origin coffee master cleanse fashion axe keffiyeh hexagon art party activated charcoal.

Tabbed Content

A great way to organize similar content.

I'm baby pabst flexitarian mustache hammock, keffiyeh cold-pressed schlitz succulents bespoke lomo snackwave tote bag 3 wolf moon gochujang mixtape. Ugh hashtag mlkshk cold-pressed, live-edge williamsburg irony truffaut mustache pug. Cred forage disrupt, wayfarers lo-fi direct trade trust fund YOLO truffaut pork belly banjo selfies enamel pin hell of umami. XOXO marfa locavore synth franzen ethical salvia copper mug unicorn kogi letterpress. Taiyaki chambray tilde, lo-fi jean shorts fashion axe deep v authentic intelligentsia copper mug. Hoodie cloud bread banjo pork belly lyft.

Cred photo booth listicle chambray, humblebrag taiyaki actually jianbing whatever kitsch. Pabst chia retro, heirloom tilde coloring book neutra sartorial venmo.

Flexi Tabs - Beta

This new modules make it possible to design a tab structure utilizing all the other Clean Pro modules.

Content Filter

Easily group and sort content.

Timeline

With this module, you can easily showcase the history of your company or product launch.

Now

Jan 1st

Add your timeline event here.

End

Headline goes here

This is is supporting text.

Meeting Scheduler

Effortlessly add your HubSpot meeting calendar to any page (Note: This is a DEMO calendar below).

Form Wizard

Easily create a form with a series of steps to help not overwhelm people with a LONG form.

Home Templates

Specialty Templates

System Templates

Custom Modules

Hero

Multi-Purpose

Image & Text

Image Galleries

Social Proof

Video

Pricing

Team

Specialty

Heroes

Magic Module

Hero Banner Tutorial

Tons of Options

Add a color, image, video, or gradient background. Want two columns instead of one? Your wish is my command.

Hero Slider

Hero Slider

Hero Slider

Add as many slides as you like and control tons of their options.

Want a two-column slider?

Gotcha covered and then some.

Option to add a form? You bet your bottom dollar.

Multi-Purpose

Magic Module

You can add:

Other Features:

Versa Cards

Versa Cards

London

Bali

Paris

Thailand

Montana

Hawaii

Content Slider

Content Slider

Content Slider (Beta)

Content Slider (Beta)

Multi-Column Content

Multi-Column Content

Extremely flexible

Multi-Column Accordion

Loads of features

This is the accordion title

This is the accordion title

This is the accordion title

Flexi Cards

Flexi-Cards

Flexi-Cards

Flexi Table

Images & Text

Image and Text Opt 1

Supporting images

Image and Text Opt 2

Showcase images

Icon & Text

Icon & Text

Icon & Text

Icon & Text

Hover Cards

Hover Cards

Hover Cards

Image Galleries

Image Gallery Grid

Masonry Image Gallery

Image Grid

Social Proof

Testimonial Cards

Sanda Cambel

Director of Marketing

Sanda Cambel

Director of Marketing

Testimonial Scroller

Logo Scroller

Number Count Up

0

0