Typhography

Sample of typhography

Example of Headings

H1.Heading 1

H2.Heading 2

H3.Heading 3

H4.Heading 4

H5.Heading 5
H6.Heading 6

Blockquote Tag

Excepteur sint occaecat cupidatat non proident sunt culpa quofficia deserunt mollit anim exercitationem ullam corporis suscipit laboriosam laborum

John Doe
<blockquote>
    <p>Excepteur sint occaecat cupidatat non proident sunt culpa quofficia deserunt mollit anim exercitationem ullam corporis suscipit laboriosam laborum</p>
    <cite>John Doe</cite>
</blockquote>

Pullquote Left Tag

<span class="pullquote_left"> [...] </span>

Tempor incididunt ut labore et dolore magna aliqua ut enim ader minim veniam Similique sunt inter culpawe quillor officia occaecat cupidatat proident quisvitael nostrud exercitation ullamco robi laboris nisiutoy expeart commodol consequatore duis aute irure dolor intropa reprehenderitin dolorem fugiat quo voluptas corporis

Pullquote Right Tag

<span class="pullquote_right"> [...] </span>

Tempor incididunt ut labore et dolore magna aliqua ut enim ader minim veniam Similique sunt inter culpawe quillor officia occaecat cupidatat proident quisvitael nostrud ellium exercitation ullamcoro laboris nisiutoy expeart commodo consequatore duiser irure dolor soluta intropa reprehenderit dolorem fugiat quo voluptas


Example of Lead paragraph

<p class="lead"> [...] </p>

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore

Example of Highlight

<span class="highlight"> [...] </span>

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.


Drop caps Type 1

<span class="dropcap1"> [...] </span>
S

uis autem veleum reprehenderit quiea voluptate velitasuru essecomm quamel nihil molestiae consequatur illum quikor dolorem eumar fugiator quovoluptas

Drop caps Type 2

<span class="dropcap2"> [...] </span>
Z

uis autem veleum reprehenderit quiea voluptate velitasuru essecomm quamel nihil molestiae consequatur illum quikor dolorem eumar fugiator quovoluptas

Drop caps Type 3

<span class="dropcap3"> [...] </span>
Q

uis autem veleum reprehenderit quiea voluptate velitasuru essecomm quamel nihil molestiae consequatur illum quikor dolorem eumar fugiator quovoluptas