Style Guide

This is a template designed to demonstrate the site's global settings set within the Theme Settings. The following sections will showcase the global text, buttons, and form styling as well the modules and sections available in the theme.

This Style Guide template should NOT be used for creating a page.

Typography

H1: The Quick Brown Fox Jumps Over The Lazy Dog.

H2: The Quick Brown Fox Jumps Over The Lazy Dog.

H3: The Quick Brown Fox Jumps Over The Lazy Dog.

H4: The Quick Brown Fox Jumps Over The Lazy Dog.

H5: The Quick Brown Fox Jumps Over The Lazy Dog.
H6: The Quick Brown Fox Jumps Over The Lazy Dog.

Subeadline: The Quick Brown Fox Jumps Over The Lazy Dog.

Eyebrow: The Quick Brown Fox Jumps Over The Lazy Dog.

Body: The Quick Brown Fox Jumps Over The Lazy Dog.

Link: The Quick Brown Fox Jumps Over The Lazy Dog.

Calls to Action Arrow Link CTA
Secondary CTA Arrow Link Dark

Light Background

Built for Nonprofit and Education

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

  • Benefit Lorem
  • Benefit Lorem
  • Benefit Lorem

Drop Us a Line

Dark Background

Built for Nonprofit and Education

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

  • Benefit Lorem
  • Benefit Lorem
  • Benefit Lorem

Drop Us a Line

Modules

The following are all the modules available in this theme, in their default state (not including modules that do not render visible content)

Call to Action Box

A styled box that includes call to action text and button.

Reach the World. Giving Made Easy with Impact.

Get Started

Collapsible Text

List of collapsible items for condensing content.

YOU MAY NEED TO KNOW

Frequently Asked Questions

Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Donec nec justo eget felis facilisis fermentum?

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Donec nec justo eget felis facilisis fermentum?

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Contact Info

A map and text to include location and contact information.

Our Address

Main Location

2717 Commercial Center Blvd Suite E200, Katy, TX 77494

Hours:
Mon-Fri 9am-5pm
Ph: 877-596-8669

Email Us

General:
hello@youremail.com

Business Inquiries:
business@youremail.com

Counter

Animated numerical stats that count up to the desired number.

OUR IMPACT IN THE LAST YEAR

Your Amazing Stat
Goes Here

k

Your Amazing Stat
Goes Here

+

Your Amazing Stat
Goes Here

k

Your Amazing Stat
Goes Here

Events

A listing of events with date, time, location, and description. Set this module's section's Content Alignment to Full Width

Our Mission

Upcoming Events

30

SEP

Event: Lorem Ipsum

Lagos, NI 10:00 AM - 12:00 PM

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

30

SEP

Event: Lorem Ipsum

Lagos, NI 10:00 AM - 12:00 PM

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

30

SEP

Event: Lorem Ipsum

Lagos, NI 10:00 AM - 12:00 PM

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

See All Events

Feature Items

A set of featured items such as benefits, services, etc. Each item can include an icon, text, and CTA.

Impact the World

A Theme Built For Nonprofits & Education

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Learn More

A Theme Built For Nonprofits & Education

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Learn More

A Theme Built For Nonprofits & Education

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Learn More

Hero - One Column

Single column hero with option to add text with an image, form, or video below it. Set this module's section's Content Alignment to Full Width

Reach the World

About Us

Hero - Two Column

Two column hero with options to add text and logos to one side and an image, form, or video on the other side. Set this module's section's Content Alignment to Full Width

Reach The World

Giving Made Easy with Impact

A theme made for Nonprofit and Education. Impact will allow you more time to focus on what matters most, impacting the world.
Donate Now Become a Partner

As seen on:

  • Impact
  • Impact
  • Impact

Image Link Slider

A multi-slide slider with image and title to showcase important actions or services. Set this module's section's Content Alignment to Full Width

Our Misson

These Things Matter to Us

Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper.

Learn More
Sponsor A Child
Pledge For A Cause
Volunteer
Donate

Logos

A row of logos. Can be turned into a slider by setting a number in the layout's "Number of logos to show at a time" field that is lower than the number of logos you upload.
  • Impact
  • Impact
  • Impact

Page Navigation

An in page navigation of on page anchors or links that will stick to the top of the page on scroll.

Progress Bar

Adds a bar below the header showing the scroll progress of the page. Example will show attached to the header on this page rather than below this text.

Related Resources

Dynamically generated or manually added resources related to the content of the current page.

You May Like These

Related Programs

HubSpot

HubSpot Workflows That Boost Efficiency and Customer Satisfaction: Part 2

HubSpot

Best Practices for Designing and Developing HubSpot Forms

Marketing Technology

What is WordPress and Should You Use It?

Related Blogs - Vertical

Dynamically generated posts related to the content of the current page in a vertical format.

Our Latest

Related Articles

HubSpot

HubSpot Workflows That Boost Efficiency and Customer Satisfaction: Part 2

HubSpot

Best Practices for Designing and Developing HubSpot Forms

Marketing Technology

What is WordPress and Should You Use It?

Social Follow

Icon links to social media pages.

Social Sharing

Icon links to share page to social media.

Team Listing

List out team members with their name, title, social links, and profile image.

Meet the

Core Team at Impact

Testimonials Static

