H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

---

Unordered list

• This is an example of a unordered list style.
• This is an example of a unordered list style.
• This is an example of a unordered list style.
• This is an example of a unordered list style.
• This is an example of a unordered list style.

---

Ordered list

1. This is an example of a ordered list style.
2. This is an example of a ordered list style.
3. This is an example of a ordered list style.
4. This is an example of a ordered list style.
5. This is an example of a ordered list style.

---

<p> Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: <p class=»approved»>….</p>

This is a sample of the Attention style. To replicate, use the following syntax: <p class=»attention»>….</p>

This is a sample of the Notice style. To replicate, use the following syntax: <p class=»notice»>….</p>

This is a sample of the Alert style. To replicate, use the following syntax: <p class=»alert»>….</p>

---

Blockquote

To replicate, use the following formatting: <blockquote><p>….</p></blockquote>. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

---

<pre> Code Styles

This is a sample <pre>...</pre>
code-sample {
    font-weight: bold;
    font-style: italic;
}

---

<em> Highlight styles

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-red»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-blazeorange»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-orange»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-blue»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-lightblue»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-teal»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-green»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-salmon»>…</em>

This is a emphasis tag that allows you to highlight words or phrases.
Use the following format: <em class=»highlight-pistachio»>…</em>

Autor