Home » Typography

Typography

1. Heading

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

2. Body

Fusce ut pellentesque justo. Aliquam sit amet tincidunt orci. Praesent mauris lorem, iaculis et blandit eget, tristique id risus. Donec nibh lorem, rhoncus a orci vitae, cursus volutpat lectus. Aliquam tincidunt leo ac dui efficitur, eget tristique sapien faucibus. Etiam tempor quam mauris, a dictum elit consequat nec. Vestibulum feugiat mauris ac lorem tempor auctor. Sed sed rutrum lectus, et iaculis lacus. Praesent sed risus dui. Integer rutrum consectetur ultrices. Donec in blandit ex, vel rutrum justo. Etiam at libero enim. Maecenas a leo eu lectus pretium efficitur.

Integer a elit ut nunc facilisis fermentum. Suspendisse semper lacus pulvinar mauris vehicula, at porta tellus blandit. Sed quam risus, pellentesque et justo a, varius egestas tellus. Morbi at quam placerat, aliquet nulla a, pretium lectus. Curabitur finibus eros est, sollicitudin vehicula metus euismod ut. Donec scelerisque leo rhoncus arcu pharetra bibendum. Phasellus consectetur ac tellus sed porta. Quisque ornare libero lorem, molestie efficitur neque dapibus ut. Cras auctor viverra massa nec gravida.

3. Bold – Italic – Underline

Donec posuere, diam quis faucibus condimentum, neque erat iaculis erat
Donec posuere, diam quis faucibus condimentum, neque erat iaculis erat
Donec posuere, diam quis faucibus condimentum, neque erat iaculis erat

4. Link

Donec posuere, diam quis faucibus condimentum, neque erat iaculis erat

5. Blockquote

Donec posuere, diam quis faucibus condimentum, neque erat iaculis erat, in ullamcorper lacus massa sit amet diam Integer scelerisque vel sem non congue. Nam malesuada augue sed enim rhoncus vehicula iaculis quis nisl. Nam tortor lacus, tempus ac orci in, lacinia volutpat diam. Donec ac odio ac leo interdum ultricies sed nec diam. Ut egestas neque quam, nec consequat neque adipiscing id. Donec posuere, diam quis faucibus condimentum, neque erat iaculis erat, in ullamcorper lacus massa sit amet diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus at dui in dignissim. Aliquam sed enim libero. In semper, lorem ac condimentum euismod, nibh massa mollis nulla.

6. Code:

$querystr = "
SELECT wposts.*
FROM $wpdb->posts wposts, $wpdb->postmeta wpostmeta
WHERE wposts.ID = wpostmeta.post_id
AND wpostmeta.meta_key = 'tag'
AND wpostmeta.meta_value = 'email'
AND wposts.post_status = 'publish'
AND wposts.post_type = 'post'
ORDER BY wposts.post_date DESC

7. List

Unordered

  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

8. Table

Name Job old Sex
Mr.Jone Manager 42 Male
Mr.Jack Employer 25 Male
Ms.Mina Employer 22 Female
Mr.Joth Manager 35 Male
Mr.Jone Manager 42 Male