Nifty About Us Pages Documentation

Introduction

This Package includes a collection of three different About Us Page templates. It includes intuitive customization options to configure the layout. Below is the demo of the About Us sections (mainly consisting of a section including the vision and mission statement) that can be used individually. The Package also contains entire page templates that can be browsed from the Navigation / Menu Bar above. The page templates make use of a Column Content Section, the Zen Banner Section, and the CTA Banner Section to create an attractive layout. The Team Member Sections may also be included to enhance the About Us Page. All templates utlize the site's header and footer, and defined color variables. This should result in a seamless integration with any Bootstrap enabled site.Have a look at the demo. The details are shown below.

Type # 1 (Staggered Rows)

Page: Nifty About Us Page (Staggered Rows)

The page template (about_us_page_1.liquid) makes use of the corresponding partial template and outputs a complete page. The page includes the default Header / Footer (_header.liquid and _footer.liquid) and utilizes bootstrap classes, which mean that all set variables are automatically set (allowing seamless integration). The Page Template also uses the Zen Banner, and CTA Banner to make up the entire page. If you require the page to be in a consistent format with other pages in your site, you might need to use the partial template in order to better integrate the template.

In order to use the template, you must select it as the page template in Article Settings. When creating a page, use the following steps:

Click on the Plus Icon in the top left of the CMS. Then select Nifty About Us Page (Staggered Rows). Then you can make any neccessary settings / customizations.

Partial: About Us Section - Staggered Rows (Partial)

The partial template (_about_us_1.liquid) outputs the main content area (including the vision and mission statement) of type # 1. It can be included with a single line and has various fields that can be set by the editor to customize the look of the section.

Usage (Liquid Markup)

{%- include "/marketpath/nifty-about-us-pages/partials/_about_us_1.liquid" -%}

Type # 2 (Split Images)

Page: Nifty About Us Page (Split Images)

The page template (about_us_page_2.liquid) makes use of the corresponding partial template and outputs a complete page. The page includes the default Header / Footer (_header.liquid and _footer.liquid) and utilizes bootstrap classes, which mean that all set variables are automatically set (allowing seamless integration). The Page Template also uses the Zen Banner, and CTA Banner to make up the entire page. If you require the page to be in a consistent format with other pages in your site, you might need to use the partial template in order to better integrate the template.

In order to use the template, you must select it as the page template in Article Settings. When creating a page, use the following steps:

Click on the Plus Icon in the top left of the CMS.Then select Nifty About Us Page (Split Images). Then you can make any neccessary settings / customizations.

Partial: About Us Section - Split Images (Partial)

The partial template (_about_us_2.liquid) outputs the main content area (including the vision and mission statement) of type # 2. It can be included with a single line and has various fields that can be set by the editor to customize the look of the section.

Usage (Liquid Markup)

{%- include "/marketpath/nifty-about-us-pages/partials/_about_us_2.liquid" -%}

Type # 3 (Hover Cards)

Page: Nifty About Us Page (Hover Cards)

The page template (about_us_page_3.liquid) makes use of the corresponding partial template and outputs a complete page. The page includes the default Header / Footer (_header.liquid and _footer.liquid) and utilizes bootstrap classes, which mean that all set variables are automatically set (allowing seamless integration). The Page Template also uses the Zen Banner, and CTA Banner to make up the entire page. If you require the page to be in a consistent format with other pages in your site, you might need to use the partial template in order to better integrate the template.

In order to use the template, you must select it as the page template in Article Settings. When creating a page, use the following steps:

Click on the Plus Icon in the top left of the CMS.Then select Nifty About Us Page (Hover Cards). Then you can make any neccessary settings / customizations.

Partial: About Us Section - Hover Cards (Partial)

The partial template (_about_us_3.liquid) outputs the main content area (including the vision and mission statement) of type # 3. It can be included with a single line and has various fields that can be set by the editor to customize the look of the section.

Usage (Liquid Markup)

{%- include "/marketpath/nifty-about-us-pages/partials/_about_us_3.liquid" -%}