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>



El presente es vuestro, pero el futuro es mío.

Nikola Tesla