Context-specific features - Working Examples

Full-row features (default variant)

Two or three-tiles

In case of having two tiles, features must be aligned to the left, no gap in the middle. If there is just one tile to display, it is encouraged to use the one-tile pattern below.

Features

[Feature hyperlink text]

Brief description of the feature being promoted. Brief description of the feature being promoted.

[Feature hyperlink text]

Brief description of the feature being promoted.

[Feature hyperlink text]

Brief description of the feature being promoted.

One-tile feature

Featured

[Feature hyperlink text]

Brief description of the feature being promoted.

Government initiatives (variant)

Government initiatives

[Feature hyperlink text]

Brief description of the feature being promoted.

[Feature hyperlink text]

Brief description of the feature being promoted.

Cohabit patterns (variant)

Patterns represent features having to reside either on the left side or the right side of another component.

<div class="row mrgn-tp-xl">
	<div class="col-md-8">
		<!-- Cohabit variant here -->
	</div>
	<div class="col-md-4">
		<!-- Other component here -->
	</div>
	</div>

Two-tiles left-aligned

Features

[Feature hyperlink text]

Brief description of the feature being promoted.

[Feature hyperlink text]

Brief description of the feature being promoted.

Other Component

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Two-tiles right-aligned

Other Component

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Features

[Feature hyperlink text]

Brief description of the feature being promoted.

[Feature hyperlink text]

Brief description of the feature being promoted.

One-tile left-aligned

Featured

[Feature hyperlink text]

Brief description of the feature being promoted.

Other Component

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

One-tile right-aligned

Other Component

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Featured

[Feature hyperlink text]

Brief description of the feature being promoted.