Template Guide
The below styles are to be used as a guide for how to structure your content in order to best utilize the built in typography features we have added to this template. Also, by using the typography guidelines, you will ensure that your content is added semantically and keeps a consistent theme throughout.
This is for a sample note. To style use < p class="color-green" > Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
This is for a sample note. To style use < p class="color-blue" > Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
This is for a sample note. To style use < p class="color-orange" > Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
This is for a sample note. To style use < p class="color-pink" > Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
This is for a sample note. To style use < p class="color-grey" > Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
this is a paragraph with the class "error" applied as follows: < p class="error" >
this is a paragraph with the class "tips" applied as follows: < p class="tips" >
this is a paragraph with the class "info" applied as follows: < p class="info" >
p.color-green {
display: block;
padding: 8px 10px 8px 10px;
margin: 15px 0;
border-top: 3px solid #98cb00;
border-bottom: 3px solid #98cb00;
background: #ffffff;
color: #010101;
}
| Section Table Header |
|---|
| This is the Section Table Entry 1 |
| This is the Section Table Entry 2 |
| This is the Section Table Entry 1 |
| This is the Section Table Entry 2 |
This is a blockqoute - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.
This is a list with the class "li-style1"
| This is a list with the class "li-style2"
|
This is a list with the class "li-style3"
| This is a list with the class "li-style4"
|
This is Heading One (h1)
This is a normal paragraph - Aliquam aliquet,e st a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volupat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem.
This is Heading Two (h2)
This is a normal paragraph - Aliquam aliquet,e st a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volupat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem.
This is Heading Three (h3)
This is a normal paragraph - Aliquam aliquet,e st a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volupat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem.
This is Heading Four (h4)
This is a normal paragraph - Aliquam aliquet,e st a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volupat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem.
This is Heading Five (h5)
This is a normal paragraph - Aliquam aliquet,e st a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volupat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem.
This is Heading Six (h6)
This is a highlight phrase.