Simple testimonials in columns.

WHAT PEOPLE ARE SAYING

The Impact theme will allow you more time to focus on what matters most, impacting the world.

Lisa Simpson
Volunteer

Theme Buttons

Adds a call to action button to your page.
Learn More

Theme Form

A form module with extra options not available in HubSpot's default module.

Drop Us a Line

Theme Image

An image module with extra styling options not available in HubSpot's default module.

Theme Rich Text

A rich text module with extra styling options not available in HubSpot's default module.

OUR MISSION

Built for Nonprofit and Education

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

  • Benefit Lorem
  • Benefit Lorem
  • Benefit Lorem

Text and Image Columns

Quickly create two columns with text and an image.

OUR MISSION

Built for Nonprofit and Education

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.

Raised

$46,500

Goal

$60,000

Donate Now Learn More

Full Width Two Columns

Two columns that span the entire width of a section. Includes text and an image with left or right placement.

Impact the World

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

  • Lorem ipsum dolor sit amet, consectetuer.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
Learn More

Sections

The following are all the saved sections available in this theme (not including blog-specific sections).

Counter

Stats with a count up animation and icon.

OUR IMPACT IN THE LAST YEAR

Your Amazing Stat
Goes Here

k

Your Amazing Stat
Goes Here

+

Your Amazing Stat
Goes Here

k

Your Amazing Stat
Goes Here

Counter - No icons

Stats with a count up animation.

OUR IMPACT IN THE LAST YEAR

Your Amazing Stat
Goes Here

k

Your Amazing Stat
Goes Here

+

Your Amazing Stat
Goes Here

k

Your Amazing Stat
Goes Here

Call to action - Full Width

Full width call to action box.

Giving is Made Easy
with Impact

A Theme Made For Nonprofit And Education
Get Started

Featured Items

Set of 6 featured items.

Our Values

Core Value

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Core Value

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Core Value

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Core Value

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Core Value

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Core Value

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Featured Items - Boxed In, Overlap

A boxed-in set of three featured items that will overlap the section above it.

Donate

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Learn More

Become a Partner

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Learn More

Volunteer

Lorem ipsum dolor sit amet, consectetuer adipiscing. Aliquam tincidunt mauris risus.

Learn More

Featured Items - Left Header

A set of 6 featured items with a header to the left.

Our Mission

Impact the World Around You

Benefit Name

Lorem ipsum dolor sit amet, consectetuer adipiscing aliquam.

Benefit Name

Lorem ipsum dolor sit amet, consectetuer adipiscing aliquam.

Benefit Name

Lorem ipsum dolor sit amet, consectetuer adipiscing aliquam.

Benefit Name

Lorem ipsum dolor sit amet, consectetuer adipiscing aliquam.

Benefit Name

Lorem ipsum dolor sit amet, consectetuer adipiscing aliquam.

Benefit Name

Lorem ipsum dolor sit amet, consectetuer adipiscing aliquam.

Team Listing - Filterable

A list of team members with a filter.

Our Essential Staff

Form Callout

Large section with background to call out a form

Reach Out Today

Hero - Landing Page

Full width, two column hero that includes logo and form.

Get Involved Today

Giving Made Easy with Impact

A theme made for Nonprofit and Education. Impact will allow you more time to focus on what matters most, impacting the world.

  • Lorem ipsum dolor
  • Aliquam tincidunt mauris
  • Vestibulum auctor

Hero - Program

Full width, two column hero that includes a goal progress bar.

Reach The World

Program Name Lorem Ipsum

A theme made for Nonprofit and Education. Impact will allow you more time to focus on what matters most, impacting the world.

Raised

$46,500

Goal

$60,000

Donate Now Watch the Video

Image Link Gallery

Full width section with left hand heading and large gallery with linked images.

Our Misson

These Things Matter to Us

Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper.

Learn More
Sponsor A Child
Pledge For A Cause
Volunteer
Donate

Large Image - Left Text

A flush to edge image with left side text.

Nonprofit & Education

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

  • Lorem ipsum dolor sit amet, consectetuer.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
Learn More

Large Image - Right Text

A flush to edge image with right side text.

Impact the World

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

  • Lorem ipsum dolor sit amet, consectetuer.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
Learn More

Subscription Banner

Banner with form to subscribe to a blog, newsletter, etc.

Don't Miss Another Cause

Join Our Newsletter To Stay In The Know

Team Member Info

Image, name, title, socials, and bio of a team member.

Obi-Wan Kenobi

Founder

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna sit nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim risus id elit pellentesque felis tincidunt mauris eu risus. Sed egestas, ante et vulputate volutpat, eros pede semper est.

Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.

Text - Small Width

A small width section of text.

These Things Matter To Us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna sit nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim risus id elit pellentesque felis tincidunt mauris eu risus.

Two Column - Image Left

Simple two columns with text on the right and image on the left.

OUR MISSION

Built for Nonprofit and Education

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.

Raised

$46,500

Goal

$60,000

Donate Now Learn More

Two Column - Image Right

Simple two columns with text on the left and image on the right.

OUR MISSION

Impact the World Around You

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.

Raised

$46,500

Goal

$60,000

Donate Now Learn More

Two Column - Text

Simple two columns with text.

More time to focus on what matters most, impacting the world around you.

Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.