Typography

h1. Header 1

h2. Header 2

h3. Header 3

h4. Header 4

h5. Header 5
h6. Header 6

Body copy

It’s just mind-blowingly awesome. I apologize, and I wish I was more articulate, but it’s hard to be articulate when your mind’s blown—but in a very good way. We choose to go to the moon. We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win, and the others, too.


The size and age of the Cosmos are beyond ordinary human understanding. Lost somewhere between immensity and eternity is our tiny planetary home. In a cosmic perspective, most human concerns seem insignificant, even petty. And yet our species is young and curious and brave and shows much promise. In the last few millennia we have made the most astonishing and unexpected discoveries about the Cosmos and our place within it, explorations that are exhilarating to consider. They remind us that humans have evolved to wonder, that understanding is a joy, that knowledge is prerequisite to survival. I believe our future depends powerfully on how well we understand this Cosmos in which we float like a mote of dust in the morning sky.

Blockquotes

Houston, that may have seemed like a very long final phase. The autotargeting was taking us right into a crater, with a large number of big boulders and rocks and it required flying manually over the rock field to find a reasonably good area.Someone famous in some article

In our obscurity, in all this vastness, there is no hint that help will come from elsewhere to save us from ourselves.Someone famous in some article

Unordered list

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Donec scelerisque lacus eget augue pulvinar
  • Nullam ut accumsan neque
    • Integer viverra metus eu turpis interdum mollis
    • Integer non neque ac urna vestibulum gravida vitae vel mauris
    • Pellentesque in tellus at diam blandit pellentesque
    • Duis mi arcu, luctus sed scelerisque ac, placerat a neque
  • Mauris sapien est, consequat malesuada faucibus id
  • Donec consequat massa sed lorem tincidunt quis egestas eros tristique
  • Cras et sapien ac diam facilisis porttitor

Ordered list

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Donec scelerisque lacus eget augue pulvinar
  4. Nullam ut accumsan neque
  5. Mauris sapien est, consequat malesuada faucibus id
  6. Donec consequat massa sed lorem tincidunt quis egestas eros tristique
  7. Cras et sapien ac diam facilisis porttitor

Definition list

Definition lists
A description list is perfect for defining terms.
Mauris vitae magna sapien
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.

Buttons

Use the .btn class on an <a>, <button>, or <input> element.

Large Btn (a)

Default Button (a)

Small Button (a)

Icon Button Icon Button Icon Button

Font Awesome Icons

