Typography

Warnings

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum vene­na­tis orci non tortor accums­an…

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum vene­na­tis orci non tortor accums­an…

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum vene­na­tis orci non tortor accums­an…

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum vene­na­tis orci non tortor accums­an…

Highlights

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Sed sagit­tis mas­sa eu nibh gra­vi­da orna­re. Inte­ger a pel­len­tes­que purus, vitae con­sec­te­tur urna. Cras com­mo­do susci­pit magna in port­ti­tor. Cras quis vene­na­tis dolor. Nunc congue id libe­ro ut feu­gi­at.

Progress Bar

60%

Label one

90%

Label two

80%

Label three

70%

Label four

Code

#wrapper {
  float: left;
  display: block;
}

Unordered lists

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.

Number Blocks

1Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue.

2Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue.

Blocks

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue.

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue.

Legend

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue.

Blockquotes

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Duis sit amet lorem pha­re­tra, laci­nia nul­la quis, ultri­ci­es jus­to. Sus­pen­dis­se poten­ti. Quis­que rut­rum nunc ac est orna­re gra­vi­da. Sed susci­pit eget felis id vari­us. Pel­len­tes­que nunc sem, effi­ci­tur et tortor nec.- Robert Gavick

Floated blocks

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue. Duis quis quam sed purus por­ta elei­fend.Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit.Don­ec eget dignis­sim augue. Don­ec ante felis, ali­quam ut con­se­quat eget, lob­or­tis dapi­bus risus. Ali­quam lao­reet enim et lec­tus orna­re hend­re­rit. Ali­quam rhon­cus enim libe­ro. Mor­bi ali­quam, nibh mat­tis feu­gi­at dapi­bus, nisi mas­sa adi­pi­scing jus­to, sit amet con­di­men­tum urna ipsum et lacus. Nam fer­men­tum, eros quis ull­am­cor­per con­val­lis, libe­ro mau­ris laci­nia eros, sed tem­pus leo lorem vitae purus.

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue. Duis quis quam sed purus por­ta elei­fend.Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Don­ec eget dignis­sim augue. Don­ec ante felis, ali­quam ut con­se­quat eget, lob­or­tis dapi­bus risus. Ali­quam lao­reet enim et lec­tus orna­re hend­re­rit. Ali­quam rhon­cus enim libe­ro. Mor­bi ali­quam, nibh mat­tis feu­gi­at dapi­bus, nisi mas­sa adi­pi­scing jus­to, sit amet con­di­men­tum urna ipsum et lacus. Nam fer­men­tum, eros quis ull­am­cor­per con­val­lis, libe­ro mau­ris laci­nia eros, sed tem­pus leo lorem vitae purus.

Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue. Duis quis quam sed purus por­ta elei­fend.Lorem ipsum dolor sit amet, con­sec­te­tur adi­pi­scing elit. Ves­ti­bu­lum con­di­men­tum pul­vi­nar jus­to, sed fau­ci­bus ligu­la feu­gi­at ac. Mor­bi quis enim nul­la, vel congue augue.Don­ec eget dignis­sim augue. Don­ec ante felis, ali­quam ut con­se­quat eget, lob­or­tis dapi­bus risus. Ali­quam lao­reet enim et lec­tus orna­re hend­re­rit. Ali­quam rhon­cus enim libe­ro. Mor­bi ali­quam, nibh mat­tis feu­gi­at dapi­bus, nisi mas­sa adi­pi­scing jus­to, sit amet con­di­men­tum urna ipsum et lacus. Nam fer­men­tum, eros quis ull­am­cor­per con­val­lis, libe­ro mau­ris laci­nia eros, sed tem­pus leo lorem vitae purus. Nunc a male­sua­da felis. Cras ultri­ces sapi­en eu nisi ele­men­tum non blan­dit urna soda­les.

Icons – Font Awesome

The Font Awe­so­me is a set of base icons simi­lar to the Gly­phi­cons inclu­ded with Boot­strap, plus a set of exten­ded icons that inclu­de pic­to­grams for exter­nal links, thumbs up/down, comments, cogs and more.

Font Awe­so­me is licen­sed under the Crea­ti­ve Com­mons Attri­bu­ti­on 3.0 Unpor­ted (CC BY 3.0). More details you can find on pro­ject home­page at http://fortawesome.github.com/Font-Awesome

