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
Leslie Bourne
President / Fulcrum Personal Development Center“During the time I have known Zen, he has distinguished himself as a conscientious and energetic pioneer in the field of social and emotional learning. I have enormous respect for his teaching and leadership skills, and have been honored to have him work for my company on so many levels and on so many occasions. He has led group discussions and facilitated role-plays with great skill, and also helped in the development of outreach programs. His commitment and passion for this work is evident in all facets.”
Kevin B.
President / Buhler & Associates"One hour of coaching with Zen felt like a journey of a lifetime. He helped me access one of my deepest fears and somehow transformed it from fear into hope. If you get the chance to work with Zen, do it. In fact, do whatever you have to do to make it happen. You will not regret it."
"You have a way with words that encourages, inspires, and makes people look deeper at themselves, to recognize and be aware of what it is that's holding them back, and giving them the safe space to see that. Really powerful."
"Zen Michael used the art of mindfulness and challenged me to tap into my will power to overcome my fear."
“Zen Michael’s leadership and insightfulness create an incredible space for me, as a therapist, to be vulnerable, to feel safe and to become truly inspired.”
“Thank you, Zen Michael for taking me on a course of Discovery to become the new me!!! Can't thank you enough! You took me to a higher place!”
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.
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.
jQuery Accordion
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.
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.
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.
Tabs
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.
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.
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.
