Headers

Headers usually sit at the top of a website and are often the first thing visitors see.

One header must be selected.

HDR-1 - Title and Subtitle (Centered)

HDR-2 - Title and Subtitle (Left-aligned)

HDR-3 - Title, Subtitle and Buttons (Centered)

HDR-4 - Title, Subtitle and Buttons (Left-aligned)

HDR-5 - Title and Subtitle with Slider (Centered)

HDR-6 - Title and Subtitle with Slider (Left-aligned)

HDR-7 - Title, Subtitle and Buttons with Slider (Centered)

HDR-8 - Title, Subtitle and Buttons with Slider (Left-aligned)

HDR-9 - Title, Subtitle and Square Buttons (Centered)

HDR-10 - Title, Subtitle and Square Buttons (Centered)

HDR-11 - Title, Subtitle and Square Buttons with Slider (Centered)

HDR-12 - Title, Subtitle and Square Buttons with Slider (Centered)

HDR-1 - Title and Subtitle (Centered)

This header is great for a clean and simplified look. It consists of the basic elements of a title and subtitle as text with a single image or solid color as the background.

This style includes:
  • Title
  • Subtitle
  • Single image or solid color background

HDR-2 - Title and Subtitle (Left-aligned)

This header is great for a clean and simplified look. It consists of the basic elements of a title and subtitle as text with a single image or solid color as the background.

This style includes:
  • Title
  • Subtitle
  • Single image or solid color background

HDR-3 - Title, Subtitle and Buttons (Centered)

Use this header to encourage visitors to keep clicking deeper into the website. This header uses buttons along with a title and a subtitle to give visitors the option to click. Buttons are links that typically lead to other pages on the website. This style uses a single image or a solid colour as a background.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Single image or solid color background

HDR-4 - Title, Subtitle and Buttons (Left-aligned)

Use this header to encourage visitors to keep clicking deeper into the website. This header uses buttons along with a title and a subtitle to give visitors the option to click. Buttons are links that typically lead to other pages on the website. This style uses a single image or a solid colour as a background.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Single image or solid color background

HDR-5 - Title and Subtitle with Slider (Centered)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title and subtitle for each slide.

This style includes:
  • Title
  • Subtitle
  • Multiple images or solid color backgrounds

HDR-6 - Title and Subtitle with Slider (Left-aligned)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title and subtitle for each slide.

This style includes:
  • Title
  • Subtitle
  • Multiple images or solid color backgrounds

HDR-7 - Title, Subtitle and Buttons with Slider (Centered)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title and subtitle for each slide.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Multiple images or solid color backgrounds

HDR-8 - Title, Subtitle and Buttons with Slider (Left-aligned)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title, subtitle and a set of buttons for each slide. Buttons are links that typically lead to other pages on the website.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Multiple images or solid color backgrounds

HDR-9 - Title, Subtitle and Square Buttons (Centered)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title, subtitle and a set of buttons for each slide. Buttons are links that typically lead to other pages on the website.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Multiple images or solid color backgrounds

HDR-10 - Title, Subtitle and Square Buttons (Centered)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title, subtitle and a set of buttons for each slide. Buttons are links that typically lead to other pages on the website.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Multiple images or solid color backgrounds

HDR-11 - Title, Subtitle and Square Buttons with Slider (Centered)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title, subtitle and a set of buttons for each slide. Buttons are links that typically lead to other pages on the website.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Multiple images or solid color backgrounds

HDR-12 - Title, Subtitle and Square Buttons with Slider (Centered)

Use this header uses a slider to promote multiple items on the header. A slider (also known as a slideshow) changes the image after a set amount of time. The slider includes a unique title, subtitle and a set of buttons for each slide. Buttons are links that typically lead to other pages on the website.

This style includes:
  • Title
  • Subtitle
  • Buttons
  • Multiple images or solid color backgrounds

Blog

Blogs manage informational articles and keep visitors up to date. This is a traffic generator and best part? We supply the articles.

BLG-1 - List View

BLG-2 - Featured Image

BLG-3 - 3-Column Teaser

BLG-4 - 4-Column Teaser

BLG-1 - List View

This blog lists out the two (2) latest blog posts as teasers. A teaser only reveals the first few lines of an article and if it piques the reader's interest, they then can click on the "Read More" button to view the full article. This helps you save space on your homepage, but keeps your readers updated at a quick glance.

This style includes:
  • Title
  • Author
  • Date
  • Image
  • Tags
  • Teaser

BLG-2 - Featured Image

This blog lists out the two (2) latest blog posts as teasers. A teaser only reveals the first few lines of an article and if it piques the reader's interest, they then can click on the "Read More" button to view the full article. This helps you save space on your homepage, but keeps your readers updated at a quick glance.

This style includes:
  • Title
  • Author
  • Date
  • Image
  • Tags
  • Teaser

BLG-3 - 3-Column Teaser

This blog lists out the three (3) latest posts as teasers in the form of cards. A teaser only reveals the first few lines of an article and if it piques the reader's interest, they then can click on the "Read More" button to view the full article. This helps you save space on your homepage, but keeps your readers updated at a quick glance. We recommend you to choose this style if you plan on blogging often. Having more teasers mean that your latest posts will stay on your homepage a little bit longer.

