Page Components
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content.
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.
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
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
Modal
Launch demo modalFoundation General Icons
.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-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-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-down
.foundicon-rss
.foundicon-facebook
.foundicon-twitter
.foundicon-pinterest
.foundicon-github
.foundicon-path
.foundicon-linkedin
.foundicon-dribbble
.foundicon-behance
.foundicon-reddit
.foundicon-google-plus
.foundicon-youtube
.foundicon-vimeo
.foundicon-flickr
.foundicon-slideshare
.foundicon-picassa
.foundicon-skype
.foundicon-foursquare
.foundicon-delicious
.foundicon-chat
.foundicon-torso
.foundicon-tumblr
.foundicon-video-chat
.foundicon-digg
.foundicon-wordpress
Video
Pagination
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
Font Awesome Web App Icons
Font Awesome Text Editor Icons
Font Awesome Directional Icons
Font Awesome Video Player Icons
Font Awesome Social Icons
Spinner icon example
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
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Address
Your Company, Inc.
Address
City, State, Zip
P: (123) 456-7890 Full Name
first.last@gmail.com