Content Styling

Dropcaps

[su_row][su_column size=“1/2″] [su_dropcap style=“flat“ size=“4″]V[/su_dropcap]ivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus.

[su_spacer size=“40″] [su_dropcap style=“light“ size=“4″]D[/su_dropcap]onec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

[/su_column] [su_column size=“1/2″] [su_dropcap style=“flat“ size=“4″ color=“#fc0320″]V[/su_dropcap]ivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus.

[su_spacer size=“40″] [su_dropcap style=“light“ size=“2″]D[/su_dropcap]onec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

[/su_column] [/su_row] [su_spacer size=“120″]

Highlights

[teaser]Highlight your content with any color and font size to emphasize a certain part of it using the highlighting shortcodes![/teaser] [divider]

[su_highlight]Highlighted text.[/su_highlight] Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, [su_highlight background=“#ee4b61″ color=“#ffffff“]consectetur adipiscing[/su_highlight] elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis.

[su_spacer size=“20″]

[su_highlight background=“#a0a1ae“ color=“#ffffff“]Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra[/su_highlight] augue.

[su_spacer size=“20″]

Donec sed odio dui. [su_highlight background=“#bb3240″ color=“#eb9207″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.[/su_highlight] Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum.

[su_spacer size=“20″]

[su_highlight background=“#f35958″ color=“#ffffff“]F[/su_highlight][su_highlight background=“#e36633″ color=“#f9f1ac“]u[/su_highlight][su_highlight background=“#fde10a“]n[/su_highlight][su_highlight background=“#9be819″ color=“#f20000″]k[/su_highlight][su_highlight background=“#31b284″ color=“#ffd826″]y[/su_highlight]

[su_spacer size=“20″]

Maecenas faucibus mollis interdum. [su_highlight background=“#824599″ color=“#ffffff“]Donec ullamcorper nulla non metus auctor fringilla.[/su_highlight] [su_highlight background=“#27ae60″ color=“#ecf0f1″]Donec ullamcorper nulla non metus auctor fringilla.[/su_highlight] Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[su_spacer size=“120″]

Lists

[teaser]Lists are cool![/teaser] [su_row] [su_column size=“1/5″] [su_list icon=“icon: pencil“]

List item
List item
List item