Typography

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>

One thought on “Typography

  1. admin

    Lorem ipsum dolor sit amet, con sectetuer adipiscing elit.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>