Styles

Blockquote

[short_hr]
[quote]
Awesome blockquote goes here! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore enim ad minim veniam nostrud exercitation ullamco.

Written by client name[/quote]

[hr]

Headings

[short_hr]

Example of H1 Title

Example of H2 Title

Example of H3 Title

Example of H4 Title

Example of H5 Title
Example of H6 Title

[hr]

Styled Classes for a fancier heading, comes with XML

[short_hr]

1. Left Aligned Heading

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi.

2. Right Aligned Heading

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi.

[hr]

Image Aligned Right

[short_hr]

[intro] Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec id elit non mi porta gravida at eget metus.[/intro]

Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

[hr]

Image Aligned Left

[short_hr]

[intro] Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec id elit non mi porta gravida at eget metus.[/intro]

Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

[hr]

Pull Quote Left

[short_hr]
[pullquoteleft]Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio.[/pullquoteleft]

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

[hr]

Pull Quote Right

[short_hr]
[pullquoteright]Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio.[/pullquoteright]

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

[hr]

Standard Alert Boxes

[short_hr]

[alert_standard] Example of a standard alert box[/alert_standard]
[alert_green] Example of a green alert box[/alert_green]
[alert_red] Example of a red alert box[/alert_red]
[alert_blue] Example of a blue alert box[/alert_blue]
[alert_yellow] Example of a standard alert box[/alert_yellow]

[hr]

Tabs

[short_hr]

{tab=Tab 1}

Tab Content 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

{tab=Tab 2}

Tab Content 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

{tab=Tab 3}

Tab Content 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{/tabs}

[hr]

Accordions

[short_hr]

[one_half_first]
{accordion=Print Design}

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

{/accordion}

{accordion=Social Media}

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

{/accordion}

{accordion=Video Production}

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

{/accordion}

[/one_half_first]

[one_half]
{accordion=Web Design}

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

{/accordion}

{accordion=Digital Marketing}

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

{/accordion}

{accordion=Branding + Identity}

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.

Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.

{/accordion}
[/one_half]

[hr]

Small Buttons With Icons

[short_hr]

[one_third_first] [button_light_small] [button_icon] Read More[/button_icon][/button_light_small][/one_third_first]

[one_third] [button_red_small] [button_icon] Read More[/button_icon][/button_red_small][/one_third]

[one_third] [button_dark_small] [button_icon] Read More[/button_icon][/button_dark_small][/one_third]

[hr]

Big Buttons With Icons

[short_hr]

[one_third_first] [button_light_big] [button_icon] Read More[/button_icon][/button_light_big][/one_third_first]

[one_third] [button_red_big] [button_icon] Read More[/button_icon][/button_red_big][/one_third]

[one_third] [button_dark_big] [button_icon] Read More[/button_icon][/button_dark_big][/one_third]

[hr]

Small Buttons With No Icons

[short_hr]

[one_third_first] [button_light_small] Read More[/button_light_small][/one_third_first]

[one_third] [button_red_small] Read More[/button_red_small][/one_third]

[one_third] [button_dark_small] Read More[/button_dark_small][/one_third]

[hr]

Big Buttons With No Icons

[short_hr]

[one_third_first] [button_light_big] Read More[/button_light_big][/one_third_first]

[one_third] [button_red_big] Read More[/button_red_big][/one_third]

[one_third] [button_dark_big] Read More[/button_dark_big][/one_third]

[hr]

Fully Styled Pricing Table

[short_hr]

Basic

  • Full Email Support
  • 25GB of Storage
  • 5 Domains
  • 10 Email Addresses

$25

per month

Sign Up

Premium

  • Full Email Support
  • Unlimited Storage
  • Unlimited Domains
  • 50 Email Addresses

$79

per month

Sign Up

[hr]

List items ordered and unordered with and without links

[short_hr]

[one_fourth_first]

  1. Example of an ordered list item
  2. Example of an ordered list item
  3. Example of an ordered list item
  4. Example of an ordered list item
  5. Example of an ordered list item

[/one_fourth_first]

[one_fourth]

  1. Example of an ordered list item
  2. Example of an ordered list item
  3. Example of an ordered list item
  4. Example of an ordered list item
  5. Example of an ordered list item

[/one_fourth]

[one_fourth]

  • Example of an unordered list item
  • Example of an unordered list item
  • Example of an unordered list item
  • Example of an unordered list item
  • Example of an unordered list item

[/one_fourth]

[one_fourth]

[/one_fourth]

[hr]

Leave a comment