<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1021763991361312&amp;ev=PageView&amp;noscript=1">

Module Library

I'm always adding new custom modules to the CLEAN series as well as improving the existing ones. This page is a constant work in progress, so check back.

 

Global Modules

There are only a handful of these types of modules. Each is editable directly from the Design Manger. 

 

Row Modules

These beauties are the building blocks of your CLEAN website. They are designed to be extremely customizable to give you tons of flexibility.
clean-comparison-table
New

CLEAN 5 - Row - Comparison Table

One of the most requested custom modules is now available and loaded with features. Show a detailed breakdown of your packages with this feature/price comparison table.  You'll have the ability to easily add, remove, and organize the each row of features and select which package includes them.  

See Demo
Recently Added:

3/19/2019

clean-comparison-table
Text

CLEAN 5 - Row - Content Filter

When you've got a plethora of content that you want to be easily discoverable, this custom module rocks! Plus, it looks rad! You can easily create the filters you'd like and add content thumbnails till your hearts desire.

See Demo
Recently Added:

3/08/19

clean-event-table-1
Text

CLEAN 5 - Row - Event Table (Schedule)

Have an event?  This handy little module offers an easy way to display the schedule for the day. With a ton of flexibility, you can easily add as many rows as you like. 

See Demo
Last Updated:

11/20/18

clean-full-width-content
UPDATED

CLEAN 5 - Row - Full Width Content

Likely one of the most used modules in the CLEAN series due to its simplicity and flexibility. You can easily select a background color, text colors, content alignment and more.

Plus, you can now toggle on/off the little divider accent line.

See Demo
Last Updated:

3/15/19

clean-highlight-form
Text

CLEAN 5 - Row - Highlight Form

A simple module that give you the opportunity to draw attention to a form you have included on the page.  You can have the option to select a background color (trendy gradient if you please) or a background image. Easily set the height of the row to accommodate any form length.

See Demo
Last Updated:

11/20/18

clean-highlight-text
Text

CLEAN 5 - Row - Highlight Text and CTA

Very similar to the Highlight Form above, this module simply gives you the ability to add a Call to Action.  You can of course upload a background image for the row and add that fancy parallax feature everyone loves.

See Demo

Last Updated:

11/20/18

clean-icon-3-col
Text

CLEAN 5 - Row - Icon with Text - 3 Columns

With this simple module you can select from tons of included icons (via FontAwesome) or choose to upload your own.  And yes... You can, of course, control the size, color, alignment of the icon and text.

See Demo
Last Update:

11/20/18

clean-icon-4-col
Text

CLEAN 5 - Row - Icon with Text - 3 Columns

With this simple module you can select from tons of included icons (via FontAwesome) or choose to upload your own.  And yes... You can, of course, control the size, color, alignment of the icon and text.

See Demo
Last Update:

11/20/18

clean-img-text-full
Text

CLEAN 5 - Row - Image and Text - Opt 1

This fancy module spans the entire page and is great way to break up the layout.  Easily add an image and decide which side you'd like it on and of course edit the content until you've found the perfect combo.

Formally called: CLEAN 5 - Row - Image and Text - Full Width

See Demo
Last Updated:

11/20/18

clean-img-text-2
Text

CLEAN 5 - Row - Image and Text - Opt 2

Another mainstay in the CLEAN series. This custom module is perfect for when you want to strengthen your content with an image. You can select which side the image appears, change the background color, and much more. 

See Demo
Last Updated:

11/20/18

clean-image-grid
NEW

CLEAN 5 - Row - Image Grid

This module is a ton of fun! Create a beautiful row of images that are flush edge to edge. You can select whether you want two or 6 images across.  It gets even cooler when you stack these modules on top of one another.

Note: These are great for images that you don't mind if the edges get cropped out of frame.

See Demo
Recently Added:

4/14/19

clean-job-listing
Text

CLEAN 5 - Row - Job Listing Table

This little sucker give you the ability to list our the open positions at your company. You can edit the title and location, as well as, easily reorganize the order. 

See Demo
Last Updated:

12/16/18

clean-logo-scroller
Text

CLEAN 5 - Row - Logo Scroller

Showing social proof is paramount on a website these days. With this cool little module you can add as many logos as you like. Select how many you'd like to show at once, change the background color, spacing, and much more.

Pro Tip: Make sure all logo images are the same size.

See Demo
Last Updated: 

12/16/18

clean-text-map
Text

CLEAN 5 - Row - Map and Text

Perfect for your Contact Us page or Events Page as featured in the CLEAN series. All you need to do is drop in the embed code that Google Maps generates. Simple as that.

See Demo
Last Updated:

11/20/18

clean-number-count
UPDATED

CLEAN 5 - Row - Number Count Up - 3 Columns

Show off important metrics with this custom module. You can easily the number and label of each column.

Just added: Now you can add a symbol ($, #, %, ~) to come before or after the number.

See Demo
Last Updated:

3/15/19

clean-pricing-table
Text

CLEAN 5 - Row - Pricing Table

Clean and simple is the name of the game.  Easily edit the content in each pricing column. You can even select which one you want to draw people's eye to.

See Demo
Last Updated:

11/20/18

clean-testimonial-scroll
Text

CLEAN 5 - Row - Testimonial Scroller

Need a big in-your-face way to scroll your incredible testimonials? Then, this custom module is perfect.  You can add as many testimonials as you like, turn on/off auto rotate, and much much more.

See Demo
Last Updated:

11/20/18

clean-video-text
Text

CLEAN 5 - Row - Video and Text

Using video is huge these days.  With this custom module you can easily embed videos from Youtube, Vimeo, Wistia, Etc.  Just copy and paste the link in.  You can also select which side of the page you'd like the video for added customization.

See Demo
Last Updated:

11/20/18

 

Hero Modules

Each hero module is packed with settings, layout options, and styles to make the top section of your web page pop.  A majority of the hero modules give you the option to select a background image, video, or create a gradient. 

hero-slider
NEW

CLEAN 5 - Hero - Slider - Single Column

This beautiful and fluid image slider is perfect when you have multiple value-propositions to communicate on a page. Add up to 10 slides (this can be increased, just not recommended). 

See Demo
Recently Added:

3/15/2019

clean-slider-1
NEW

CLEAN 5 - Hero - Slider - Two Column

Twice as awesome as the Single Column slider because you get two whole columns! 

See Demo
Recently Added:

3/15/19

clean-hero-simple
NEW

CLEAN 5 - Hero - Text

This is a go-to module in the Hero collection. It's simple, customizable, and look beautiful when paired with a great background image, video, or gradient.

See Demo
Last Updated:

11/20/18

clean-hero-text-image
Text

CLEAN 5 - Hero - Text and Image

Sometimes people need a little extra visual support to accompany the content.  With this module you can add an image next to your copy.  Perfect for giving a little bit more emphasize on your lead magnet or mobile app screen.

See Demo
Last Updated:

11/20/19

clean-hero-text-video
Text

CLEAN 5 - Hero - Text and Video

If you want to draw people's attention to a video, this module will do the trick.  As with each hero module you can select a background image, gradient etc. 

See Demo
Last Updated:

11/20/18

hero-text-form
Text

CLEAN 5 - HERO - Text and Form

Showing an enticing form "above the fold" is a great way to increase the conversion rate of any page. If that's what your after, then this hero module is perfect.

See Demo
Last Updated:

11/20/18

hero-text-vid-form
Text

CLEAN 5 - HERO - Text Video Form

Maximize the area "above the fold" with this hero module. It's great when you have a strong video that can show off the benefits of your product or service.

See Demo
Last Updated: 

11/20/18