[row text_shadow=»none»]
[column col=»12″]
Titles h1 thru h6
h1. Title H1 and paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod.
h2. Title H2 and paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod.
h3. Title H3 and paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod.
h4. Title H4 and paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod.
h5. Title H5 and paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod.
h6. Title H6 and paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod.
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»text-shadow-dark»]
[column col=»4″]
Common Paragraph
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. Nam rutrum sed dolor sit amet lobortis. Sed eget nibh nec justo laoreet adipiscing. Suspendisse blandit facilisis pulvinar. Donec imperdiet dignissim venenatis.
* Praesent vulputate lectus sit amet purus molestie, a sollicitudin risus ullamcorper.
[/column]
[column col=»4″]
Excerpt
Aliquam vel est magna. Maecenas quis nisl leo. Praesent tristique est vitae nunc vestibulum, non tristique ipsum molestie. Nam rutrum sed dolor sit amet lobortis. Sed eget nibh nec justo laoreet adipiscing.
[/column]
[column col=»4″]
Call Out
Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod. Mauris ac sem non quam tempus feugiat ac vel sem.
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[custom_column col=»12″ offset=»0″ textalign=»text-left»]
Bullet-paragraph
[/custom_column]
[/row]
[row text_shadow=»none»]
[column col=»6″]
[bullet_paragraph paragraph_icon=»fa fa-barcode» icon_size=»32″]
Duis accumsan
Phasellus scelerisque lacu vel tellus laoreet, vitae comodo metus tempor. Duis accumsan, nibh sed malesuada element, quam mauris tristique ipsum. Nam pellentesque felis non enim gravida rutrum. Sed adipiscing ipsum quam, a convallis nibh euismod ut. Nunc sodales semper facilisis.
[/bullet_paragraph]
[bullet_paragraph paragraph_icon=»fa fa-cloud-upload» icon_size=»32″]
Pellentesque felis
Morbi gravida vulputate scelerisque. Nunc laoreet elit justo, eu commodo risus volutpat id. Aenean ac nis ornare, sagittis tristique diam dui quam sagittis. Pellentesque felis non enim gravida rutrum. Sed adipiscing ipsum quam, a convallis nibh euismod ut. Nibh sed malesuada element.
[/bullet_paragraph]
[/column]
[column col=»6″]
[bullet_paragraph paragraph_icon=»fa fa-apple» icon_size=»32″]
Aenean ac nis ornare
Phasellus scelerisque lacu vel tellus laoreet, vitae comodo metus tempor. Duis accumsan, nibh sed malesuada element, quam mauris tristique ipsum. Nam pellentesque felis non enim gravida rutrum. Sed adipiscing ipsum quam, a convallis nibh euismod ut. Nunc sodales semper facilisis.
[/bullet_paragraph]
[bullet_paragraph paragraph_icon=»fa fa-stack-overflow» icon_size=»32″]
Nam pellentesque
Morbi gravida vulputate scelerisque. Nunc laoreet elit justo, eu commodo risus volutpat id. Aenean ac nis ornare, sagittis tristique diam dui quam sagittis. Pellentesque felis non enim gravida rutrum. Sed adipiscing ipsum quam, a convallis nibh euismod ut. Nibh sed malesuada element.
[/bullet_paragraph]
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[custom_column col=»3″ offset=»0″ textalign=»text-center»]
Image regular
[/custom_column]
[custom_column col=»3″ offset=»0″ textalign=»text-center»]
Image rounded
[/custom_column]
[custom_column col=»3″ offset=»0″ textalign=»text-center»]
Image circled
[/custom_column]
[custom_column col=»3″ offset=»0″ textalign=»text-center»]
Image Thumbnail
[/custom_column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[custom_column col=»4″ offset=»0″ textalign=»text-left»]
Image on left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac feugiat erat. Quisque porttitor id felis bibendum tristique. Sed eleifend nisi dolor, sit amet ultrices magna auctor in. Donec iaculis mi in ligula sodales lobortis. Proin dui arcu, lacinia quis elit ac, euismod feugiat sapien. Maecenas vitae velit consectetur, faucibus ligula nec, consectetur sapien. Integer aliquam accumsan quam, a venenatis.
[/custom_column]
[custom_column col=»4″ offset=»0″ textalign=»text-center»]
Image centered
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac feugiat erat. Quisque porttitor id felis bibendum tristique. Sed eleifend nisi dolor, sit amet ultrices magna auctor in. Donec iaculis mi in ligula sodales lobortis.
[/custom_column]
[custom_column col=»4″ offset=»0″ textalign=»text-left»]
Image on right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac feugiat erat. Quisque porttitor id felis bibendum tristique. Sed eleifend nisi dolor, sit amet ultrices magna auctor in. Donec iaculis mi in ligula sodales lobortis. Proin dui arcu, lacinia quis elit ac, euismod feugiat sapien. Maecenas vitae velit consectetur, faucibus ligula nec, consectetur sapien. Integer aliquam accumsan quam, a venenatis dolor auctor sit amet.
[/custom_column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Video Vimeo
[/column]
[column col=»6″]
Video YouTube
http://youtu.be/f56WNu4T2aY
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Audio embed
Sed sollicitudin fringilla risus, at pretium mauris facilisis quis. Proin gravida sapien quis molestie fringilla. Vestibulum malesuada justo ac massa tincidunt, sit amet sagittis lorem rutrum. Cras viverra aliquet quam, ut vehicula tellus convallis at. Sed sagittis lectus in porta lobortis.
Nullam accumsan suscipit velit, in lacinia metus consequat a. Integer at laoreet tellus. Proin gravida sapien quis molestie fringilla. Morbi arcu ipsum, dictum non cursus ut, scelerisque id eros. Phasellus fringilla eros neque, at sagittis metus pellentesque eget. Fusce purus nisl, tempor eu consectetur eget, dapibus rutrum nisl. Etiam gravida tellus ut dictum consequat.
[/column]
[column col=»6″]
Soundcloud embed
https://soundcloud.com/sonymusicgospel/mariana-valad-o-s-uma-frase
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»12″]
Google Maps
[google_map title=»My Map Title» lat=»37.782231″ lon=»-122.400679″ zoom=»15″ name=»John Doe, Inc.» address=»795 Folsom Ave, Suite 600″ city=»San Francisco» state=»CA» zip=»94107″ country=»USA»]
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[custom_column col=»6″ offset=»0″ textalign=»text-left»]
Blockquotes left
[blockquote quote_author=»Johnny Doe» quote_source=»New York Times» textalign=»pull-left»]
Mauris cursus gravida lacus, et congue eros. Quisque neque neque, rutrum vitae augue id, tincidunt euismod lectus.
[/blockquote]
[/custom_column]
[custom_column col=»6″ offset=»0″ textalign=»text-right»]
Blockquotes RIGHT
[blockquote quote_author=»Mary Jane Doe» quote_source=»CNBC News Today» textalign=»pull-right»]
Mauris cursus gravida lacus, et congue eros. Quisque neque neque, rutrum vitae augue id, tincidunt euismod lectus.
[/blockquote]
[/custom_column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»4″]
Unordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet
- Ac tristique libero
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
[/column]
[column col=»4″]
Ordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet
- Ac tristique libero
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
[/column]
[column col=»4″]
Unstyled List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet
- Ac tristique libero
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Buttons
[button style=»btn-default» size=»default» label=»DEFAULT» link_opens=»_self»] [button style=»btn-primary» size=»default» label=»PRIMARY» link_opens=»_self»] [button style=»btn-success» size=»default» label=»SUCCESS» link_opens=»_self»] [button style=»btn-info» size=»default» label=»INFO» link_opens=»_self»] [button style=»btn-warning» size=»default» label=»WARNING» link_opens=»_self»] [button style=»btn-danger» size=»default» label=»DANGER» link_opens=»_self»]
[/column]
[column col=»6″]
Button sizes
[button style=»btn-default» size=»btn-lg» label=»Large size» link_opens=»_self»] [button style=»btn-primary» size=»default» label=»Default size» link_opens=»_self»] [button style=»btn-warning» size=»btn-sm» label=»Small size» link_opens=»_self»] [button style=»btn-danger» size=»btn-xs» label=»Extra small size» link_opens=»_self»]
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Labels
In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod. Mauris ac sem non quam tempus feugiat ac vel sem.
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
[/column]
[column col=»6″]
Badges
In euismod massa vel dapibus congue. Cras tincidunt pharetra turpis id placerat. Donec eu libero nec ligula lobortis euismod. Mauris ac sem non quam tempus feugiat ac vel sem.
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Basic table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/column]
[column col=»6″]
Striped rows Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Bordered table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/column]
[column col=»6″]
Hover rows Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»12″]
Condensed table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Emphasized text
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
[/column]
[column col=»6″]
Preformatted text
This should be wrapped as inline code <section> while the following uses <pre></pre> tags to format:
<div id="z-wenge" class="col-3_2">
<h2>Button sizes</h2>
<button>Large button</button>
<button>Default button</button>
<button>Small button</button>
<button>Extra small button</button>
</div>
[/column]
[/row]
[gap height=»60″]
[row text_shadow=»none»]
[column col=»6″]
Alerts
[alert style=»alert-success» dismissable=»false»]
SUCCESS! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=»alert-info» dismissable=»false»]
INFO! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=»alert-warning» dismissable=»false»]
WARNING! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=»alert-danger» dismissable=»false»]
DANGER! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[/column]
[column col=»6″]
Dismissable Alerts
[alert style=»alert-danger» dismissable=»true»]
DANGER! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=»alert-warning» dismissable=»true»]
WARNING! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=»alert-info» dismissable=»true»]
INFO! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=»alert-success» dismissable=»true»]
SUCCESS! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[/column]
[/row]