Bonus > Typography

.well

h1. Heading 1

default

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h2. Heading 2

class="red"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h3. Heading 3

class="green"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h4. Heading 4

class="purple"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h5. Heading 5
class="yellow"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h6. Heading 6
class="pink"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

class="orange"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

.well .light

h1. Heading 1

default

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h2. Heading 2

class="red"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h3. Heading 3

class="green"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h4. Heading 4

class="purple"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h5. Heading 5
class="yellow"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

h6. Heading 6
class="pink"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

class="orange"

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Wrap blockquote around any DOM element as quote

“I’m not in this world to live up to your expectations and you’re not in this world to live up to mine.”

Bruce Lee

“A wise man can learn more from a foolish question than a fool can learn from a wise answer.”

Bruce Lee

Unordered List ul

  • Sed ut perspiciatis unde omnis
  • Natus error sit voluptatem accusantium doloremqu
    • Eaque ipsa quae ab illo inventore veritatis et
    • Totam rem aperiam eaque
      • Allo inventore veritatis et quasi
      • Ac tristique libero volutpat
    • Error sit voluptatem accusantium doloremq
    • Eriam eaque ipsa quae ab illo
  • Faucquae ab illo inventore verit
  • Sed ut perspiciatis unde omnis nunc
  • Perspiciatis unde

Number List ol

  1. Sed ut perspiciatis unde omnis
  2. Totam rem aperiam eaque
  3. Natus error sit voluptatem accusantium doloremqu
  4. Eriam eaque ipsa quae ab illo
  5. Error sit voluptatem accusantium doloremq
  6. Sed ut perspiciatis unde omnis nunc
  7. Perspiciatis unde
  8. Ac tristique libero volutpat
  9. Allo inventore veritatis et quasi
  10. Eaque ipsa quae ab illo inventore veritatis et
  11. Sed ut perspiciatis unde omnis nunc

Custom List ul.custom-list

  • Sed ut perspiciatis unde omnis
  • Totam rem aperiam eaque
  • Natus error sit voluptatem accusantium doloremqu
  • Eriam eaque ipsa quae ab illo
  • Error sit voluptatem accusantium doloremq
  • Sed ut perspiciatis unde omnis nunc
  • Perspiciatis unde
  • Ac tristique libero volutpat
  • Allo inventore veritatis et quasi
  • Eaque ipsa quae ab illo inventore veritatis et
  • Sed ut perspiciatis unde omnis nunc