This style includes:
  • Title
  • Author
  • Date
  • Image
  • Tags
  • Teaser

BLG-4 - 4-Column Teaser

This blog lists out the four (4) latest blog posts as teasers in a card form. A teaser only reveals the first few lines of an article and if it piques the reader's interest, they then can click on the "Read More" button to view the full article. This helps you save space on your homepage, but keeps your readers updated at a quick glance. We recommend you to choose this style if you plan on blogging very frequently. Having more teasers mean that your latest posts will stay on your homepage a little bit longer.

This style includes:
  • Title
  • Author
  • Date
  • Image
  • Tags
  • Teaser

Team Members

Building connections with visitors develops great relationships. Showcase your team and let them know who you are!

TM-1 - 4-Column Cards (Center-aligned)

TM-2 - 4-Column Cards (Left-aligned)

TM-3 - Horizontal Cards (Center-aligned)

TM-4 - Horizontal Cards (Left-aligned)

TM-5 - List View

TM-1 - 4-Column Cards (Center-aligned)

These cards allow you to display your team to your visitors. It gives a quick overview of each team member's name, their role in the company, a quick biography, their social media links and their headshot.

This style includes:
  • Name
  • Role/Designation
  • Biography
  • Social Media links
  • Image

TM-2 - 4-Column Cards (Left-aligned)

These cards allow you to display your team to your visitors. It gives a quick overview of each team member's name, their role in the company, a quick biography, their social media links and their headshot.

This style includes:
  • Name
  • Role/Designation
  • Biography
  • Social Media links
  • Image

TM-3 - Horizontal Cards (Center-aligned)

These cards allow you to display your team to your visitors. It gives a quick overview of each team member's name, their role in the company, a quick biography, their social media links and their headshot.

This style includes:
  • Name
  • Role/Designation
  • Biography
  • Social Media links
  • Image

TM-4 - Horizontal Cards (Left-aligned)

These cards allow you to display your team to your visitors. It gives a quick overview of each team member's name, their role in the company, a quick biography, their social media links and their headshot.

This style includes:
  • Name
  • Role/Designation
  • Biography
  • Social Media links
  • Image

TM-5 - List View

This style displays the team members on a list view. It give a more in-depth overview of each team member's name, their role in the company, a quick biography, their social media links and their headshot. The more team members, the longer this list gets.

This style includes:
  • Name
  • Role/Designation
  • Biography
  • Social Media links
  • Image

Products & Services

Visitors want to know at a quick glance what the products and services are. This helps highlight the area of expertise on the website.

SRV-1 - Title and Subtitle

SRV-2 - Title and Subtitle with Image

SRV-3 - Title and Body Text with Image (2-column)

SRV-4 - Title and Body Text with Image (2-column)

SRV-5 - Subtitles and Body Text with Image (3-column)

SRV-6 - Subtitles and Body Text with Image (3-column)

SRV-7 - 3-Column Icon with Text (Center-aligned)

SRV-8 - 3-Column Icon with Text (Left-aligned)

SRV-9 - 4-Column Icon with Text (Center-aligned)

SRV-10 - 3-Column Icon with Text (Left-aligned)

SRV-1 - Title and Subtitle

This is a text block with a title and subtitle. Text can be used as links.

This style includes:
  • Title
  • Subtitle

SRV-2 - Title and Subtitle with Image

This is a text block with a title and subtitle. An image is also included below the text. Text can be used as links.

This style includes:
  • Title
  • Subtitle

SRV-3 - Title and Body Text with Image (2-column)

This style includes a text block with a title and body on the left side and an image on the right side.

This style includes:
  • Title
  • Body text
  • Image

SRV-4 - Title and Body Text with Image (2-column)

This style includes a text block with a title and body on the right side and an image on the left side.

This style includes:
  • Title
  • Body text
  • Image

SRV-5 - Subtitles and Body Text with Image (3-column)

This style includes two (2) text blocks with a title and body and one (1) image in three columns. We recommend using this block for quick overviews of products or services accompanied with an image. Alternatively, the image can switch place with the text blocks.

This style includes:
  • Subtitle
  • Body text
  • Image

SRV-6 - Subtitles and Body Text with Image (3-column)

This style includes two (2) text blocks with a title and body and one (1) image in three columns. We recommend using this block for quick overviews of products or services accompanied with an image. Alternatively, the image can switch place with the text blocks.

This style includes:
  • Subtitle
  • Body text
  • Image

SRV-7 - 3-Column Icon with Text (Center-aligned)

Quickly highlight your company's products and services with attractive icons and text underneath. This style uses exactly three icons. For anything else, we suggest using other options that allow for more icons.

This style includes:
  • Three icons
  • Three body texts

SRV-8 - 3-Column Icon with Text (Left-aligned)

Quickly highlight your company’s products and services with attractive icons and text next to it. This style uses a minimum of three icons.

This style includes:
  • Minimum three icons
  • Minimum three body texts

SRV-9 - 4-Column Icon with Text (Center-aligned)

