Seperators & Dividers

{headline type=”h2″ style=”heading-single” color=”color-theme” text=”Circle Dividers Full”}

Here are some examples of the circle Dividers.

{spacer height=”40px”}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-circle-big-left}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{divider-circle-big-center}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-circle-big-right}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{spacer height=”40px”} {toggle1 title=”Shortcode”}

{divider-circle-big-left} {divider-circle-big-center} {divider-circle-big-right}

{/toggle} {spacer height=”40px”} {headline type=”h2″ style=”heading-single” color=”color-theme” text=”Circle Dividers Half”}

Here are some examples of the circle Dividers with half of the width.

{spacer height=”40px”}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-circle-small-left}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{divider-circle-small-center}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-circle-small-right}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{spacer height=”40px”} {toggle1 title=”Shortcode”}

{divider-circle-small-left} {divider-circle-small-center} {divider-circle-small-right}

{/toggle} {spacer height=”40px”} {headline type=”h2″ style=”heading-single” color=”color-theme” text=”Special Dividers”}

Here are some examples of the special Dividers.

{spacer height=”40px”}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-default}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{divider-fade}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-border}

Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

{divider-icon icon=”fa-heart”}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{divider-icon icon=”fa-rocket”}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{divider-icon icon=”fa-book”}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{divider-icon icon=”fa-cogs”}

Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

{spacer height=”40px”} {toggle1 title=”Shortcode”}

{divider-default} {divider-fade} {divider-border} {divider-icon icon="fa-heart"}

{/toggle} {spacer height=”40px”} {headline type=”h2″ style=”heading-single” color=”color-theme” text=”Spacer”}

This is a Element which can be very useful, it creates a transparent spacer area, for this Demo we have give them a Background Color so that you can see it.

{spacer height=”40px”}
{spacer height=”80px”}
{spacer height=”120px”}

{spacer height=”20px”} {toggle1 title=”Shortcode”}

{spacer height="40px"}

{/toggle}

Posted on by GM in Elements Leave a comment

Add a Comment