Web Application Icons

  • fa-adjust
  • fa-anchor
  • fa-archive
  • fa-area-chart
  • fa-arrows
  • fa-arrows-h
  • fa-arrows-v
  • fa-asterisk
  • fa-at
  • fa-automobile (alias)
  • fa-ban
  • fa-bank (alias)
  • fa-bar-chart
  • fa-bar-chart-o (alias)
  • fa-barcode
  • fa-bars
  • fa-beer
  • fa-bell
  • fa-bell-o
  • fa-bell-slash
  • fa-bell-slash-o
  • fa-bicycle
  • fa-binoculars
  • fa-birthday-cake
  • fa-bolt
  • fa-bomb
  • fa-book
  • fa-bookmark
  • fa-bookmark-o
  • fa-briefcase
  • fa-bug
  • fa-building
  • fa-building-o
  • fa-bullhorn
  • fa-bullseye
  • fa-bus
  • fa-cab (alias)
  • fa-calculator
  • fa-calendar
  • fa-calendar-o
  • fa-camera
  • fa-camera-retro
  • fa-car
  • fa-caret-square-o-down
  • fa-caret-square-o-left
  • fa-caret-square-o-right
  • fa-caret-square-o-up
  • fa-cc
  • fa-certificate
  • fa-check
  • fa-check-circle
  • fa-check-circle-o
  • fa-check-square
  • fa-check-square-o
  • fa-child
  • fa-circle
  • fa-circle-o
  • fa-circle-o-notch
  • fa-circle-thin
  • fa-clock-o
  • fa-close (alias)
  • fa-cloud
  • fa-cloud-download
  • fa-cloud-upload
  • fa-code
  • fa-code-fork
  • fa-coffee
  • fa-cog
  • fa-cogs
  • fa-comment
  • fa-comment-o
  • fa-comments
  • fa-comments-o
  • fa-compass
  • fa-copyright
  • fa-credit-card
  • fa-crop
  • fa-crosshairs
  • fa-cube
  • fa-cubes
  • fa-cutlery
  • fa-dashboard (alias)
  • fa-database
  • fa-desktop
  • fa-dot-circle-o
  • fa-download
  • fa-edit (alias)
  • fa-ellipsis-h
  • fa-ellipsis-v
  • fa-envelope
  • fa-envelope-o
  • fa-envelope-square
  • fa-eraser
  • fa-exchange
  • fa-exclamation
  • fa-exclamation-circle
  • fa-exclamation-triangle
  • fa-external-link
  • fa-external-link-square
  • fa-eye
  • fa-eye-slash
  • fa-eyedropper
  • fa-fax
  • fa-female
  • fa-fighter-jet
  • fa-file-archive-o
  • fa-file-audio-o
  • fa-file-code-o
  • fa-file-excel-o
  • fa-file-image-o
  • fa-file-movie-o (alias)
  • fa-file-pdf-o
  • fa-file-photo-o (alias)
  • fa-file-picture-o (alias)
  • fa-file-powerpoint-o
  • fa-file-sound-o (alias)
  • fa-file-video-o
  • fa-file-word-o
  • fa-file-zip-o (alias)
  • fa-film
  • fa-filter
  • fa-fire
  • fa-fire-extinguisher
  • fa-flag
  • fa-flag-checkered
  • fa-flag-o
  • fa-flash (alias)
  • fa-flask
  • fa-folder
  • fa-folder-o
  • fa-folder-open
  • fa-folder-open-o
  • fa-frown-o
  • fa-futbol-o
  • fa-gamepad
  • fa-gavel
  • fa-gear (alias)
  • fa-gears (alias)
  • fa-gift
  • fa-glass
  • fa-globe
  • fa-graduation-cap
  • fa-group (alias)
  • fa-hdd-o
  • fa-headphones
  • fa-heart
  • fa-heart-o
  • fa-history
  • fa-home
  • fa-image (alias)
  • fa-inbox
  • fa-info
  • fa-info-circle
  • fa-institution (alias)
  • fa-key
  • fa-keyboard-o
  • fa-language
  • fa-laptop
  • fa-leaf
  • fa-legal (alias)
  • fa-lemon-o
  • fa-level-down
  • fa-level-up
  • fa-life-bouy (alias)
  • fa-life-buoy (alias)
  • fa-life-ring
  • fa-life-saver (alias)
  • fa-lightbulb-o
  • fa-line-chart
  • fa-location-arrow
  • fa-lock
  • fa-magic
  • fa-magnet
  • fa-mail-forward (alias)
  • fa-mail-reply (alias)
  • fa-mail-reply-all (alias)
  • fa-male
  • fa-map-marker
  • fa-meh-o
  • fa-microphone
  • fa-microphone-slash
  • fa-minus
  • fa-minus-circle
  • fa-minus-square
  • fa-minus-square-o
  • fa-mobile
  • fa-mobile-phone (alias)
  • fa-money
  • fa-moon-o
  • fa-mortar-board (alias)
  • fa-music
  • fa-navicon (alias)
  • fa-newspaper-o
  • fa-paint-brush
  • fa-paper-plane
  • fa-paper-plane-o
  • fa-paw
  • fa-pencil
  • fa-pencil-square
  • fa-pencil-square-o
  • fa-phone
  • fa-phone-square
  • fa-photo (alias)
  • fa-picture-o
  • fa-pie-chart
  • fa-plane
  • fa-plug
  • fa-plus
  • fa-plus-circle
  • fa-plus-square
  • fa-plus-square-o
  • fa-power-off
  • fa-print
  • fa-puzzle-piece
  • fa-qrcode
  • fa-question
  • fa-question-circle
  • fa-quote-left
  • fa-quote-right
  • fa-random
  • fa-recycle
  • fa-refresh
  • fa-remove (alias)
  • fa-reorder (alias)
  • fa-reply
  • fa-reply-all
  • fa-retweet
  • fa-road
  • fa-rocket
  • fa-rss
  • fa-rss-square
  • fa-search
  • fa-search-minus
  • fa-search-plus
  • fa-send (alias)
  • fa-send-o (alias)
  • fa-share
  • fa-share-alt
  • fa-share-alt-square
  • fa-share-square
  • fa-share-square-o
  • fa-shield
  • fa-shopping-cart
  • fa-sign-in
  • fa-sign-out
  • fa-signal
  • fa-sitemap
  • fa-sliders
  • fa-smile-o
  • fa-soccer-ball-o (alias)
  • 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 (alias)
  • fa-sort-numeric-asc
  • fa-sort-numeric-desc
  • fa-sort-up (alias)
  • fa-space-shuttle
  • fa-spinner
  • fa-spoon
  • fa-square
  • fa-square-o
  • fa-star
  • fa-star-half
  • fa-star-half-empty (alias)
  • fa-star-half-full (alias)
  • fa-star-half-o
  • fa-star-o
  • fa-suitcase
  • fa-sun-o
  • fa-support (alias)
  • fa-tablet
  • fa-tachometer
  • fa-tag
  • fa-tags
  • fa-tasks
  • fa-taxi
  • fa-terminal
  • fa-thumb-tack
  • fa-thumbs-down
  • fa-thumbs-o-down
  • fa-thumbs-o-up
  • fa-thumbs-up
  • fa-ticket
  • fa-times
  • fa-times-circle
  • fa-times-circle-o
  • fa-tint
  • fa-toggle-down (alias)
  • fa-toggle-left (alias)
  • fa-toggle-off
  • fa-toggle-on
  • fa-toggle-right (alias)
  • fa-toggle-up (alias)
  • fa-trash
  • fa-trash-o
  • fa-tree
  • fa-trophy
  • fa-truck
  • fa-tty
  • fa-umbrella
  • fa-university
  • fa-unlock
  • fa-unlock-alt
  • fa-unsorted (alias)
  • fa-upload
  • fa-user
  • fa-users
  • fa-video-camera
  • fa-volume-down
  • fa-volume-off
  • fa-volume-up
  • fa-warning (alias)
  • fa-wheelchair
  • fa-wifi
  • fa-wrench