Quickly highlight your company’s products and services with attractive icons and text underneath. This style uses exactly four icons. For anything else, we suggest using other options that allow for more icons.

This style includes:
  • Four icons
  • Four body texts

SRV-10 - 3-Column Icon with Text (Left-aligned)

Quickly highlight your company’s products and services with attractive icons and text next to it. This style uses a minimum of four icons.

This style includes:
  • Minimum four icons
  • Minimum four body texts

Events

Hosting an event? Promote it with Events, which allows visitors sign up and RSVP.

EVNT-1 - 3-Column Teaser

EVNT-2 - 4-Column Teaser

EVNT-3 - List View

EVNT-1 - 3-Column Teaser

This style displays the three (3) upcoming events as teasers. The teaser reveals most details about the event, but not the entire thing. If the visitor is interested on the event, they can click to learn more about it. We recommend this style of events if you have events often.

This style includes:
  • Event title
  • Author
  • Event date
  • Event description
  • Sign-up or RSVP form

EVNT-2 - 4-Column Teaser

This event style lists out the four (4) upcoming events as teasers. The teaser reveals most details about the event, but not the entire thing. If the visitor is interested on the event, they can click to learn more about it. We recommend this style of events if you have events regularly.

This style includes:
  • Event title
  • Author
  • Event date
  • Event description
  • Sign-up or RSVP form

EVNT-3 - List View

This event style lists up to three (3) upcoming events as teasers. The teaser reveals most details about the event, but not the entire thing. If the visitor is interested on the event, they can click to learn more about it. We recommend this style of events if you don't hold even very often.

This style includes:
  • Event title
  • Author
  • Event date
  • Event description
  • Sign-up or RSVP form

FAQs

FAQs give you the chance to address questions that visitors might have.

FAQ-1 - List View

FAQ-2 - 2-Column FAQ

FAQ-3 - 3-Column FAQ

FAQ-4 - Accordion FAQ

FAQ-1 - List View

This FAQ style lists out questions. We recommend this style if you are planning to address major questions with long answers on the homepage. Since this style gets longer with every question, we recommend using one of the column views to keep your page more concise.

This style includes:
  • Unlimited field for questions and answers

FAQ-2 - 2-Column FAQ

This FAQ style presents the questions and answers in (two) 2 columns. We recommend this style if you have questions with decently long answers. This style keeps the FAQs in columns so that it is clean and structured, but also gives ample space for the answers.

This style includes:
  • Unlimited field for questions and answers

FAQ-3 - 3-Column FAQ

This FAQ style presents the questions and answers in three (3) columns. This style is great if you can keep the answers short. Since the width of the columns are thinner in this style, long answers extend your page. Unless there are major questions to address, we highly recommend this style.

This style includes:
  • Unlimited field for questions and answers

FAQ-4 - Accordion FAQ

This FAQ style lists out the questions in a single list, but it hides answers until the visitor clicks on it. Upon click, the answer is revealed. This style is great for saving space while giving you the extended space for longer answers. Visitors can choose to reveal only the questions that are applicable to them.

  • Unlimited field for questions and answers

FTR-1 - 2-Column Footer

This footer gives you the choice of two items (of equal spacing) from the list below. Just like navigation bars, footers are another place that user will typically visit to learn more about your company.

Choose two (2) of:
  • Disclaimer
  • Site Links
  • About Us
  • Company Address
  • Links to Social Media
  • Business Hours
  • Contact Form

FTR-2 - 3-Column Footer

This footer gives you the choice of three items (of equal spacing) from the list below. Just like navigation bars, footers are another place that user will typically visit to learn more about your company.

Choose three (3) of:
  • Disclaimer
  • Site Links
  • About Us
  • Company Address
  • Links to Social Media
  • Business Hours
  • Contact Form

FTR-3 - 4-Column Footer

This footer gives you the choice of four items (of equal spacing) from the list below. Just like navigation bars, footers are another place that user will typically visit to learn more about your company.

Choose four (4) of:
  • Disclaimer
  • Site Links
  • About Us
  • Company Address
  • Links to Social Media
  • Business Hours
  • Contact Form

FTR-4 - Contact Form with Background

This footer is great for lead generation as it has a Contact Form. A Contact Form includes fields like "Name, Telephone Number, Email, etc." that your visitors can fill out to get in touch with you. This footer also includes a single image, patterned image or solid color as a background.

Footer includes:
  • Contact Form
  • Single Image, Patterned Image or Solid Color Background

FTR-5 - Contact Form with Map

This footer is great for lead generation as it has a Contact Form. A Contact Form includes fields like "Name, Telephone Number, Email, etc." that your visitors can fill out to get in touch with you. This footer also includes a map of your company address as a background image.

Footer includes:
  • Contact Form
  • Map

Website Builder

Welcome to the Website Builder. Let's start by selecting the elements that will make up the website. A Header, Footer and at least one (1) Content Type are required.


Start by selecting "Headers" on the sidebar.

Sign Up for a Free Trial

Hi, my name is .

I'd like my username to be and

my email address is and my phone

is . My password should be

and to confirm, it is .