Use <i class=„fa fa-CLAS­S_­NA­ME“></i> con­tent here…

  • fa-adjust
  • fa-anchor
  • fa-archi­ve
  • fa-arrows
  • fa-arrow­s‑h
  • fa-arrow­s‑v
  • fa-aste­risk
  • fa-ban
  • fa-bar-char­t‑o
  • fa-bar­code
  • fa-bars
  • fa-beer
  • fa-bell
  • fa-bel­l‑o
  • fa-bolt
  • fa-book
  • fa-book­mark
  • fa-book­mar­k‑o
  • fa-brief­ca­se
  • fa-bug
  • fa-buil­din­g‑o
  • fa-bull­horn
  • fa-bull­seye
  • fa-calen­dar
  • fa-calen­dar‑o
  • fa-came­ra
  • fa-came­ra-retro
  • fa-caret-squa­re-o-down
  • fa-caret-squa­re-o-left
  • fa-caret-squa­re-o-right
  • fa-caret-squa­re-o-up
  • fa-cer­ti­fi­ca­te
  • fa-check
  • fa-check-cir­cle
  • fa-check-cir­cle‑o
  • fa-check-squa­re
  • fa-check-squa­re‑o
  • fa-cir­cle
  • fa-cir­cle‑o
  • fa-clock‑o
  • fa-cloud
  • fa-cloud-down­load
  • fa-cloud-upload
  • fa-code
  • fa-code-fork
  • fa-cof­fee
  • fa-cog
  • fa-cogs
  • fa-com­ment
  • fa-com­men­t‑o
  • fa-comments
  • fa-comments‑o
  • fa-com­pass
  • fa-credit-card
  • fa-crop
  • fa-cross­hairs
  • fa-cut­le­ry
  • fa-dash­board (ali­as)
  • fa-desk­top
  • fa-dot-cir­cle‑o
  • fa-down­load
  • fa-edit (ali­as)
  • fa-ellip­sis‑h
  • fa-ellip­sis‑v
  • fa-enve­lo­pe
  • fa-enve­lo­pe‑o
  • fa-era­ser
  • fa-exchan­ge
  • fa-excla­ma­ti­on
  • fa-excla­ma­ti­on-cir­cle
  • fa-excla­ma­ti­on-tri­ang­le
  • fa-exter­nal-link
  • fa-exter­nal-link-squa­re
  • fa-eye
  • fa-eye-slash
  • fa-fema­le
  • fa-figh­ter-jet
  • fa-film
  • fa-fil­ter
  • fa-fire
  • fa-fire-extin­guis­her
  • fa-flag
  • fa-flag-che­cke­red
  • fa-fla­g‑o
  • fa-flash (ali­as)
  • fa-flask
  • fa-fol­der
  • fa-fol­der‑o
  • fa-fol­der-open
  • fa-fol­der-open‑o
  • fa-frown‑o
  • fa-game­pad
  • fa-gavel
  • fa-gear (ali­as)
  • fa-gears (ali­as)
  • fa-gift
  • fa-glass
  • fa-glo­be
  • fa-group (ali­as)
  • fa-hdd‑o
  • fa-head­pho­nes
  • fa-heart
  • fa-hear­t‑o
  • fa-home
  • fa-inbox
  • fa-info
  • fa-info-cir­cle
  • fa-key
  • fa-key­boar­d‑o
  • fa-lap­top
  • fa-leaf
  • fa-legal (ali­as)
  • fa-lemon‑o
  • fa-level-down
  • fa-level-up
  • fa-light­bul­b‑o
  • fa-loca­ti­on-arrow
  • fa-lock
  • fa-magic
  • fa-magnet
  • fa-mail-for­ward (ali­as)
  • fa-mail-reply (ali­as)
  • fa-mail-reply-all
  • fa-male
  • fa-map-mar­ker
  • fa-meh‑o
  • fa-micro­pho­ne
  • fa-micro­pho­ne-slash
  • fa-minus
  • fa-minus-cir­cle
  • fa-minus-squa­re
  • fa-minus-squa­re‑o
  • fa-mobi­le
  • fa-mobi­le-pho­ne (ali­as)
  • fa-money
  • fa-moon‑o
  • fa-music
  • fa-pen­cil
  • fa-pen­cil-squa­re
  • fa-pen­cil-squa­re‑o
  • fa-pho­ne
  • fa-pho­ne-squa­re
  • fa-pic­tu­re‑o
  • fa-pla­ne
  • fa-plus
  • fa-plus-cir­cle
  • fa-plus-squa­re
  • fa-plus-squa­re‑o
  • fa-power-off
  • fa-print
  • fa-puz­zle-pie­ce
  • fa-qrcode
  • fa-ques­ti­on
  • fa-ques­ti­on-cir­cle
  • fa-quo­te-left
  • fa-quo­te-right
  • fa-ran­dom
  • fa-refresh
  • fa-reply
  • fa-reply-all
  • fa-ret­weet
  • fa-road
  • fa-rocket
  • fa-rss
  • fa-rss-squa­re
  • fa-search
  • fa-search-minus
  • fa-search-plus
  • fa-sha­re
  • fa-sha­re-squa­re
  • fa-sha­re-squa­re‑o
  • fa-shield
  • fa-shop­ping-cart
  • fa-sign-in
  • fa-sign-out
  • fa-signal
  • fa-sitemap
  • fa-smi­le‑o
  • fa-sort
  • fa-sort-alpha-asc
  • fa-sort-alpha-desc
  • fa-sort-amount-asc
  • fa-sort-amount-desc
  • fa-sort-asc
  • fa-sort-desc
  • fa-sort-down (ali­as)
  • fa-sort-nume­ric-asc
  • fa-sort-nume­ric-desc
  • fa-sort-up (ali­as)
  • fa-spin­ner
  • fa-squa­re
  • fa-squa­re‑o
  • fa-star
  • fa-star-half
  • fa-star-half-empty (ali­as)
  • fa-star-half-full (ali­as)
  • fa-star-hal­f‑o
  • fa-star‑o
  • fa-sub­script
  • fa-suit­ca­se
  • fa-sun­‑o
  • fa-super­script
  • fa-tablet
  • fa-tacho­me­ter
  • fa-tag
  • fa-tags
  • fa-tasks
  • fa-ter­mi­nal
  • fa-thumb-tack
  • fa-thumbs-down
  • fa-thumbs-o-down
  • fa-thumbs-o-up
  • fa-thumbs-up
  • fa-ticket
  • fa-times
  • fa-times-cir­cle
  • fa-times-cir­cle‑o
  • fa-tint
  • fa-togg­le-down (ali­as)
  • fa-togg­le-left (ali­as)
  • fa-togg­le-right (ali­as)
  • fa-togg­le-up (ali­as)
  • fa-tras­h‑o
  • fa-tro­phy
  • fa-truck
  • fa-umbrel­la
  • fa-unlock
  • fa-unlock-alt
  • fa-unsor­ted (ali­as)
  • fa-upload
  • fa-user
  • fa-users
  • fa-video-came­ra
  • fa-volu­me-down
  • fa-volu­me-off
  • fa-volu­me-up
  • fa-warning (ali­as)
  • fa-wheel­chair
  • fa-wrench
  • fa-check-squa­re
  • fa-check-squa­re‑o
  • fa-cir­cle
  • fa-cir­cle‑o
  • fa-dot-cir­cle‑o
  • fa-minus-squa­re
  • fa-minus-squa­re‑o
  • fa-plus-squa­re
  • fa-plus-squa­re‑o
  • fa-squa­re
  • fa-squa­re‑o
  • fa-bit­coin (ali­as)
  • fa-btc
  • fa-cny (ali­as)
  • fa-dol­lar (ali­as)
  • fa-eur
  • fa-euro (ali­as)
  • fa-gbp
  • fa-inr
  • fa-jpy
  • fa-krw
  • fa-money
  • fa-rmb (ali­as)
  • fa-rou­ble (ali­as)
  • fa-rub
  • fa-ruble (ali­as)
  • fa-rupee (ali­as)
  • fa-try
  • fa-tur­kish-lira (ali­as)
  • fa-usd
  • fa-won (ali­as)
  • fa-yen (ali­as)
  • fa-align-cen­ter
  • fa-align-jus­ti­fy
  • fa-align-left
  • fa-align-right
  • fa-bold
  • fa-chain (ali­as)
  • fa-chain-bro­ken
  • fa-clip­board
  • fa-columns
  • fa-copy (ali­as)
  • fa-cut (ali­as)
  • fa-dedent (ali­as)
  • fa-era­ser
  • fa-file
  • fa-file‑o
  • fa-file-text
  • fa-file-tex­t‑o
  • fa-files‑o
  • fa-flop­py­‑o
  • fa-font
  • fa-indent
  • fa-ita­lic
  • fa-link
  • fa-list
  • fa-list-alt
  • fa-list-ol
  • fa-list-ul
  • fa-out­dent
  • fa-paper­clip
  • fa-pas­te (ali­as)
  • fa-repeat
  • fa-rota­te-left (ali­as)
  • fa-rota­te-right (ali­as)
  • fa-save (ali­as)
  • fa-scis­sors
  • fa-strik­eth­rough
  • fa-table
  • fa-text-height
  • fa-text-width
  • fa-th
  • fa-th-lar­ge
  • fa-th-list
  • fa-under­line
  • fa-undo
  • fa-unlink (ali­as)
  • fa-ang­le-dou­ble-down
  • fa-ang­le-dou­ble-left
  • fa-ang­le-dou­ble-right
  • fa-ang­le-dou­ble-up
  • fa-ang­le-down
  • fa-ang­le-left
  • fa-ang­le-right
  • fa-ang­le-up
  • fa-arrow-cir­cle-down
  • fa-arrow-cir­cle-left
  • fa-arrow-cir­cle-o-down
  • fa-arrow-cir­cle-o-left
  • fa-arrow-cir­cle-o-right
  • fa-arrow-cir­cle-o-up
  • fa-arrow-cir­cle-right
  • fa-arrow-cir­cle-up
  • fa-arrow-down
  • fa-arrow-left
  • fa-arrow-right
  • fa-arrow-up
  • fa-arrows
  • fa-arrows-alt
  • fa-arrow­s‑h
  • fa-arrow­s‑v
  • fa-caret-down
  • fa-caret-left
  • fa-caret-right
  • fa-caret-squa­re-o-down
  • fa-caret-squa­re-o-left
  • fa-caret-squa­re-o-right
  • fa-caret-squa­re-o-up
  • fa-caret-up
  • fa-che­vron-cir­cle-down
  • fa-che­vron-cir­cle-left
  • fa-che­vron-cir­cle-right
  • fa-che­vron-cir­cle-up
  • fa-che­vron-down
  • fa-che­vron-left
  • fa-che­vron-right
  • fa-che­vron-up
  • fa-hand-o-down
  • fa-hand-o-left
  • fa-hand-o-right
  • fa-hand-o-up
  • fa-long-arrow-down
  • fa-long-arrow-left
  • fa-long-arrow-right
  • fa-long-arrow-up
  • fa-togg­le-down (ali­as)
  • fa-togg­le-left (ali­as)
  • fa-togg­le-right (ali­as)
  • fa-togg­le-up (ali­as)
  • fa-arrows-alt
  • fa-back­ward
  • fa-com­press
  • fa-eject
  • fa-expand
  • fa-fast-back­ward
  • fa-fast-for­ward
  • fa-for­ward
  • fa-pau­se
  • fa-play
  • fa-play-cir­cle
  • fa-play-cir­cle‑o
  • fa-step-back­ward
  • fa-step-for­ward
  • fa-stop
  • fa-you­tube-play
  • fa-adn
  • fa-andro­id
  • fa-apple
  • fa-bit­bu­cket
  • fa-bit­bu­cket-squa­re
  • fa-bit­coin (ali­as)
  • fa-btc
  • fa-css3
  • fa-dribb­b­le
  • fa-drop­box
  • fa-face­book
  • fa-face­book-squa­re
  • fa-flickr
  • fa-fours­qua­re
  • fa-git­hub
  • fa-git­hub-alt
  • fa-git­hub-squa­re
  • fa-git­tip
  • fa-goog­le-plus
  • fa-goog­le-plus-squa­re
  • fa-html5
  • fa-insta­gram
  • fa-lin­kedin
  • fa-lin­kedin-squa­re
  • fa-linux
  • fa-maxcdn
  • fa-page­li­nes
  • fa-pin­te­rest
  • fa-pin­te­rest-squa­re
  • fa-ren­ren
  • fa-sky­pe
  • fa-stack-exchan­ge
  • fa-stack-over­flow
  • fa-trel­lo
  • fa-tumb­lr
  • fa-tumb­lr-squa­re
  • fa-twit­ter
  • fa-twit­ter-squa­re
  • fa-vimeo-squa­re
  • fa-vk
  • fa-wei­bo
  • fa-win­dows
  • fa-xing
  • fa-xing-squa­re
  • fa-you­tube
  • fa-you­tube-play
  • fa-you­tube-squa­re
  • fa-ambu­lan­ce
  • fa-h-squa­re
  • fa-hos­pi­tal‑o
  • fa-med­kit
  • fa-plus-squa­re
  • fa-ste­tho­scope
  • fa-user-md
  • fa-wheel­chair