[header type="light-striped" title="Buttons" subtitle="Proin eget tortor risus.

Donec rutrum congue leo eget malesuada."

image="https://placeimg.com/1400/250/nature" margin="0 0 30px 0"][/header]
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec
velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.
[boxes margin="20px 0 0 0"]
[boxcontent icon="fa-info" color="info" type="1"]To know how to use it check
documentation. Vivamus magna justo, lacinia eget consectetur sed, convallis at
tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/boxcontent]
[boxicon icon="fa-code" type="3"
link="http://marbol2.com/docs/new-learning/elements/element_buttons.txt"]Use code
generator to insert it or get full code from here.[/boxicon]
[/boxes]
[line double="1" margin="20px 0 40px 0"][/line]
[columns]
[column size="4"]
[h size="4"]Donec rutrum congue[/h]
Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget
malesuada.
[button link="#" type="warning" fw="1"]Read more[/button]
[/column]
[column size="4"]
[h size="4"]Donec rutrum congue[/h]
Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget
malesuada.
[button link="#" type="info" fw="1"]Read more[/button]
[/column]
[column size="4"]
[h size="4"]Donec rutrum congue[/h]
Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget
malesuada.
[button link="#" type="danger" fw="1"]Read more[/button]
[/column]
[/columns]
[line double="1" margin="50px 0"][/line]
[button link="#" size="xs" type="default" margin="3px"]Read more[/button]
[button link="#" size="xs" type="primary" margin="3px"]Read more[/button]
[button link="#" size="xs" type="success" margin="3px"]Read more[/button]
[button link="#" size="xs" type="warning" margin="3px"]Read more[/button]
[button link="#" size="xs" type="info" margin="3px"]Read more[/button]
[button link="#" size="xs" type="danger" margin="3px"]Read more[/button]
[button link="#" size="xs" type="inverse" margin="3px"]Read more[/button]
[button link="#" size="xs" type="link" margin="3px"]Read more[/button]
[gap size="30"][/gap]
[button link="#" size="sm" type="default" margin="3px"]Read more[/button]
[button link="#" size="sm" type="primary" margin="3px"]Read more[/button]
[button link="#" size="sm" type="success" margin="3px"]Read more[/button]
[button link="#" size="sm" type="warning" margin="3px"]Read more[/button]
[button link="#" size="sm" type="info" margin="3px"]Read more[/button]
[button link="#" size="sm" type="danger" margin="3px"]Read more[/button]
[button link="#" size="sm" type="inverse" margin="3px"]Read more[/button]
[button link="#" size="sm" type="link" margin="3px"]Read more[/button]
[gap size="30"][/gap]
[button link="#" size="defaul" type="default" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="primary" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="success" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="warning" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="info" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="danger" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="inverse" margin="3px"]Read more[/button]
[button link="#" size="defaul" type="link" margin="3px"]Read more[/button]
[gap size="30"][/gap]
[button link="#" size="lg" type="default" margin="3px"]Read more[/button]
[button link="#" size="lg" type="primary" margin="3px"]Read more[/button]
[button link="#" size="lg" type="success" margin="3px"]Read more[/button]
[button link="#" size="lg" type="warning" margin="3px"]Read more[/button]
[button link="#" size="lg" type="info" margin="3px"]Read more[/button]
[button link="#" size="lg" type="danger" margin="3px"]Read more[/button]
[button link="#" size="lg" type="inverse" margin="3px"]Read more[/button]
[button link="#" size="lg" type="link" margin="3px"]Read more[/button]
[line double="1" margin="50px 0"][/line]
[button link="#" size="xs" type="default" border="1" margin="3px"]Read
more[/button]
[button link="#" size="xs" type="primary" border="1" margin="3px"]Read
more[/button]
[button link="#" size="xs" type="success" border="1" margin="3px"]Read
more[/button]
[button link="#" size="xs" type="warning" border="1" margin="3px"]Read
more[/button]
[button link="#" size="xs" type="info" border="1" margin="3px"]Read more[/button]
[button link="#" size="xs" type="danger" border="1" margin="3px"]Read more[/button]
[button link="#" size="xs" type="inverse" border="1" margin="3px"]Read
more[/button]
[gap size="30"][/gap]
[button link="#" size="sm" type="default" border="1" margin="3px"]Read
more[/button]
[button link="#" size="sm" type="primary" border="1" margin="3px"]Read
more[/button]
[button link="#" size="sm" type="success" border="1" margin="3px"]Read
more[/button]
[button link="#" size="sm" type="warning" border="1" margin="3px"]Read
more[/button]
[button link="#" size="sm" type="info" border="1" margin="3px"]Read more[/button]
[button link="#" size="sm" type="danger" border="1" margin="3px"]Read more[/button]
[button link="#" size="sm" type="inverse" border="1" margin="3px"]Read
more[/button]
[gap size="30"][/gap]
[button link="#" size="defaul" type="default" border="1" margin="3px"]Read
more[/button]
[button link="#" size="defaul" type="primary" border="1" margin="3px"]Read
more[/button]
[button link="#" size="defaul" type="success" border="1" margin="3px"]Read
more[/button]
[button link="#" size="defaul" type="warning" border="1" margin="3px"]Read
more[/button]
[button link="#" size="defaul" type="info" border="1" margin="3px"]Read
more[/button]
[button link="#" size="defaul" type="danger" border="1" margin="3px"]Read
more[/button]
[button link="#" size="defaul" type="inverse" border="1" margin="3px"]Read
more[/button]
[gap size="30"][/gap]
[button link="#" size="lg" type="default" border="1" margin="3px"]Read
more[/button]
[button link="#" size="lg" type="primary" border="1" margin="3px"]Read
more[/button]
[button link="#" size="lg" type="success" border="1" margin="3px"]Read
more[/button]
[button link="#" size="lg" type="warning" border="1" margin="3px"]Read
more[/button]
[button link="#" size="lg" type="info" border="1" margin="3px"]Read more[/button]
[button link="#" size="lg" type="danger" border="1" margin="3px"]Read more[/button]
[button link="#" size="lg" type="inverse" border="1" margin="3px"]Read
more[/button]