Your Name Here
Your Tag Line Here

# Page Components

# Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content.

Learn more

## Labels

Default Success Warning Important Info Inverse

## Badges

Default Success Warning Important Info Inverse

## Alert

#### Warning!

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Oh snap! Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Well done! Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Heads up! Lorem Ipsum is simply dummy text of the printing and typesetting industry.

## Thumbnails

# Page header Subtext for header

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

## Lead copy

Lead copy here. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

## Tabs

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

## Accordion

Collapsible Group Item #1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Collapsible Group Item #2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Collapsible Group Item #3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

## Buttons

Large button Default button Small button Mini button

Primary Secondary Info Success Warning Danger Inverse

## Tooltip

Tooltip on top Tooltip on right Tooltip on bottom Tooltip on left

## Form

This is a label.
Check me out
Option one is this and that—be sure to include why it's great Option two can be something else and selecting it will deselect option one
Option Option Option

## Modal

### Modal Heading

#### Text in a modal

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Launch demo modal

## Foundation General Icons

.foundicon-settings
.foundicon-heart
.foundicon-star
.foundicon-plus
.foundicon-minus
.foundicon-checkmark
.foundicon-remove
.foundicon-mail
.foundicon-calendar
.foundicon-page
.foundicon-tools
.foundicon-globe
.foundicon-home
.foundicon-quote
.foundicon-people
.foundicon-monitor
.foundicon-laptop
.foundicon-phone
.foundicon-cloud
.foundicon-error
.foundicon-right-arrow
.foundicon-left-arrow
.foundicon-up-arrow
.foundicon-down-arrow
.foundicon-trash
.foundicon-add-doc
.foundicon-edit
.foundicon-lock
.foundicon-unlock
.foundicon-refresh
.foundicon-paper-clip
.foundicon-video
.foundicon-photo
.foundicon-graph
.foundicon-idea
.foundicon-mic
.foundicon-cart
.foundicon-address-book
.foundicon-compass
.foundicon-flag
.foundicon-location
.foundicon-clock
.foundicon-folder
.foundicon-inbox
.foundicon-website
.foundicon-smiley
.foundicon-search

## Foundation Social Icons

.foundicon-thumb-up
.foundicon-thumb-down
.foundicon-rss
.foundicon-facebook
.foundicon-twitter
.foundicon-pinterest
.foundicon-github
.foundicon-path
.foundicon-linkedin
.foundicon-dribbble
.foundicon-stumble-upon
.foundicon-behance
.foundicon-reddit
.foundicon-google-plus
.foundicon-youtube
.foundicon-vimeo
.foundicon-flickr
.foundicon-slideshare
.foundicon-picassa
.foundicon-skype
.foundicon-instagram
.foundicon-foursquare
.foundicon-delicious
.foundicon-chat
.foundicon-torso
.foundicon-tumblr
.foundicon-video-chat
.foundicon-digg
.foundicon-wordpress

## Video

## Pagination

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

## Media Object

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

## Media List

- #### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

## Font Awesome New Icons

- icon-cloud-download
- icon-cloud-upload
- icon-lightbulb
- icon-exchange
- icon-bell-alt
- icon-file-alt
- icon-beer
- icon-coffee
- icon-food
- icon-fighter-jet

- icon-user-md
- icon-stethoscope
- icon-suitcase
- icon-building
- icon-hospital
- icon-ambulance
- icon-medkit
- icon-h-sign
- icon-plus-sign-alt
- icon-spinner

- icon-angle-left
- icon-angle-right
- icon-angle-up
- icon-angle-down
- icon-double-angle-left
- icon-double-angle-right
- icon-double-angle-up
- icon-double-angle-down
- icon-circle-blank
- icon-circle

- icon-desktop
- icon-laptop
- icon-tablet
- icon-mobile-phone
- icon-quote-left
- icon-quote-right
- icon-reply
- icon-github-alt
- icon-folder-close-alt
- icon-folder-open-alt

## Font Awesome Web App Icons

- icon-adjust
- icon-asterisk
- icon-ban-circle
- icon-bar-chart
- icon-barcode
- icon-beaker
- icon-beer
- icon-bell
- icon-bell-alt
- icon-bolt
- icon-book
- icon-bookmark
- icon-bookmark-empty
- icon-briefcase
- icon-bullhorn
- icon-calendar
- icon-camera
- icon-camera-retro
- icon-certificate
- icon-check
- icon-check-empty
- icon-circle
- icon-circle-blank
- icon-cloud
- icon-cloud-download
- icon-cloud-upload
- icon-coffee
- icon-cog
- icon-cogs
- icon-comment
- icon-comment-alt
- icon-comments
- icon-comments-alt
- icon-credit-card
- icon-dashboard
- icon-desktop
- icon-download
- icon-download-alt

