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.

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.

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.

Grid-Top 2

This module is displayed in the grid-top2 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-Top 2

This module is displayed in the grid-top2 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-Top 2

This module is displayed in the grid-top2 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-Top 2

This module is displayed in the grid-top2 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-Top 3

This module is displayed in the grid-top3 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-Top 3

This module is displayed in the grid-top3 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.

Above Content

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 Civic's module map in detail.

Civic Module Map

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.

Grid-Bottom 3

This module is displayed in the grid-bottom3 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 3

This module is displayed in the grid-bottom3 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 3

This module is displayed in the grid-bottom3 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 4

This module is displayed in the grid-bottom4 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 4

This module is displayed in the grid-bottom4 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 4

This module is displayed in the grid-bottom4 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 4

This module is displayed in the grid-bottom4 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 5

This module is displayed in the grid-bottom5 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 5

This module is displayed in the grid-bottom5 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 6

This module is displayed in the grid-bottom6 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 6

This module is displayed in the grid-bottom6 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 6

This module is displayed in the grid-bottom6 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.