Buttons & Dividers

Buttons – 4 Sizes

[lo_row]
[lo_column size=”1/2″]

Lorem ipsum dolor sit amet, consectetuer rhoncus adipiscing elit. Aenean commodo ligula dolor aenean massa cum sociis.

[lo_button url=”#” size=”small”]SMALL BUTTON[/lo_button]
[/lo_column]

[lo_column size=”1/2″]

Lorem ipsum dolor sit amet, consectetuer rhoncus adipiscing elit. Aenean commodo ligula dolor aenean massa cum sociis.

[lo_button url=”#” size=”medium”]MEDIUM BUTTON[/lo_button]
[/lo_column]
[/lo_row]

[lo_row]
[lo_column size=”1/2″]

Lorem ipsum dolor sit amet, consectetuer rhoncus adipiscing elit. Aenean commodo ligula dolor aenean massa cum sociis.

[lo_button url=”#” size=”large”]LARGE BUTTON[/lo_button]
[/lo_column]

[lo_column size=”1/2″]

Lorem ipsum dolor sit amet, consectetuer rhoncus adipiscing elit. Aenean commodo ligula dolor aenean massa cum sociis.

[lo_button url=”#” size=”extra-large”]EXTRA LARGE BUTTON[/lo_button]
[/lo_column]
[/lo_row]

Buttons – Unlimited Custom Colors

[lo_button url=”#” size=”medium” background=”#1e73be”]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#841fc6″]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#f26d7d”]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#f68e56″]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#82ca9c”]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#c4df9b” color=”#000″]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#fcc8ce” color=”#000″]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#fde754″ color=”#000″]Button[/lo_button] [lo_button url=”#” size=”medium” background=”#e1e1e1″ color=”#309e52″]Button[/lo_button]

Buttons – Random Examples

[lo_row]
[lo_column size=”3/4″]
Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis. Lorem ipsum dolor sit amet, consectetuer rhoncus adipiscing elit. Aenean commodo ligula dolor aenean massa cum sociis.
[/lo_column]
[lo_column size=”1/4″][lo_button url=”#” size=”large” background=”#7accc8″]Join Us![/lo_button][/lo_column]
[/lo_row]

Vel aliquet diam. Suspendisse quis sodales risus. Quisque pharetra, lacus quis venenatis molestie, nibh tortor aliquam dui, id venenatis lectus metus id ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet libero faucibus, finibus justo vitae, ultrices lectus.

[lo_button url=”#” size=”large” background=”#8393ca”]Sign Up & Stay Tuned[/lo_button]

Divider lines

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”solid” size=”1px” color=”#5674b9″]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”solid” size=”1px” color=”#dddddd”]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”solid” size=”5px” color=”#f26d7d”]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”dashed” size=”1px” color=”#000000″]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”dashed” size=”2px” color=”#c4df9b”]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”solid” size=”10px” color=”#e1e1e1″]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”dotted” size=”2px” color=”#82ca9c”]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”dashed” size=”7px” color=”#fde754″]

Lorem ipsum dolor sit amet, probo dicat dolores has et. In mel hinc natum impetus, nec at malis tritani, eum quot voluptua eu. voluptua imperdiet vix no. Vis ut mnesarchum consectetuer. Cu sit dico cetero latine, nostrud laboramus ut.

[lo_divider style=”dotted” size=”1px” color=”#000000″]