Skip to main content
Hager logo

Style Management

How do I add/modify/delete styles?

Navigate to Site → Style Management to manage styles. You can add, modify, or delete styles from this section.

What styles can I add?

You can add any CSS styles that are needed for your content. Common examples include:

  • Text formatting (font-size, color, font-weight, etc.)
  • Spacing (margin, padding)
  • Layout (display, flex, grid)
  • Colors and backgrounds

How do I apply styles to content?

Styles can be applied to content in Custom HTML modules by using the style class names you've defined in Style Management. You can reference these classes in your HTML content.

Style Guide

The following labels refer to styling options/classes in the "STYLE" dropdown menu located in the toolbar in every Custom HTML Module's content editor:

Colors

Hager Blue
#0078c3

Class:
background--hager-blue

Deep Blue
#002841

Class:
background--deep-blue

Mid Blue
#004673

Class:
background--mid-blue

Sky Blue
#8ccdfa

Class:
background--sky-blue

Pale Blue
#dcf0ff

Class:
background--pale-blue

Grey 1
#282828

Class:
background--grey-1

Grey 2
#464646

Class:
background--grey-2

Grey 3
#646464

Class:
background--grey-3

Grey 4
#a5a5a5

Class:
background--grey-4

Grey 5
#e6e6e6

Class:
background--grey-5

Grey 6
#f7f7f7

Class:
background--grey-6

Orange
#fd5000

Class:
background--orange

Orange a11y
#cc4400

Class:
background--orange-a11y

Black
#000000

Class:
background--black

White
#ffffff

Class:
background--white

Heading Text

Heading 1

Heading 2

Heading 3

Heading 4

Body Text

Texte courant Lorem ipsum dolor sit amet manes vellere exultat urbs eius Danaes nobilitat exultat tecti nobilis consumpsit exultat et Africae perspicabilis sospitales plerumque Cydno et consumpsit Perseus nobilis a sospitales hanc eius condidisse quem a vocabulum hanc hanc quae Mopsuestia

Texte gras Lorem ipsum dolor sit amet manes vellere exultat urbs eius Danaes nobilitat exultat tecti nobilis consumpsit exultat et Africae perspicabilis sospitales plerumque Cydno et consumpsit Perseus nobilis a sospitales hanc eius condidisse quem a vocabulum hanc hanc quae Mopsuestia

Buttons & Links* **

This is an Inline Link.

Button - Solid Orange Button - Solid Blue Button - Outline White

Button - Solid Orange Button - Solid Blue Button - Outline White>

*Use your mouse to hover over links in order to see their hover states.

**Before applying any of these link styles, make sure that the element you're applying the style to is ALREADY a link. See Custom HTML Modules: Content Editor (WYSIWYG) FAQs to learn how to add a link inside your content editor.

Page Templates

What page templates are available to create new pages with?

The following page templates are available in the "CMS Primary Theme" theme:

In which theme should I create my page? / Which theme should my page be assigned to?

To use one of the page templates, you must create your page inside the theme where the desired page template resides. You may later assign the page to another theme if needed.

See General Advice & FAQs for more details.

What if I don't need all the sections used in a template?

Before using a CMS page template to create a page, determine if you’re going to need all the sections used in that template. Then, after using the template to create a new page, remove the sections from the page which aren’t needed BEFORE SAVING THE NEW PAGE. This prevents those sections from ever being created and we avoid cluttering the system with unused sections and modules.

Can I create a CMS page without using one of the CMS Page Templates?

See General Advice & FAQs.

General Advice & FAQs

How can I ensure that my content will be accessible to all users?

Be sure to follow all recommendations and instructions given in this guide, particularly the recommendations involving link text, image alt text, and heading levels. To learn more about accessibility, please see Accessibility for Radancy CMS Publishers.

Can I change the layout assignment of a page/section/module?

You should never change a layout assignment unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.

Can I add a module to a section?

You should never add a module to a section unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.

When I'm adding a section from the "Add New" section menu to a page, what should I name my new section?