File Type Icons

  • fa-file
  • fa-file-archive-o
  • fa-file-audio-o
  • fa-file-code-o
  • fa-file-excel-o
  • fa-file-image-o
  • fa-file-movie-o (alias)
  • fa-file-o
  • fa-file-pdf-o
  • fa-file-photo-o (alias)
  • fa-file-picture-o (alias)
  • fa-file-powerpoint-o
  • fa-file-sound-o (alias)
  • fa-file-text
  • fa-file-text-o
  • fa-file-video-o
  • fa-file-word-o
  • fa-file-zip-o (alias)

Spinner Icons

  • fa-circle-o-notch
  • fa-cog
  • fa-gear (alias)
  • fa-refresh
  • fa-spinner

Form Control Icons

  • fa-check-square
  • fa-check-square-o
  • fa-circle
  • fa-circle-o
  • fa-dot-circle-o
  • fa-minus-square
  • fa-minus-square-o
  • fa-plus-square
  • fa-plus-square-o
  • fa-square
  • fa-square-o

Payment Icons

  • fa-cc-amex
  • fa-cc-discover
  • fa-cc-mastercard
  • fa-cc-paypal
  • fa-cc-stripe
  • fa-cc-visa
  • fa-credit-card
  • fa-google-wallet
  • fa-paypal

Chart Icons

  • fa-area-chart
  • fa-bar-chart
  • fa-bar-chart-o (alias)
  • fa-line-chart
  • fa-pie-chart

Currency Icons

  • fa-bitcoin (alias)
  • fa-btc
  • fa-cny (alias)
  • fa-dollar (alias)
  • fa-eur
  • fa-euro (alias)
  • fa-gbp
  • fa-ils
  • fa-inr
  • fa-jpy
  • fa-krw
  • fa-money
  • fa-rmb (alias)
  • fa-rouble (alias)
  • fa-rub
  • fa-ruble (alias)
  • fa-rupee (alias)
  • fa-shekel (alias)
  • fa-sheqel (alias)
  • fa-try
  • fa-turkish-lira (alias)
  • fa-usd
  • fa-won (alias)
  • fa-yen (alias)

Text Editor Icons

  • fa-align-center
  • fa-align-justify
  • fa-align-left
  • fa-align-right
  • fa-bold
  • fa-chain (alias)
  • fa-chain-broken
  • fa-clipboard
  • fa-columns
  • fa-copy (alias)
  • fa-cut (alias)
  • fa-dedent (alias)
  • fa-eraser
  • fa-file
  • fa-file-o
  • fa-file-text
  • fa-file-text-o
  • fa-files-o
  • fa-floppy-o
  • fa-font
  • fa-header
  • fa-indent
  • fa-italic
  • fa-link
  • fa-list
  • fa-list-alt
  • fa-list-ol
  • fa-list-ul
  • fa-outdent
  • fa-paperclip
  • fa-paragraph
  • fa-paste (alias)
  • fa-repeat
  • fa-rotate-left (alias)
  • fa-rotate-right (alias)
  • fa-save (alias)
  • fa-scissors
  • fa-strikethrough
  • fa-subscript
  • fa-superscript
  • fa-table
  • fa-text-height
  • fa-text-width
  • fa-th
  • fa-th-large
  • fa-th-list
  • fa-underline
  • fa-undo
  • fa-unlink (alias)

