Social icons.

Add links to your social profiles with this set of 38 beautiful icons. You can add some tooltips.


Attention units.

A lightweight, flexible component to showcase key content on your site.

It works well as full width in any column.

Download our brochure

Morbi vitae tellus urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

Download PDF

Find about us

Morbi vitae tellus urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

Read more

Full width.

Nunc ornare convallis lacus, id suscipit nulla sagittis a. Morbi sed felis vel nibh tincidunt mollis et eu magna. Nullam facilisis ipsum, et facilisis ante consectetur sed. Quisque tristique nunc quis lectus elementum at vulputate lacus facilisis.


Alert boxes.

It good to inform your visitors if they make something good or bad, you can even insert some awesome icons!

Error! Something is wrong, try it again.

Info! It’s good to know.

Success! Yep, you made it.

Warning! You made it something wrong!


Deviders.



Table.

Nice regular table. By the way, this figures are for real!

And YES, you can place awesome icons inside, don’t ask me again

Explorer Firefox Chrome Safari Opera
January 14.3 % 30.2 % 48.4 % 4.2 % 1.9 %
February 19.5 % 36.6 % 36.3 % 4.5 % 2.3 %
March 18.9 % 36.3 % 37.3 % 4.4 % 2.3 %
All months Total: 54%


Skill bars.

Show off with your skills, nice!

75% Web Design
80% Photoshop
50% PHP
25% HTML

Tabs.

Nice tabs, even with icons.

Aenean quam est, commodo et molestie vitae, tristique ac tortor. Pellentesque eros leo, tristique in sollicitudin. Etiam vel orci et metus ullamcorper accumsan non vitae ante.

Aenean quam est, commodo et molestie vitae, tristique ac tortor. Pellentesque eros leo, tristique in sollicitudin. Etiam vel orci et metus ullamcorper accumsan non vitae ante.

Aenean quam est, commodo et molestie vitae, tristique ac tortor. Pellentesque eros leo, tristique in sollicitudin. Etiam vel orci et metus ullamcorper accumsan non vitae ante.


Preformated text.

Simple and nice boxed preformated text.


Blockquote.

Donec dictum leo erat, at dictum mi. Sed est enim, fringilla eget pellentesque sit amet, fermentum sit amet diam. Donec quam erat, sodales a commodo et, dapibus in tortor. Cras nunc quam, dapibus eget imperdiet id, cursus a odio. Vivamus a lacinia diam.

Aenean blandit fermentum ante vestibulum faucibus. Nullam nec consequat urna. Vivamus pulvinar, mauris eget placerat ornare, dolor orci elementum ipsum, vel vehicula risus lorem a sapien.

Duis leo dolor, gravida sit amet posuere id, molestie eget urna. Ut varius elementum dolor, ut vehicula erat ultrices in. Ut sem tortor, vestibulum vitae sollicitudin quis, auctor eget massa. Pellentesque a sem in erat volutpat ullamcorper nec et nunc. Vivamus at nisi dolor, eget tristique purus. Donec non dolor ut est semper sagittis vulputate vitae ante. Nulla nec ligula leo.


Dropcap.

Donec varius elementum dolor, ut vehicula erat ultrices in. Ut sem tortor, vestibulum vitae sollicitudin quis, auctor eget massa. Pellentesque a sem in erat volutpat ullamcorper nec et nunc. Vivamus at nisi dolor, eget tristique purus. Donec non dolor ut est semper sagittis vulputate vitae ante. Nulla nec ligula leo. Vestibulum non felis eros. Nulla eu magna purus. Fusce vitae libero vel sem fringilla malesuada. Fusce vitae libero vel sem fringilla malesuada. Donec dictum leo erat, at dictum mi. Sed est enim, fringilla eget pellentesque sit amet, fermentum sit amet diam.


Blocktext.

Suspendisse convallis metus interdum elit molestie pulvinar. Suspendisse congue turpis non sem tempus eget dictum erat cursus. Cras nec enim nulla. Pellentesque at nibh lorem, vel faucibus ipsum. Sed pretium aliquet nibh. Donec varius elementum dolor, ut vehicula erat ultrices in. Ut sem tortor, vestibulum vitae sollicitudin quis, auctor eget massa. Pellentesque a sem in erat volutpat ullamcorper nec et nunc.Aenean quis leo non neque ultrices scelerisque. Nullam nec vulputate velit.Vivamus at nisi dolor, eget tristique purus. Donec non dolor ut est semper sagittis vulputate vitae ante. Nulla nec ligula leo. Vestibulum non felis eros. Nulla eu magna purus. Fusce vitae libero vel sem fringilla malesuada. Fusce vitae libero vel sem fringilla malesuada. Donec dictum leo erat, at dictum mi. Sed est enim, fringilla eget pellentesque sit amet, fermentum sit amet diam. Nam tincidunt pulvinar justo nec luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla dolor velit, condimentum sagittis eleifend at, auctor sed turpis. Nullam a enim lorem, id rutrum dui. Nunc lorem odio, aliquet sed varius sit amet, vehicula non lacus. Phasellus in mauris leo, a scelerisque velit.Vestibulum non felis eros. Nulla eu magna purus. Fusce vitae libero vel sem fringilla malesuada. Fusce vitae libero vel sem fringilla malesuada. Donec dictum leo erat, at dictum mi. Aenean quis leo non neque ultrices scelerisque. Nullam nec vulputate velit.Vestibulum dignissim, sapien sit amet eleifend ultricies, diam tellus fermentum arcu, non cursus lorem eros sed dolor. In elementum nisi id velit hendrerit ullamcorper.Aenean quis leo non neque ultrices scelerisque. Nullam nec vulputate velit.Praesent et erat non erat posuere tempus vel imperdiet ipsum. Mauris sit amet pellentesque sapien. Mauris sapien metus, accumsan eget adipiscing vel, suscipit ut odio. Ut consectetur est sed metus fermentum quis auctor mauris facilisis. Etiam condimentum, urna pellentesque rhoncus scelerisque, est dolor volutpat leo, non viverra nunc arcu nec lectus. Maecenas ullamcorper pellentesque fringilla. Donec ut velit eu libero cursus faucibus ullamcorper ac mauris. Nam tincidunt pulvinar justo nec luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla dolor velit, condimentum sagittis eleifend at, auctor sed turpis. Nullam a enim lorem, id rutrum dui. Nunc lorem odio, aliquet sed varius sit amet, vehicula non lacus. Phasellus in mauris leo, a scelerisque velit. Vestibulum dignissim, sapien sit amet eleifend ultricies, diam tellus fermentum arcu, non cursus lorem eros sed dolor. In elementum nisi id velit hendrerit ullamcorper.


