In this H3 style, the heading text is presented in blue color, centrally aligned, and with a font size of 24 pixels. Select Saved Styles (H3 blue Size 24px)

Use 'H3 blue left Size 24px' for Left Alignment

In this H3 style, the heading text is presented in black color, centrally aligned, and with a font size of 24 pixels. Select Saved Styles (H3 black Size 24px)

Use this style for left align (H3 black left Size 24px)

In this H3 style, the heading text is presented with a font size of 24 pixels and features a gradient effect. When applying the saved style for (H3 with Gradient Size 24px) remember to add the class heading-with-gradient to the properties.

In this H3 style, the heading text is presented with a font size of 24 pixels and features a gray effect. When applying the saved style for (H3 Gray Size 24px).

In this H4 style, the heading text is presented with a font size of 20 pixels and features a gradient effect as well as a border. When applying the saved style for (H4 Gradient and border Size 20px) remember to add the class heading-with-gradient to the properties.

In this H4 style, the heading text is presented in blue color, center-aligned, and with a font size of 20 pixels. Select Saved Styles (H4 blue Size 20px)

Use this style for left align (H4 blue left Size 20px)

In this H4 style, the heading text is presented in black color, center-aligned, and with a font size of 20 pixels. Select Saved Styles (H4 black Size 20px)

Use this style for left align (H4 black left Size 20px)

In this H5 style, the heading text is center-aligned and has a font size of 18 pixels. Select Saved Styles (H5 black Size 18px)

Use this style for left align (H5 black left Size 18px)

In this H6 style, the heading text is center-aligned and has a font size of 16 pixels. Select Saved Styles (H6 black Size 16px)

Use this style for left align (H6 black left Size 16px)

In this style, the button features a green shadow, gradient effect, and has a font size of 18 pixels. When applying the saved style (Primary Button) remember to add the class btn-primary to the properties.

The paragraph text has a font size of 18 pixels. When applying this style, remember to add the class p-bigger to the properties.

The paragraph text has a font size of 16 pixels. When applying this style, remember to add the class p-normal to the properties.

The paragraph text has a font size of 14 pixels. When applying this style, remember to add the class p-small to the properties.

There are generic brand colors defined in css as below

Primary Color : rgba(9, 76, 134, 1) (Brand Blue) is defined in css with class .primary-color
Secondary Color: rgba(0, 144, 67, 1) (Brand Green) is defined in css with class  .secondary-color
Tertiary Color: #000 (Black) is defined in css with class  .tertiary-color
Accent Color: #e6f2f7 (light blue) is defined in css with class  .accent-color

For Listing Banner simply add container and select image. Then add css class (listing-banner) in both properties H1 and banner so it automatically apply styles with font size 38px on h1.

In this style, the banner subheading is presented in blue color with a font size of 28 pixels. Select Saved Styles (Banner Subheading)

Current Brand Color

More Vibrant Blue

More Modern and Inviting

More Modern and Inviting

Smokey Blue Grey Alternative