Sélectionner une page

Shortcodes

Buttons

[column width=”5″]

Button

Button

Button with Icon

Button with Icon
[/column]

[column width=”7″]

Button Size

[/column]

[column width=”12″ last]

Button Styles


[/column]

Text Groups

Basic Layouts

Text Only

[text_group css=”margin-top: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]

Text with Header

[text_group header=”Heading” header_tag=”h6″ header_css=”margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]

Text with Header and Image

[text_group header=”Heading” image=”/wp-content/uploads/2011/08/3-300×251.jpg” image_css=”width: 200px; height: 200px; margin-right: 10px” header_tag=”h6″ header_tag=”h6″ header_css=”margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]

Alternative Image Positions

Left and Right
[text_group header=”Heading” image=”/wp-content/uploads/2011/08/3-300×251.jpg” image_position=”left” image_css=”width: 200px; height: 200px; margin-right: 10px” header_tag=”h6″ header_css=”margin-bottom: -10px” css=”margin-left: -5px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”Heading” image=”/wp-content/uploads/2011/08/3-300×251.jpg” image_position=”right” image_css=”width: 200px; height: 200px; margin-right: 10px” header_tag=”h6″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
Top, Middle and Bottom
[text_group header=”Heading” image=”/wp-content/uploads/2011/08/3-300×251.jpg” image_position=”left” image_css=”width: 200px; height: 200px; margin: 0 10px 10px 0″ header_tag=”h6″ header_css=”margin-bottom: -10px” css=”margin-left: -5px” image_position=”top”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”Heading” image=”/wp-content/uploads/2011/08/3-300×251.jpg” image_position=”right” image_css=”width: 200px; height: 200px; margin: 10px 10px 10px 0″ header_tag=”h6″ header_css=”margin-top: 10px” image_position=”middle”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”Heading” image=”/wp-content/uploads/2011/08/3-300×251.jpg” image_position=”right” image_css=”width: 200px; height: 200px; margin-top: 10px” header_tag=”h6″ header_css=” margin-bottom: -10px” image_position=”bottom”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]

Columns

[text_group header=”One Half” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”One Half” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”One Third” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. [/text_group]
[text_group header=”One Third” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. [/text_group]
[text_group header=”One Third” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. [/text_group]

[text_group header=”One Third” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. [/text_group]
[text_group header=”Two Thirds” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”One Fourth” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. [/text_group]
[text_group header=”One Fourth” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. [/text_group]
[text_group header=”One Fourth” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. [/text_group]
[text_group header=”One Fourth” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. [/text_group]
[text_group header=”One Fourth” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Donec lacinia congue felis in faucibus. [/text_group]
[text_group header=”Three Fourths” header_tag=”h5″ header_css=” margin-bottom: -10px”] Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. [/text_group]

Custom Widths

[column width=”5″ css=”margin-right: 40px” ]
[text_group header=”Width 5″ header_tag=”h5″ header_css=” margin-bottom: -10px”]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc.
[/text_group]
[/column]

[column width=”9″ css=”margin-right: 40px” ]
[text_group header=”Width 9″ header_tag=”h5″ header_css=” margin-bottom: -10px”]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla.
[/text_group]
[/column]

[column width=”10″ css=”margin-right: 40px” last]
[text_group header=”Width 10″ header_tag=”h5″ header_css=” margin-bottom: -10px”]
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla.
[/text_group]
[/column]