Directional Icons

  • fa-angle-double-down
  • fa-angle-double-left
  • fa-angle-double-right
  • fa-angle-double-up
  • fa-angle-down
  • fa-angle-left
  • fa-angle-right
  • fa-angle-up
  • fa-arrow-circle-down
  • fa-arrow-circle-left
  • fa-arrow-circle-o-down
  • fa-arrow-circle-o-left
  • fa-arrow-circle-o-right
  • fa-arrow-circle-o-up
  • fa-arrow-circle-right
  • fa-arrow-circle-up
  • fa-arrow-down
  • fa-arrow-left
  • fa-arrow-right
  • fa-arrow-up
  • fa-arrows
  • fa-arrows-alt
  • fa-arrows-h
  • fa-arrows-v
  • fa-caret-down
  • fa-caret-left
  • fa-caret-right
  • fa-caret-square-o-down
  • fa-caret-square-o-left
  • fa-caret-square-o-right
  • fa-caret-square-o-up
  • fa-caret-up
  • fa-chevron-circle-down
  • fa-chevron-circle-left
  • fa-chevron-circle-right
  • fa-chevron-circle-up
  • fa-chevron-down
  • fa-chevron-left
  • fa-chevron-right
  • fa-chevron-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-toggle-down (alias)
  • fa-toggle-left (alias)
  • fa-toggle-right (alias)
  • fa-toggle-up (alias)

Video Player Icons

  • fa-arrows-alt
  • fa-backward
  • fa-compress
  • fa-eject
  • fa-expand
  • fa-fast-backward
  • fa-fast-forward
  • fa-forward
  • fa-pause
  • fa-play
  • fa-play-circle
  • fa-play-circle-o
  • fa-step-backward
  • fa-step-forward
  • fa-stop
  • fa-youtube-play

Brand Icons

  • fa-adn
  • fa-android
  • fa-angellist
  • fa-apple
  • fa-behance
  • fa-behance-square
  • fa-bitbucket
  • fa-bitbucket-square
  • fa-bitcoin (alias)
  • fa-btc
  • fa-cc-amex
  • fa-cc-discover
  • fa-cc-mastercard
  • fa-cc-paypal
  • fa-cc-stripe
  • fa-cc-visa
  • fa-codepen
  • fa-css3
  • fa-delicious
  • fa-deviantart
  • fa-digg
  • fa-dribbble
  • fa-dropbox
  • fa-drupal
  • fa-empire
  • fa-facebook
  • fa-facebook-square
  • fa-flickr
  • fa-foursquare
  • fa-ge (alias)
  • fa-git
  • fa-git-square
  • fa-github
  • fa-github-alt
  • fa-github-square
  • fa-gittip
  • fa-google
  • fa-google-plus
  • fa-google-plus-square
  • fa-google-wallet
  • fa-hacker-news
  • fa-html5
  • fa-instagram
  • fa-ioxhost
  • fa-joomla
  • fa-jsfiddle
  • fa-lastfm
  • fa-lastfm-square
  • fa-linkedin
  • fa-linkedin-square
  • fa-linux
  • fa-maxcdn
  • fa-meanpath
  • fa-openid
  • fa-pagelines
  • fa-paypal
  • fa-pied-piper
  • fa-pied-piper-alt
  • fa-pinterest
  • fa-pinterest-square
  • fa-qq
  • fa-ra (alias)
  • fa-rebel
  • fa-reddit
  • fa-reddit-square
  • fa-renren
  • fa-share-alt
  • fa-share-alt-square
  • fa-skype
  • fa-slack
  • fa-slideshare
  • fa-soundcloud
  • fa-spotify
  • fa-stack-exchange
  • fa-stack-overflow
  • fa-steam
  • fa-steam-square
  • fa-stumbleupon
  • fa-stumbleupon-circle
  • fa-tencent-weibo
  • fa-trello
  • fa-tumblr
  • fa-tumblr-square
  • fa-twitch
  • fa-twitter
  • fa-twitter-square
  • fa-vimeo-square
  • fa-vine
  • fa-vk
  • fa-wechat (alias)
  • fa-weibo
  • fa-weixin
  • fa-windows
  • fa-wordpress
  • fa-xing
  • fa-xing-square
  • fa-yahoo
  • fa-yelp
  • fa-youtube
  • fa-youtube-play
  • fa-youtube-square

Medical Icons

  • fa-ambulance
  • fa-h-square
  • fa-hospital-o
  • fa-medkit
  • fa-plus-square
  • fa-stethoscope
  • fa-user-md
  • fa-wheelchair