Grid-Top

This module is displayed in the grid-top position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

You can add the class padding to add spacing around.

Grid-Top

This module is displayed in the grid-top position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

You can add the class padding to add spacing around.

Grid-Top2 _ms2 red color

This module is displayed in the grid-top2 position using the _ms2 module style with red color.

Suffix used: _ms2 red

Grid-Top2 _ms2 blue color

This module is displayed in the grid-top2 position using the _ms2 module style with red color.

Suffix used: _ms2 blue

Grid-Top2 _ms2 green color

This module is displayed in the grid-top2 position using the _ms2 module style with green color.

Suffix used: _ms2 green

Grid-Top2 _ms2 yellow color

This module is displayed in the grid-top2 position using the _ms2 module style with yellow color.

Suffix used: _ms2 yellow

This module is displayed in the above-content position.

This page demonstrates the available module styles and positions available in this template.

Click on the following image to know ABC's module map in detail.

Below Content

This module is displayed in the below-content position.

Grid-Bottom

This module is displayed in the grid-bottom position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

Grid-Bottom

This module is displayed in the grid-bottom position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

Grid-Bottom

This module is displayed in the grid-bottom position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

Grid-Bottom 2

This module is displayed in the grid-bottom2 position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

This module will not be seen by phones as it has the hidden-phone module class suffix.

Grid-Bottom 2

This module is displayed in the grid-bottom2 position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

Grid-Bottom 2

This module is displayed in the grid-bottom2 position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

Grid-Bottom 2

This module is displayed in the grid-bottom2 position inside a "flex-grid". This module position will adapt up to 6 modules in a dynamic flexible row. The "flex-grid" can also be styled using any of the available styles.

This module will not be seen by phones as it has the hidden-phone module class suffix.