Grid

[column md=”6″]

1/2 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”6″]

1/2 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column]

 

[column md=”4″]

1/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”4″]

1/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”4″]

1/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column]

 

[column md=”3″]

1/4 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”3″]

1/4 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”3″]

1/4 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”3″]

1/4 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column]

 

[column md=”8″]

2/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”4″]

1/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column]

 

[column md=”4″]

1/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column][column md=”8″]

2/3 Column

Lorem ipsum dolor sit amet, habeo blandit et eos. An facilisi mediocrem mei, te eros eruditi pri. Pri in purto graece patrioque. Solet adolescens pro ea. Id appareat moderatius usu, vis an sint persecuti. Suas recteque ei pro, sea ei persius virtute sententiae.[/column]

Progress Bars

[progressbar title=”Default Progress Bar” label=”Label can be here” value=”80″ color=”#D14334″ style=””][/progressbar]

[progressbar title=”Striped Progress Bar” label=”45%” value=”45″ color=”#DA695D” style=”progress-bar-striped”][/progressbar]

[progressbar title=”Animated Progress Bar” label=”” value=”95″ color=”#2EA2CC” style=”progress-bar-striped active”][/progressbar]

 

Alert Box

[alert text=”Message can contain HTML” border_color=”#bce8f1″ bg_color=”#d9edf7″ font_color=”#31708f”][/alert]

 

Labels

You can add some inline [label text=”labels” bg_color=”#2EA2CC” font_color=”#ffffff”][/label] with custom colors

 

Icons

[icon icon=”asterisk” color=”#D14334″ size=”45″][/icon][icon icon=”camera” color=”#D14334″ size=”45″][/icon][icon icon=”comments” color=”#DA695D” size=”45″][/icon][icon icon=”file-image-o” color=”#DA695D” size=”45″][/icon][icon icon=”envelope-square” color=”#2EA2CC” size=”45″][/icon][icon icon=”dashboard” color=”#2EA2CC” size=”45″][/icon]

[icon icon=”external-link” color=”#D14334″ size=”24″][/icon][icon icon=”frown-o” color=”#D14334″ size=”24″][/icon][icon icon=”h-square” color=”#DA695D” size=”24″][/icon][icon icon=”wordpress” color=”#DA695D” size=”24″][/icon][icon icon=”arrow-down” color=”#2EA2CC” size=”24″][/icon][icon icon=”github” color=”#2EA2CC” size=”24″][/icon]

 

Buttons

[button text=”Normal” link=”#” target=”_self” bg_color=”#D14334″ border_radius=”0″ icon=”automobile” color=”#ffffff” size=”normal” align=””][/button][button text=”Normal” link=”#” target=”_self” bg_color=”#D14334″ border_radius=”4px” icon=”No Icon” color=”#ffffff” size=”normal” align=””][/button][button text=”Normal” link=”#” target=”_self” bg_color=”#D14334″ border_radius=”0″ icon=”bell” color=”#ffffff” size=”normal” align=””][/button][button text=”Normal Centered” link=”#” target=”_self” bg_color=”#D14334″ border_radius=”0″ icon=”bomb” color=”#ffffff” size=”normal” align=”center”][/button][button text=”Normal Right” link=”#” target=”_self” bg_color=”#D14334″ border_radius=”4px” icon=”No Icon” color=”#ffffff” size=”normal” align=”right”][/button]

[button text=”Normal Full Width” link=”#” target=”_self” bg_color=”#D14334″ border_radius=”4px” icon=”No Icon” color=”#ffffff” size=”normal” align=”center” width=”full”][/button]

[button text=”Medium” link=”#” target=”_self” bg_color=”#DA695D” border_radius=”0px” icon=”book” color=”#ffffff” size=”medium” align=””][/button][button text=”Medium” link=”#” target=”_self” bg_color=”#DA695D” border_radius=”6px” icon=”No Icon” color=”#ffffff” size=”medium” align=””][/button][button text=”Medium” link=”#” target=”_self” bg_color=”#DA695D” border_radius=”0px” icon=”book” color=”#ffffff” size=”medium” align=””][/button][button text=”Medium” link=”#” target=”_self” bg_color=”#DA695D” border_radius=”7px” icon=”cube” color=”#ffffff” size=”medium” align=”center”][/button][button text=”Medium” link=”#” target=”_self” bg_color=”#DA695D” border_radius=”0″ icon=”bookmark” color=”#ffffff” size=”medium” align=”right”][/button]

[button text=”Medium Full Width” link=”#” target=”_self” bg_color=”#DA695D” border_radius=”0″ icon=”bookmark” color=”#ffffff” size=”medium” align=”center” width=”full”][/button]

[button text=”Large” link=”#” target=”_self” bg_color=”#2EA2CC” border_radius=”0″ icon=”thumbs-up” color=”#ffffff” size=”large” align=””][/button][button text=”Large” link=”#” target=”_self” bg_color=”#2EA2CC” border_radius=”5px” icon=”No Icon” color=”#ffffff” size=”large” align=””][/button][button text=”Large” link=”#” target=”_self” bg_color=”#2EA2CC” border_radius=”0″ icon=”upload” color=”#ffffff” size=”large” align=””][/button][button text=”Large” link=”” target=”_self” bg_color=”#2EA2CC” border_radius=”0″ icon=”codepen” color=”#ffffff” size=”large” align=”center”][/button][button text=”Large” link=”#” target=”_self” bg_color=”#2EA2CC” border_radius=”5px” icon=”stethoscope” color=”#ffffff” size=”large” align=”right”][/button]

[button text=”Large Full Width” link=”#” target=”_self” bg_color=”#2EA2CC” border_radius=”5px” icon=”stethoscope” color=”#ffffff” size=”large” align=”center” width=”full”][/button]

 

Tabs

 

Accordion

 

Toggle

Toggle Title

 

Iframe

[column md=”6″]

4 : 3

[iframe link=”http://www.youtube.com/embed/xDHpcAFSMr0?rel=0″ proportion=”4by3″][/iframe][/column][column md=”6″]

16:9

[iframe link=”http://www.youtube.com/embed/xDHpcAFSMr0?rel=0″ proportion=”16by9″][/iframe][/column]

 

[column md=”6″]

Gallery

[pg_gallery images=”457,456,455,454,453,452″ thumb_image_size=”post-thumbnail” columns=”2″][/pg_gallery][/column][column md=”6″]

Slider

[/column]