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>