Voorbeeldpagina opmaak website

[row]
[span6]

Buttons Small

[button text=”Yellow” link=”#” style=”warning” size=”small” target=”_self” display=”inline”][button text=”White” link=”#” style=”default” size=”small” target=”_self” display=”inline”][button text=”Black” link=”#” style=”inverse” size=”small” target=”_self” display=”inline” class=”std”][button text=”Red” link=”#” style=”danger” size=”small” target=”_self” display=”inline”][button text=”Green” link=”#” style=”success” size=”small” target=”_self” display=”inline”][button text=”Blue” link=”#” style=”primary” size=”small” target=”_self” display=”inline”][button text=”White” link=”#” style=”default” size=”small” target=”_self” display=”inline” icon_class_before=”icon-info-sign”][button text=”Black” link=”#” style=”inverse” size=”small” target=”_self” display=”inline” icon_class_before=”icon-user icon-white”][button text=”Red” link=”#” style=”danger” size=”small” target=”_self” display=”inline” icon_class_before=”icon-remove icon-white”][button text=”Green” link=”#” style=”success” size=”small” target=”_self” display=”inline” icon_class_before=”icon-ok icon-white”][button text=”Blue” link=”#” style=”primary” size=”small” target=”_self” display=”inline” icon_class_before=”icon-folder-open icon-white”][/span6]
[span6]

Buttons Big

[button text=”Yellow” link=”#” style=”warning” size=”large” target=”_self” display=”inline”][button text=”White” link=”#” style=”default” size=”large” target=”_self” display=”inline”][button text=”Black” link=”#” style=”inverse” size=”large” target=”_self” display=”inline” class=”std”][button text=”Red” link=”#” style=”danger” size=”large” target=”_self” display=”inline”][button text=”Green” link=”#” style=”success” size=”large” target=”_self” display=”inline”][button text=”Blue” link=”#” style=”primary” size=”large” target=”_self” display=”inline”][button text=”White” link=”#” style=”default” size=”large” target=”_self” display=”inline” icon_class_before=”icon-info-sign”][button text=”Black” link=”#” style=”inverse” size=”large” target=”_self” display=”inline” icon_class_before=”icon-user icon-white”][button text=”Red” link=”#” style=”danger” size=”large” target=”_self” display=”inline” icon_class_before=”icon-remove icon-white”][button text=”Green” link=”#” style=”success” size=”large” target=”_self” display=”inline” icon_class_before=”icon-ok icon-white”][button text=”Blue” link=”#” style=”primary” size=”large” target=”_self” display=”inline” icon_class_before=”icon-folder-open icon-white”]

[/span6]
[/row]
[row]
[span6]

Tabs

[tabs tab1=”Title 1″ tab2=”Title 2″ tab3=”Title 3″] [tab1] Lorem ipsum dolor sit amet, consectetur adipisicing tellus. Vestibuu mollis vestibulum justo elit, sed do eiusmod tempor onsec adipisicing elit, sed do eiusmod tempor. [/tab1] [tab2] Susce ac dolor in erat elementum auctor ante. puspendisse tellus. Vestibuu mollis vestibulum justo nibh leo, hendrerit quis sed dictum non.Fusce ac dolor in erat elementum auctor ante. [/tab2] [tab3] Donec at luctus tellus. Vestibulum mollis vestibulum justo, aliquet interdum ligula lacinia eu. Sed at urna sed libero dictum porttitor. Donec at luctus tellus. Vestibuu mollis vestibulum justo [/tab3] [/tabs][/span6]
[span6]

Alert Boxes

[small_spacer]
[alert_box style=”danger” close=”yes”]This box is for errors or alerts![/alert_box]
[alert_box style=”message” close=”yes”]This box is for notices![/alert_box]
[alert_box style=”success” close=”yes”]This is a success box![/alert_box]
[alert_box style=”info” close=”yes”]This is an info box![/alert_box]

[small_spacer]

[/span6]
[/row]
[row]
[span12]

Typography

[small_spacer]
[/span12]
[/row]
[row]
[span4]
[circle_dropcap]T[/circle_dropcap]orem ipsum dolor sit amet, Integer commodo tristique odio, aliquet ut. Maecenas sed justo imperdiet bibendum. Vivamus nec sapien imperdiet diam. Aliquam erat volutpat. Sed onsectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, [/span4]
[span4]
[simple_dropcap]L[/simple_dropcap]orem ipsum dolor sit amet, Integer commodo tristique odio, aliquet ut. Maecenas sed justo imperdiet bibendum. Vivamus nec sapien imperdiet diam. Aliquam erat volutpat. Sed onsectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, [/span4]
[span4]
[square_dropcap]T[/square_dropcap]orem ipsum dolor sit amet, Integer commodo tristique odio, aliquet ut. Maecenas sed justo imperdiet bibendum. Vivamus nec sapien imperdiet diam. Aliquam erat volutpat. Sed onsectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, [spacer][/span4]
[/row]

[row]
[span8]

Blockquote

[spacer]
[blockquote]

Lorem ipsum dolor sit, consectetur adipiscing elit. Integer ommodo tristique odio, quis fringilla,quis fringilla ligula. Dolores gasis dolor sit amet, consectetur adipiscing

[/blockquote]

Lorem ipsum dolor sit amet, [highlight color=”#faa31a”]consectetur[/highlight] adipiscing elit. Integer [highlight color=”#056a76″]commodo[/highlight] tristique odio, quis fringilla ligula aliquet ut. [highlight color=”#000″]Maecenas[/highlight] sed justo varius velit imperdiet bibendum. Vivamus nec sapien [highlight color=”#199f35″]massa[/highlight], a imperdiet diam.

[/span8]
[span4]

List Style

[small_spacer]
[mix_list]

• Check List
• Plus List
• Minus List
• Arrow2 List
• Square List
• Circle List

[/mix_list][/span4]
[/row]
[row]
[span12]

Table

[table td1=”Lorem” td2=”Integer commodo” td3=”Dolor” td4=”Vivamus” td5=”Aliquam erat”]
[td1] lorem ipsum [/td1]
[td2] lorem ipsum [/td2]
[td3] lorem ipsum [/td3]
[td4] lorem ipsum [/td4]
[td5] lorem ipsum [/td5]
[td1] lorem ipsum [/td1]
[td2] lorem ipsum [/td2]
[td3] lorem ipsum [/td3]
[td4] lorem ipsum [/td4]
[td5] lorem ipsum [/td5]
[td1] lorem ipsum [/td1]
[td2] lorem ipsum [/td2]
[td3] lorem ipsum [/td3]
[td4] lorem ipsum [/td4]
[td5] lorem ipsum [/td5]
[td1] lorem ipsum [/td1]
[td2] lorem ipsum [/td2]
[td3] lorem ipsum [/td3]
[td4] lorem ipsum [/td4]
[td5] lorem ipsum [/td5]
[/table]
[/span12]
[/row]