To avoid future confusion, especially for other CMS users who may need to edit/update the content you're creating, naming conventions should be consistent throughout the site. When creating a section that you anticipate will only be used on the page you're adding it to, we recommend the following naming convention: [Page Name OR Abbreviated Page Name] - [Section Template Name] [Number (only include if you anticipate other sections of the same template will be added to the same page.)] For example, "Benefits - Full Width Copy" or "DEI - Full Width Copy 1." If you anticipate that the section you're creating may be used on other pages as well, we suggest giving it a name that summarizes its purpose/intent rather than its content or context (which may change or be updated later.) For example, "Human Resources Job List" or "Annual Job Fair CTA."

Note: While you CAN change a section's name after creating it, you will NOT be able to change the names of the modules included in the section (which will, by default, include the ORIGINAL section name.) So we recommend that you carefully choose a good name for each section you create.

Can I create a CMS page without using one of the CMS Page Templates?

Yes, but this is not recommended as creating a page without using a CMS Page Template will require you to select a page layout. To avoid selecting the incorrect layout, we recommend using one of the available CMS Page Templates, in all cases.

If you are looking to create a "blank" page, see the next question.

How do I create a "blank" page?

To create a blank page, click the "Add Page" button in the "CMS Primary Theme" theme and select the [TEMPLATE NAME] page template.

Which theme should my page be assigned to?

All CMS pages should be assigned to the "CMS Primary Theme" theme.

DO NOT assign any CMS pages to the "Default Theme (GST)" theme. This theme is enabled for CMS due to system requirements, but it is NOT intended to be used as a theme for CMS Pages.

Do I need to update/include alt text for every image?

Every time you add or replace an image file, you should consider whether to include alt text for the image. In some cases, such as when the image is considered descriptive and not essential to the page content, alt text may be left blank. For more details, please see this alt text decision tree. Not only are these considerations essential in making the site accessible to non-visual users, it will also improve SEO.

Does it matter what I use for [clickable] link text?

It matters a lot. To make links accessible to all users, use link text that would make sense to users if taken out of the surrounding context. For example, "learn more about our benefits" is acceptable, whereas "click here" or "learn more" are not. This is important in all situations but be particularly careful when adding/editing links inside Custom HTML modules, as you'll have full control over what text is included in a link.

How do I update/add a hero banner to my page?

You can use either the built-in banner feature of the product or use one of the section listed below (Section 6a or 6b). Both will required a desktop and a mobile version.

CMS User Notes

How can I add to or update the notes to this section?

Find this section (title: "CMS Guide - CMS User Notes") in your section list and edit its "CMS Guide - CMS User Notes - Content" module to add as many notes as you'd like right here. Be careful to not delete this instructional text, so that it may be referenced later on.

Add your notes below:

Custom HTML Modules FAQs

What is a Custom HTML module?

A Custom HTML module allows you to add custom HTML content to your pages. This is useful for adding formatted text, links, lists, and other HTML elements that aren't available through other module types.

How do I add content to a Custom HTML module?

You can add content using the TinyMCE editor which provides a rich text editing interface. You can format text, add links, insert images, and create lists.

Can I use HTML directly in Custom HTML modules?

Yes, you can use the "Source code" button in the editor to edit raw HTML. However, be careful to maintain valid HTML structure.

Section Guide

Important! Before using a section from this guide, please read the corresponding documentation for that section. Documentation is found above each section in this guide.

Note that section titles are color coded based on which menu they can be found in after clicking the "add section" button on any page:

Red - find this section in the "Use Existing" Menu.
Green - find this section in the "Add New" Menu.

Keep in mind that when you edit a section from the "Use Existing" Menu, you are editing every instance of that section. Sections added via the "Add New" Menu are safe to be edited freely, as a new instance of the section is created every time it's added to a page.

Job Alert - (Section 3a)

Suggested Use: Core Pages, Content Pages, CMS Pages.

Notes: Included by default in the "Primary CMS Theme.

Available Code Snippets: N/A

Stay connected with our job alerts!

Interested InSelect a job category from the list of options. Select a location from the list of options. Finally, click “Add” to create your job alert.