Heading title.

Here is some nice subheader.

Morbi vitae tellus urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris ante dolor, euismod et laoreet vel, consectetur aliquam est. Mauris nec orci felis. Donec et aliquam odio. Phasellus magna lorem, feugiat sit amet luctus et.


Tooltips.

Hover this text, nice tooltip, ha?

Morbi vitae tellus urna. Vestbum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris ante dolor, euismod et laoreet vel, consectetur aliquam est. Mauris nec orci felis. Donec et aliquam odio. Phasellus magna lorem, feugiat sit amet luctus et. Suspendisse convallis metus interdum elit molestie pulvinar. Suspendisse congue turpis non sem tempus eget dictum erat cursus. Cras nec enim nulla. Pellentesque at nibh lorem, vel faucibus ipsum. Sed pretium aliquet nibh. Fusce consectetur pulvinar mattis. Morbi viverra semper ipsum in posuere. Morbi cursus justo ac mi mollis sit amet interdum lectus eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt turpis sit amet metus commodo id aliquam orci gravida. Praesent sem libero, iaculis a mattis ac, consectetur at dolor. Nullam vel sodales eros. Pellentesque sodales augue eget mi sollicitudin pharetra. Donec at nulla arcu, eget dapibus arcu. In suscipit nibh augue.


All standard elements.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque turpis ut libero pulvinar fringilla commodo Nulla sed dolor eget turpis fringilla facilisis eget sed risus. Maecenas justo mi, congue in tincidunt venenatis, blandit interdum mi. Curabitur vulputate ipsum vitae diam sagittis vel pharetra lacus dignissim. Fusce nec ante et ipsum aliquet malesuada nec vitae neque. id pharetra eget, scelerisque consequat nisl.


Button icons

If you want to place icon in the button, you can choose from 249 different icons!

It can be done with any color and size of the button, very handy, right?

Find me on TwitterPlay videoDownload PDFDeleteNatureWeb design


Gloss buttons

If you are shemnzzy-fancy kind a person, than these buttons are for you, all shinny, just in case.

Find me on TwitterPlay videoContact usDeleteNatureWeb design

960 grid system. The syntax is simple and it’s effective cross browser, but the awesome part is that it also has the flexibility to go mobile like a champ.Go ahead, resize the browser and watch as the layout reacts!

Half page 1/2

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit, quis blandit velit pellentesque tempor. Nulla vulputate pulvinar aliquet. Nunc suscipit metus sit amet mauris commodo in fringilla tellus malesuada.

Half page 1/2

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit, quis blandit velit pellentesque tempor. Nulla vulputate pulvinar aliquet. Nunc suscipit metus sit amet mauris commodo in fringilla tellus malesuada.

Three fourth 2/3

Aenean euismod iaculis magna, ut lobortis lectus convallis sed. Ut tempus, metus vel ultricies pretium, arcu velit ullamcorper mi, ut ullamcorper augue leo quis lacus. Proin egestas metus nec ipsum laoreet non sagittis arcu venenatis. Donec et libero vel lacus feugiat elementum gravida eget metus. Quisque vel augue eu nulla pulvinar placerat ac id ante. Vestibulum ante ipsum primis in faucibus orci luctus.

One fourth 1/4

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit.

One fourth 1/4

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit.

One fourth 1/4

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit.

One fourth 1/4

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit.

Three fourth 3/4

Aenean euismod iaculis magna, ut lobortis lectus convallis sed. Ut tempus, metus vel ultricies pretium, arcu velit ullamcorper mi, ut ullamcorper augue leo quis lacus. Proin egestas metus nec ipsum laoreet non sagittis arcu venenatis. Donec et libero vel lacus feugiat elementum gravida eget metus. Quisque vel augue eu nulla pulvinar placerat ac id ante. Vestibulum ante ipsum primis in faucibus orci luctus.

One fourth 1/4

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas posuere suscipit velit.


Font Awesome icons are vectors, which mean they’re gorgeous on high-resolution displays.

In a single collection, Font Awesome is a pictographic language of web-related actions. Scalable vector graphics means every icon looks awesome at any size. Font Awesome icons are vectors, which mean they’re gorgeous on high-resolution displays.




New 40 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

Web Application 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

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

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

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

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

Medical Icons

  • icon-ambulance
  • icon-beaker
  • icon-h-sign
  • icon-hospital
  • icon-medkit
  • icon-plus-sign-alt
  • icon-stethoscope
  • icon-user-md

Column pricing below can be used for general budgeting and comparing the costs. Price includes titles, prices, intervals, and descriptions. You can place pricing in any columns, depends on your needs. You can choose buttons size and colors, put tooltips on columns and icons in buttons.