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. Ut accumsan eros quis tristique consectetur. Pellentesque vel viverra justo, sed facilisis mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Testimonials
[pextestim pex_attr_set=”default” pex_attr_autoplay=”false”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut accumsan eros quis tristique consectetur. Pellentesque vel viverra justo, sed facilisis mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[/pextestim]
Drop caps
Drop caps. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut accumsan eros quis tristique consectetur. Pellentesque vel viverra justo, sed facilisis mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Styled Lists
- Item one
- Item two
- Item three
- Item one
- Item two
- Item three
- Item one
- Item two
- Item three
- Item one
- Item two
- Item three
- Item one
- Item two
- Item three
- Item one
- Item two
- Item three
Buttons
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.
jQuery Accordion
[accordion] [apane title=”First Pane”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.[/apane] [apane title=”Second Pane”]Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.[/apane] [apane title=”Third Pane”]Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.[/apane] [/accordion]
Tabs
[tabs titles=”Title One, Tab Two, Tab Three”] [pane]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.[/pane] [pane]Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.[/pane] [pane]Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.[/pane] [/tabs]