This page contains a sample of the Level Up section templates. It also demonstrates how Level Up uses the global brand colors to auto style embedded forms, surveys, etc.
Lorem ipsum dolor sit italic, consectetur underlined elit. Ac eu et ac elit senectus mauris blandit tempor. Egestas ut tincidunt a eget ultrices risus. Et lorem ut quam turpis dictum habitant.
Expert GHL Marketer
This section is using a bg-gradient class. Variations include bg-gradient-left, bg-gradient-down, bg-gradient-up, bg-radial-gradient, etc. Colors can be changed with bg-color-1-primary, bg-color-2-accent, etc.
Level Up Auto Style Forms
Just drop any form, survey or checkout into a page using Level Up. It will automatically get styled to match the page theme.
Not only does this save a ton of time, it's a life saver for A/B testing. You can use multiple different page themes that all use the same form. Say goodbye to duplicate forms and broken workflow automations! Reuse the same forms across your entire sub-account without them looking like fish out of water.
Fun fact... this column has the sticky class. It auto adjusts to work with sticky top navs and banners. Sounds simple, but it's way harder than it looks!
This section has a single content column with a looping background video. Adjust the padding of the section to show more or less of the video. Adjust the row width or margins to position the column.
Set the background color of each element to improve legibility of text. Or change the Background Video Opacity setting of the section. Reorder the columns to switch the image to the left side.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet, venenatis dictum et nec. Fringilla dictum tristique cras pellentesque morbi consequat, maecenas egestas a. Mi feugiat urna turpis placerat faucibus bibendum hac vulputate. Elit lacus accumsan , nullam semper gravida nunc, magna porta. Leo quis netus ac consequat sed. Volutpat ante donec.
“Lorem ipsum dolor sit amet, consectetur dipiscing elit. Amet, venenatis.
Chapters
Lessons
Hours of video
Free eBooks
Students community
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas lorem ipsum amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu
et ac elit senectus mauris blandittempore gestas.
[Mouse Over]
Paragraph on back of flipped card. Flipping only works in the live view. And there can be only one back element per card.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Posuere urna nec tincidunt praesent semper feugiat. Quam lacus suspendisse faucibus interdum posuere lorem ipsum.
Learn more
Posuere urna nec tincidunt praesent semper feugiat. Quam lacus suspendisse faucibus interdum posuere lorem ipsum.
Posuere urna nec tincidunt praesent semper feugiat.
Learn more
Posuere urna nec tincidunt praesent semper feugiat. Quam lacus suspendisse faucibus interdum posuere lorem ipsum.
Learn more
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias,
Expert GHL Marketer
Add the scroll-horizontal class to a row to make it scrollable and add a column-width-X class to set the width of each column (cards in this example).
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Add the show-more classes to buttons and rows to enable the show/hide features.
[Mouse Over]
Paragraph on back of flipped card. Flipping only works in the live view. And there can be only one back element per card.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
[Mouse Over]
Paragraph on back of flipped card. Flipping only works in the live view. And there can be only one back element per card.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit tempore gestas.
Change the order of columns on mobile or tablet just by adding an order-* class. This is especially handy with alternating content on desktop. It often looks much better with a consistent pattern of images before text when stacked vertically on smaller screens.
The visual pattern is somewhat broken on smaller screens.
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
We can make images always come before the related text.
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
All we had to do is add tablet-order-2 class to this column to make it appear after the other column.
Expert GHL Marketer
Your Paragraph text goes Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolore, alias, numquam enim ab voluptate id quam harum ducimus cupiditate similique quisquam et deserunt, recusandae. here
Expert GHL Marketer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac eu et ac elit senectus mauris blandit empore gestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vitae, aliquet duis pellentesque pretium mattis orci. Vestibulum nunc diam tellus ac tempor. Nulla a commod.
We are racing to finish up the documentation courses. Early access will start within a week!
A special discount will be offered to people who sign up for Early Access. There are several options available to fit any budget.
Yes! Absolutely. Please join our affiliate program to learn more.
No. Level Up templates were painstakingly designed to make them easy to customize & edit without needing a developer. However, if you do want to fully customize the templates, there are special features built-in to make it fast & inexpensive for developers.
Yes! You can easily convert existing pages to use the Level Up templates. There is also a base template available if you only want to use the global brand colors & fonts feature.
Yes! We can assist you in building custom templates for your business or agency. Using Level Up, it's possible to copy the style of nearly any website and make it work in GHL!
Absolutely! This is the main reason we built Level Up, to make it easier for our own agency clients to edit their funnels & websites inside of GHL. Level Up is fully responsive, supports global brand colors, and eliminates the need for custom code. The result is a significantly upgraded content editing workflow inside of GHL.
Lorem ipsum dolor sit amet, consectetur adipiscing elit dignissim arcu cursus tincidunt et odio enim aliquam.
Join our free weekly newsletter.