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