[section extra=”container”] [container extra=”row”]
[heading size=”h1″ extra=””]H1 heading style[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [heading size=”h2″ extra=””]H2 heading style[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [heading size=”h3″ extra=””]H3 heading style[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [heading size=”h4″ extra=””]H4 heading style[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [heading size=”h5″ extra=””]H5 heading style[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [heading size=”h6″ extra=””]H6 heading style[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph]
[heading size=”h2″ extra=””]Blockquote[/heading]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.

[heading size=”h2″ extra=””]Labels[/heading] [paragraph extra=””][label type=”label-primary”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [paragraph extra=””][label type=”label-danger”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [paragraph extra=””][label type=”label-info”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [paragraph extra=””][label type=”label-success”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [paragraph extra=””][label type=”label-warning”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [heading size=”h2″ extra=””]Paragraph[/heading] [paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph]
[/container] [divider extra=””] [container extra=”row”]
[heading size=”h2″ extra=””]Dropcaps[/heading]
[dropcap type=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/dropcap]
[dropcap type=”secondary”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/dropcap]
[/container] [divider extra=””] [container extra=”row”]
[heading size=”h2″ extra=””]Lists[/heading]
[/container] [container extra=”row”]
[heading size=”h4″ extra=””]Unordered List[/heading] [list type=unordered] [list_item]Lorem ipsum dolor sit amet[/list_item] [list_item]Consectetur adipiscing elit[/list_item] [list_item] Integer molestie lorem at massa[/list_item] [list_item]Facilisis in pretium nisl aliquet[/list_item] [list_item]Nulla volutpat aliquam velit[/list_item] [list_item] Phasellus iaculis neque[/list_item] [list_item]Purus sodales ultricies[/list_item] [list_item]Vestibulum laoreet porttitor sem[/list_item] [list_item] Ac tristique libero volutpat at[/list_item] [list_item]Faucibus porta lacus fringilla vel[/list_item] [list_item]Aenean sit amet erat nunc[/list_item] [list_item] Eget porttitor lorem[/list_item] [/list] [heading size=”h4″ extra=”spaced”]Description List[/heading] [list type=desc] [list_item_dt]Description lists[/list_item_dt][list_item_dd]A description list is perfect for defining terms.[/list_item_dd] [list_item_dt]Euismod[/list_item_dt][list_item_dd]Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.[/list_item_dd][list_item_dd]Donec id elit non mi porta gravida at eget metus.[/list_item_dd] [list_item_dt]Malesuada porta[/list_item_dt][list_item_dd]Etiam porta sem malesuada magna mollis euismod.[/list_item_dd] [/list]
[heading size=”h4″ extra=””]Ordered List[/heading] [list type=ordered] [list_item]Facilisis in pretium nisl aliquet[/list_item] [list_item]Faucibus porta lacus fringilla vel[/list_item] [list_item]Aenean sit amet erat nunc[/list_item] [list_item]Eget porttitor lorem[/list_item] [list_item]Consectetur adipiscing elit[/list_item] [list_item]Integer molestie lorem at massa[/list_item] [list_item]Facilisis in pretium nisl aliquet[/list_item] [list_item]Faucibus porta lacus fringilla vel[/list_item] [list_item]Aenean sit amet erat nunc[/list_item] [/list] [heading size=”h4″ extra=”spaced”]Icons List[/heading] [list type=icon extra=”hearts”] [list_item icon=”icon-envelope-alt” type=”icon”]Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.[/list_item] [list_item icon=”icon-film” type=”icon”]Phasellus in risus quis lectus iaculis vulputate id quis nisl.[/list_item] [/list] [list type=icon extra=”checks”] [list_item icon=”icon-envelope-alt” type=”icon”]Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.[/list_item] [list_item icon=”icon-film” type=”icon”]Phasellus in risus quis lectus iaculis vulputate id quis nisl.[/list_item] [/list] [list type=icon extra=”carets”] [list_item icon=”icon-envelope-alt” type=”icon”]Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.[/list_item] [list_item icon=”icon-film” type=”icon”]Phasellus in risus quis lectus iaculis vulputate id quis nisl.[/list_item] [/list] [list type=icon extra=”chevrons”] [list_item icon=”icon-envelope-alt” type=”icon”]Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.[/list_item] [list_item icon=”icon-film” type=”icon”]Phasellus in risus quis lectus iaculis vulputate id quis nisl.[/list_item] [/list] [heading size=”h4″ extra=”spaced”]Inline[/heading] [list type=inline extra=] [list_item]Lorem ipsum[/list_item] [list_item]Phasellus iaculis[/list_item] [list_item]Nulla volutpat[/list_item] [/list]
[/container] [divider extra=””] [container extra=”row”]
[heading size=”h2″ extra=””]Code[/heading]
[/container] [container extra=”row”]
[heading size=”h4″ extra=””]Inline[/heading] [paragraph extra=””]For example, <section> should be wrapped as inline.[/paragraph]
[heading size=”h4″ extra=””]Basic Block[/heading] <p>Sample text here...</p>
[/container] [divider extra=””] [container extra=”row”]
[heading size=”h2″ extra=””]Tables[/heading]
[/container] [container extra=”row”]
[heading size=”h4″ extra=””]Striped[/heading] [htable type=”table-striped”] [thead][trow] [thcol] # [/thcol] [thcol] First Name [/thcol] [thcol] Last Name [/thcol] [thcol] Username [/thcol] [/trow][/thead] [tbody][trow] [tcol] 1 [/tcol] [tcol] Mark [/tcol] [tcol] Otto [/tcol] [tcol] @mdo [/tcol] [/trow] [trow] [tcol] 2 [/tcol] [tcol] Jacob [/tcol] [tcol] Thornton [/tcol] [tcol] @fat [/tcol] [/trow] [trow] [tcol] 3 [/tcol] [tcol] Larry [/tcol] [tcol] the Bird [/tcol] [tcol] @twitter [/tcol] [/trow][/tbody] [/htable]
[/container] [container extra=”row”]
[heading size=”h4″ extra=”spaced”]Bordered[/heading] [htable type=”table-bordered”] [thead][trow] [thcol] # [/thcol] [thcol] First Name [/thcol] [thcol] Last Name [/thcol] [thcol] Username [/thcol] [/trow][/thead] [tbody][trow] [tcol] 1 [/tcol] [tcol] Mark [/tcol] [tcol] Otto [/tcol] [tcol] @mdo [/tcol] [/trow] [trow] [tcol] 2 [/tcol] [tcol] Jacob [/tcol] [tcol] Thornton [/tcol] [tcol] @fat [/tcol] [/trow] [trow] [tcol] 3 [/tcol] [tcol] Larry [/tcol] [tcol] the Bird [/tcol] [tcol] @twitter [/tcol] [/trow][/tbody] [/htable]
[/container] [/section]