Styled Box

Shortcode Usage
Photoshop85%

Bibendum Tortor


Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Get the code

[gdlr_styled_box background_color="#9ada55" ]

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="150" line_width="8" progress_background_color="#e9e9e9" background_color="#ffffff" progress_color="#88c05d" content_color="#333333"]Photoshop[/gdlr_circle_progress]

[/gdlr_column][gdlr_column size="2/3"]

[gdlr_heading tag="h3" size="24px" color="#ffffff" font_weight="bold"]Bibendum Tortor [/gdlr_heading]
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
[/gdlr_column]

[/gdlr_row]

[/gdlr_styled_box]

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Get the code

[gdlr_styled_box background_color="#e56b3a" corner_color="#a84c30" ]

[gdlr_icon type="icon-gears" size="60px" color="#ffffff"] [gdlr_icon type="icon-suitcase" size="60px" color="#ffffff"] [gdlr_icon type="icon-moon" size="60px" color="#ffffff"] [gdlr_icon type="icon-truck" size="60px" color="#ffffff"]

[gdlr_space height="25px"]

[gdlr_heading tag="h3" size="24px" color="#ffffff" font_weight="bold"]Bibendum Tortor [/gdlr_heading]

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

[/gdlr_styled_box]

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Get the code

[gdlr_styled_box background_type="image" background_image="http://themes.goodlayers2.com/flawless/wp-content/uploads/2013/12/styled-box-bg.jpg" height="200px"]

[gdlr_heading tag="h3" size="28px" color="#222222" font_weight="bold"]Bibendum Tortor [/gdlr_heading]

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

[/gdlr_styled_box]

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Button Text
Get the code

[gdlr_styled_box background_color="#4f4f4f" ]

[gdlr_space height="-20px"]

[gdlr_text_align class="center" ]

[gdlr_icon type="icon-cloud-download" size="60px" color="#ffffff"]

[gdlr_space height="-8px"]

[gdlr_heading tag="h2" size="28px" color="#ffffff" ]Bibendum Tortor [/gdlr_heading]

[gdlr_space height="-8px"]

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

[gdlr_space height="30px"]

[gdlr_button href="http://www.goodlayers.com" target="_self" size="medium" background="#d6724f" color="#ffffff" with_border="yes" border_color="#98543c"][gdlr_icon type="icon-plane"] Button Text[/gdlr_button]

[gdlr_space height="-20px"]

[/gdlr_text_align]

[/gdlr_styled_box]