Styled Elements

Here are some examples of the default styled typography elements included with the theme for quick and easy way to create and edit your site content.

 

Headings

This is how the standard typographic hierarchy looks in the theme. It is great for structuring your content.

This is a Heading 1 Element

This is a Heading 2 Element

This is a Heading 3 Element

This is a Heading 4 Element

This is a Heading 5 Element
This is a Heading 6 Element

 

Highlight Text

Great to call attention or to flag any phrase in your text.

Lorem ipsum dolor sit amet, Important  . Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis. Lorem ipsum brand new  , consectetur adipiscing elit.Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Default Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Styled Testimonials

This is a styled blockquote that can be easily added to the content with the theme styling buttons.

Jon Doe

Web Designer / Google

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Drop Caps

Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis. Lorem ipsum brand new  , consectetur adipiscing elit.Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Styled Lists

The following styled bulleted lists are available:

 

  • Lorem Ipsum
  • Pretim Aliquet
  • Curabitur Quis
  • Curabitur quis
  • faucibus iaculis
  • Lorem Ipsum
  • Pretim Aliquet
  • Curabitur Quis
  • Curabitur quis
  • faucibus iaculis
  • Lorem Ipsum
  • Pretim Aliquet
  • Curabitur Quis
  • Curabitur quis
  • faucibus iaculis
  • Lorem Ipsum
  • Pretim Aliquet
  • Curabitur Quis
  • Curabitur quis
  • faucibus iaculis
  • Lorem Ipsum
  • Pretim Aliquet
  • Curabitur Quis
  • Curabitur quis
  • faucibus iaculis
  • Lorem Ipsum
  • Pretim Aliquet
  • Curabitur Quis
  • Curabitur quis
  • faucibus iaculis

 Flexible Buttons

With the Styling Buttons included in this theme you can apply Button styles to anything. This is how the default style of a button looks:

 

Button Resizable and Flexible Button

 

Also there is an included color picker so that it is really easy for users to apply different color styles.

 

Color Picker Rain Bow Resizable Buttons

 

 

Tables

Tables are great to present information in a clear and structured form. This is how table with class=”table” design looks like.

 

# First Name Last Name Username
1 John Alto @Jon32
2 Michael Bell @micbel
3 Charles Jameson @bark

 

Info Boxes

For displaying messages and highlighting important information, notes, failure or success of an action.

 Info: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at luctus leo.
 Error: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at luctus leo.
 Note: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at luctus leo.
 Tip: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at luctus leo.