By signing up, I acknowledge I have read the Hager privacy notice and I wish to receive email communications. I understand I can opt-out from receiving email communications at any time.

Copy - (Section 4a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A

Available Code Snippets: "Button - Solid Blue"

Headline

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices. Pellentesque ut volutpat nunc. Duis suscipit orci finibus libero bibendum, eget ornare mauris posuere. Curabitur sed lorem eu tortor convallis eleifend a eu ipsum. Morbi tempor, libero ac fringilla dignissim, ligbortis urna, commodo vehicula dolor libero vestibulum ipsum.

CTA

Copy - (Section 5a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A

Available Code Snippets: N/A

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Hero - (Section 31a)

Suggested Use: Content Pages, CMS Pages.

Notes: Deskop size is 1440x510px and mobile version is at 320x190px.

Available Code Snippets: N/A

Block heading

Image - (Section 6a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 1440x360px and mobile version is at 320x190px.

Available Code Snippets: N/A

Image & Copy - (Section 6b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 1440x360px and mobile version is at 320x190px.

Available Code Snippets: N/A

Headline

Image & Copy - (Section 6c)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 1440x510px and mobile version is at 320x190px.

Available Code Snippets: N/A

Headline

Video - (Section 7a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Video size 1440x510 to use. If any other dimension video is used, it gets cropped to fit the required dimension.

Available Code Snippets: N/A

Video & Heading - (Section 7b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Video size 1440x510 to use. If any other dimension video is used, it gets cropped to fit the required dimension. Placeholders: Desktop - 1440x510, Mobile - 320x190

Available Code Snippets: N/A

Block heading

Image and Copy - (Section 8a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes:Image size 603x342 to use.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet, consectetur

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Learn more

Image and Copy - (Section 8b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Image size 603x342 to use.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet, consectetur

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Learn more

Media and Copy - (Section 9a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 573x352 and mobile version is adjusted automatically. When Media type "HTML Video" is used, a play button appears over the media. When clicked the video starts playing.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn more

Media and Copy - (Section 9b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 573x352 and mobile version is adjusted automatically. When Media type "HTML Video" is used, a play button appears over the media. When clicked the video starts playing.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn more

Video and Copy - (Section 10a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 834x475 and mobile version is adjusted automatically. When Media type "HTML Video" is used, a play button appears over the media. When clicked the video starts playing.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn more

Image and Copy - (Section 11a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Background image Desktop: 1440x468px, Mobile: 360x628px.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn more

Testimonial - (Section 12a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop image size is 371x373 and mobile version is adjusted automatically.

Available Code Snippets: N/A

Block heading

Welcoming an intern or a work-study student at Hager means helping a student build their career by offering the right balance between responsibility and guidance

First and Last Name

Title and Department

Testimonial Slider - (Section 12b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop image size is 371x373 and mobile version is adjusted automatically. This is Developer only section to edit. The testimonials content are located in the layout and needs to be updated by a developer.

Available Code Snippets: N/A

Block Heading

This is an English testimonial for the guide section.

John Smith

Advisor

Learn more

This is an English testimonial for the guide section.

John Smith

Advisor

Learn more

Horizontal Scroll - (Section 13a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Every media module needs a poster image (350x315px) and a video source. Works with HTML5 video player and YouTube.

Available Code Snippets: N/A

Meet our students

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

CTA

Horizontal Scroll - (Section 13b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: This variant section is for displaying images only..

Available Code Snippets: N/A

Meet our students

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

CTA

  • Three people reviewing tablet near electric car outdoors
  • Two technicians installing wall-mounted electrical device
  • Woman pressing apartment intercom buttons outside building

Multi Item - (Section 14a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop image size is 272x272 and mobile version is adjusted automatically. This section was built exclusively to have two testimonials max; if you need to display more, please use Section 47a or Section 47.

Available Code Snippets: N/A

First and Last Name

Title and Department

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

First and Last Name

Title and Department

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

Multi Item - (Section 14b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop image size is 272x272 and mobile version is adjusted automatically. This section was built exclusively to have two testimonials max; if you need to display more, please use Section 47a or Section 47.

Available Code Snippets: N/A

Heading

First and Last Name

Title and Department

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

First and Last Name

Title and Department

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

Multi Item - (Section 15a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A.

Available Code Snippets: "Section 15 - Content"

Block heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

More

Multi Item - (Section 16a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A.

Available Code Snippets: "Section 16 - Content"

Block heading

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Learn more

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Learn more

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Learn more

Multi Item - (Section 16b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A.

Available Code Snippets: "Section 16 - Content"

Block heading

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Learn more

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Learn more

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Learn more

Multi Item - (Section 17a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A.

Available Code Snippets: "Section 17 - Content"

Let´s decide to change.

If you are on our shortlist and you’re still interested in joining us, we would like to invite you to a final round. We would like to give you the opportunity to explore our company even better. You will then receive a final decision from our side and we from your side.

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

CTA

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

CTA

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

CTA

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad min veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

CTA

Multi Item - (Section 24a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Each item is Callout Action Link.

Available Code Snippets: N/A

Block heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Multi Item - (Section 25a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: N/A.

Available Code Snippets: Section 25 - Item

Block heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Sub heading

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices. Pellentesque ut volutpat nunc. Duis suscipit orci finibus libero bibendum, eget ornare mauris posuere. Curabitur sed lorem eu tortor convallis eleifend a eu ipsum.

Sub heading

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices. Pellentesque ut volutpat nunc. Duis suscipit orci finibus libero bibendum, eget ornare mauris posuere. Curabitur sed lorem eu tortor convallis eleifend a eu ipsum.

Sub heading

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices. Pellentesque ut volutpat nunc. Duis suscipit orci finibus libero bibendum, eget ornare mauris posuere. Curabitur sed lorem eu tortor convallis eleifend a eu ipsum.

Map & Copy - (Section 35a)

Suggested Use: Content Pages, CMS Pages.

Notes: Address is to be modified in the map module.

Available Code Snippets: N/A

  • 132 boulevard de l'Europe 62175 Obernai

Sub Heading

Block heading

Copy lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.

CTA

Job List - (Section 36a)

Suggested Use: Content Pages, CMS Pages.

Notes: N/A

Available Code Snippets: N/A

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru.

Multi Item - (Section 37a)

Suggested Use: Content Pages, CMS Pages.

Notes: Each image is 185x185.

Available Code Snippets: N/A

Tablist - (Section 27a)

Suggested Use: Core Pages.

Notes: N/A

Available Code Snippets: N/A

Testimonials Horizontal Scroll - (Section 47a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: This section can support one to unlimited testimonials, the scrollbar is automatically added. Every testimonial is a different module, both image and quote are in the same module. Using the code snippet is highly recommended to get the right markup.

Available Code Snippets: "Section 47 - Testimonial"

Block Heading

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

Testimonials Horizontal Scroll - (Section 47b)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: This section can support one to unlimited testimonials, the scrollbar is automatically added. Every testimonial is a different module, both image and quote are in the same module. Using the code snippet is highly recommended to get the right markup.

Available Code Snippets: "Section 47 - Testimonial"

Block Heading

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

  • First and Last Name

    Title and Department

    Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

Multi Item - (Section 48a)

Suggested Use: CMS Pages, Content Pages, Core Pages

Notes: Recommended size is 387x299px, but images will be resized automatically to fit the layout. The section can be used with less or more than three images.

Available Code Snippets: n/a

Image and Copy - (Section 49a)

Suggested Use: Content Pages, CMS Pages, Core Pages.

Notes: Deskop size is 1440x360px and mobile version is at 320x190px.

Available Code Snippets: N/A

Headline

Hero - (Section 50a)

Suggested Use: Content Pages, CMS Pages.

Notes: Deskop size is 1440x360px and mobile version is at 320x190px. This section replaces the built-in banner from the product. Four CSS classes (identifiers) are available to modify the position of the headline : "text-upper-left", "text-upper-right", "text-lover-left" & "text-lower-right". The class needs to be added/modified in the "Section 50 - Headline" module.

Available Code Snippets: N/A

CMS Headline