- icon-edit
- icon-envelope
- icon-envelope-alt
- icon-exchange
- icon-exclamation-sign
- icon-external-link
- icon-eye-close
- icon-eye-open
- icon-facetime-video
- icon-fighter-jet
- icon-film
- icon-filter
- icon-fire
- icon-flag
- icon-folder-close
- icon-folder-open
- icon-folder-close-alt
- icon-folder-open-alt
- icon-food
- icon-gift
- icon-glass
- icon-globe
- icon-group
- icon-hdd
- icon-headphones
- icon-heart
- icon-heart-empty
- icon-home
- icon-inbox
- icon-info-sign
- icon-key
- icon-leaf
- icon-laptop
- icon-legal
- icon-lemon
- icon-lightbulb
- icon-lock
- icon-unlock

- icon-magic
- icon-magnet
- icon-map-marker
- icon-minus
- icon-minus-sign
- icon-mobile-phone
- icon-money
- icon-move
- icon-music
- icon-off
- icon-ok
- icon-ok-circle
- icon-ok-sign
- icon-pencil
- icon-picture
- icon-plane
- icon-plus
- icon-plus-sign
- icon-print
- icon-pushpin
- icon-qrcode
- icon-question-sign
- icon-quote-left
- icon-quote-right
- icon-random
- icon-refresh
- icon-remove
- icon-remove-circle
- icon-remove-sign
- icon-reorder
- icon-reply
- icon-resize-horizontal
- icon-resize-vertical
- icon-retweet
- icon-road
- icon-rss
- icon-screenshot
- icon-search

- icon-share
- icon-share-alt
- icon-shopping-cart
- icon-signal
- icon-signin
- icon-signout
- icon-sitemap
- icon-sort
- icon-sort-down
- icon-sort-up
- icon-spinner
- icon-star
- icon-star-empty
- icon-star-half
- icon-tablet
- icon-tag
- icon-tags
- icon-tasks
- icon-thumbs-down
- icon-thumbs-up
- icon-time
- icon-tint
- icon-trash
- icon-trophy
- icon-truck
- icon-umbrella
- icon-upload
- icon-upload-alt
- icon-user
- icon-user-md
- icon-volume-off
- icon-volume-down
- icon-volume-up
- icon-warning-sign
- icon-wrench
- icon-zoom-in
- icon-zoom-out

## Font Awesome Text Editor Icons

- icon-file
- icon-file-alt
- icon-cut
- icon-copy
- icon-paste
- icon-save
- icon-undo
- icon-repeat

- icon-text-height
- icon-text-width
- icon-align-left
- icon-align-center
- icon-align-right
- icon-align-justify
- icon-indent-left
- icon-indent-right

- icon-font
- icon-bold
- icon-italic
- icon-strikethrough
- icon-underline
- icon-link
- icon-paper-clip
- icon-columns

- icon-table
- icon-th-large
- icon-th
- icon-th-list
- icon-list
- icon-list-ol
- icon-list-ul
- icon-list-alt

## Font Awesome Directional Icons

- icon-angle-left
- icon-angle-right
- icon-angle-up
- icon-angle-down
- icon-arrow-down
- icon-arrow-left
- icon-arrow-right
- icon-arrow-up

- icon-caret-down
- icon-caret-left
- icon-caret-right
- icon-caret-up
- icon-chevron-down
- icon-chevron-left
- icon-chevron-right
- icon-chevron-up

- icon-circle-arrow-down
- icon-circle-arrow-left
- icon-circle-arrow-right
- icon-circle-arrow-up
- icon-double-angle-left
- icon-double-angle-right
- icon-double-angle-up
- icon-double-angle-down

- icon-hand-down
- icon-hand-left
- icon-hand-right
- icon-hand-up
- icon-circle
- icon-circle-blank

## Font Awesome Video Player Icons

- icon-play-circle
- icon-play
- icon-pause
- icon-stop

- icon-step-backward
- icon-fast-backward
- icon-backward
- icon-forward

- icon-fast-forward
- icon-step-forward
- icon-eject

- icon-fullscreen
- icon-resize-full
- icon-resize-small

## Font Awesome Social Icons

- icon-phone
- icon-phone-sign
- icon-facebook
- icon-facebook-sign

- icon-twitter
- icon-twitter-sign
- icon-github
- icon-github-alt

- icon-github-sign
- icon-linkedin
- icon-linkedin-sign
- icon-pinterest

- icon-pinterest-sign
- icon-google-plus
- icon-google-plus-sign
- icon-sign-blank

## Spinner icon example

Spinner icon when loading content...
Synchronizing Content...

## Quote / Testimonial

> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

> by Albert Einstein

# H1

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

## H2

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### H3

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

#### H4

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

##### H5

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

###### H6

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

## Unordered List

- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.

## Ordered List

1. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
2. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
3. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

## Address

## Well

Look, I'm in a well!

### About Company

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Terms of Use
Privacy Policy
FAQ
Sitemap

### Recent Blog Posts

Lorem Ipsum is simply dummy text
2 hours ago

Duis mollis, est non commodo luctus
5 hours ago

Maecenas sed diam eget risus varius
19 hours ago

VIEW ALL POSTS

### Sample Content

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

### Get in Touch

- Phone:
  (123) 456 7890 / 456 7891
- Email:
  info@yourdomain.com
- Address:
  123 Street
  12345 City, State
  Country

Copyright © 2013 Your Company. All Rights Reserved.

Facebook Twitter Pinterest Rss