Tutorial Guide

Hey there, thanks for visiting your CMS Tutorial guide. If you’ve received the link to this page, it means that you’re on your way to getting a fantastic new website!

The purpose of this page is to help give you an idea of all of the different ways we can layout content on your site. We use a Panel Concept, and you’ll be able to view the various options below.

Don’t worry; we will take care of ensuring your new site is both visually attractive and professional. This area is just a hub to help you during your content creation process. If you have any questions or need a little direction feel free to reach out to your account manager, and they will be able to help walk you through the process!

Panel 1: Standard Panel

Our Standard Panel is one of the most diverse panel options we have available. It can be used to create buttons or links, upload PDF’s and supporting documents or any other information you’d like to place here. 

Button   Button with Icon  Underlined Style

The formatting options available here are also complex. We will upload all of the options so that it’s easy for you to use when you’re updating all of your own content. 

Header 6
Header 5

Header 4

Header 3

Header 2

Sample Table Column 1 Sample Table Column 2 Sample Table Column 3
This table was inserted through tinyMCE. All of the styles (borders, colors, alignment, paddings) can be edited through the tinyMCE editor. You can create multiple rows and columns.
You can assign which cells to be used as labels or "header cells" This table is completely responsive. It is best to not specify a width when creating tables as it will affect the responsiveness of the table (do not drag the edges of the cells - doing so will assign fixed widths to the cells).

Panel 2: Promo Boxes

Panel 3: Call to Action

Subtext for Call to Action panel is styled like this.

Panel 4: Standard Panel With Tabs

Tab One Content

The standard panel tab concept was created to help our users split up content while keeping the page visually enjoyable for visitors. 

  • You can place in bullet points
  • Attach photos and videos
  • Create a table for information

The button tab names can be adjusted, so if you have a wide variety of services your company offers you can place it all on one page and users can easily browse through that information. 

Tab Two Content

They can be utilized in a multitude of ways and can also be customized to fit your brand!

As displayed below, embedding a picture or video is no problem at all and can be a powerful tool to help compliment your content. As with a standard panel adding in links, buttons or directing the user to find out more information is all possible in this panel.

Panel 5: Parallax Panel Insert

This is a Parallax Panel!

This panel type should be reserved for a short eye catching blurb of information. As you can see, the words stay in place while the image scrolls behind it. We recommend around 85 - 100 characters in this section if possible. If you need assistance with a background image feel free to reach out to your account manager and they can help you choose one.

Another great addition is that the parallax panel allows for a button which can be a URL link, a phone number or email. Keep this in mind as it’s great for helping with lead generation! 

Featured Image
Panel 6: Side by Side (Image)

Panel 6: Side by Side (Image)

Here is an example of a Side by Side panel with an image on the right!
They are a great tool that can be used to guide the users attention.
You can place information here and also pair it with a relevant picture to display your information.

Featured Video

Panel 7: Side by Side (Video)

Here is another example of a Side by Side but this time with a video on the left hand side!
You can envision a similar concept as above, but this time you can place a relevant YouTube or Vimeo video here to help users understand the point you are making.

Panel 7: Side by Side (Video)

Panel 8: Statistics

  • 40
    Years of Selling
    Apartment Buildings
  • 60
    Different BC
    Markets Served
  • 84
    Professional References
  • 6,299
    Apartment Units Sold
  • 2,000,000
    SF of Earth Sold

Panel 9: FAQs

Is this an FAQ?

This is the answer or details section of an FAQ item.

FAQs can be expanded by clicking on them to show their respective answers or details. Clicking on expanded FAQs will shrink and hide their answers.

You can also add links in this section. Like so: Home Page.

Aenean leo ligula porttitor eu?

Phasellus magna. Ut leo. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Aenean massa. Phasellus a est.

Curabitur at lacus ac velit ornare lobortis. Ut id nisl quis enim dignissim sagittis. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas tristique nibh. Etiam sit amet orci eget eros faucibus tincidunt.

Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Ut varius tincidunt libero. Phasellus dolor. Aenean viverra rhoncus pede. Nullam tincidunt adipiscing enim.

Panel 10: Reviews Panel

Panel 11: Staff Panel

Panel 12: Properties Panel