Log in Register

Login to your account

Username *
Password *
Remember Me

Create an account

Fields marked with an asterisk (*) are required.
Name *
Username *
Password *
Verify password *
Email *
Verify email *

BT Shortcode Demo

Check out the BT Shortcode Video Tutorial!

Heading Styles

H1. Heading

Sub-title text sample. Maecenas sed diam eget risus

H2. Heading

Sub-title text sample. Maecenas sed diam eget risus

H3. Heading

Sub-title text sample. Maecenas sed diam eget risus

H4. Heading

Sub-title text sample. Maecenas sed diam eget risus
H5. Heading
Sub-title text sample. Maecenas sed diam eget risus

Dropcap Styles

Dauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis.

Dauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis.

Dauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis.

Dauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis.

Dauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis.

Dauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis.

 

HTML Styles

Hover here to see tooltip. Aliquam lacinia nisi vel mi ultricies accumsan. Morbi sit amet fringilla turpis. Hover here to see tooltip Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Label Text Demo. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor Label Text Demo faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis.

 

Call to action title

Lorem ipsum dolor sit amet.

Call to action title

Lorem ipsum dolor sit amet.

 

This is call to action title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

 

Listing Styles

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5
  • 1List Item 1
  • 2List Item 2
  • 3List Item 3
  • 4List Item 4
  • 5List Item 5
  • AList Item 1
  • BList Item 2
  • CList Item 3
  • DList Item 4
  • EList Item 5

 

Columns

One Column

Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.

Two Columns

Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.
Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.

Three Columns

Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.
Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.
Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.

Four Columns

Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.
Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.
Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.
Mauris placerat placerat felis, non tincidunt sem pretium eget. Aliquam lacinia nisi vel mi ultricies accumsan. Quisque auctor faucibus ornare. Morbi sit amet fringilla turpis, et sagittis turpis. Phasellus a fringilla augue. Sed ultricies tincidunt accumsan. Nunc fermentum, leo eu venenatis hendrerit, nunc mi ultricies nibh, tristique semper ante arcu ac dui. Etiam sodales eleifend bibendum. Cras placerat sagittis luctus. Morbi porttitor mi tellus, ut iaculis risus auctor nec. Donec iaculis in quam eget posuere.

 

Blockquotes

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

 

Tabs Styles

About UsOur HistoryOur MissionOur Clients

About Us Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

Our History Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

Our Mission Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

Our Clients Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

 

About UsOur HistoryOur MissionOur Clients

About Us Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

Our History Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

Our Mission Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

Our Clients Demo Text

Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat nunc at augue tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod purus eu sapien faucibus, quis porta ipsum accumsan. Pellentesque gravida mauris ac aliquam consequat. Vivamus accumsan mi a metus euismod vulputate. Ut imperdiet, nunc suscipit volutpat feugiat, quam odio luctus dolor, condimentum faucibus velit tellus nec risus. Nam auctor tellus ut lorem ultricies, vitae commodo eros pretium. Curabitur facilisis bibendum enim. Class aptent taciti sociosqu ad litora torquent.

 

Accordion Styles

Donec ut purus sed tortor malesuada venenatis eget
Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem. Pellentesque et pulvinar enim. Quisque at tempor ligula. Maecenas augue ante, euismod vitae egestas sit amet, accumsan eu nulla. Integer at lectus ligula. Cras sit amet sollicitudin
Maecenas augue ante, euismod vitae egestas
Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem. Pellentesque et pulvinar enim. Quisque at tempor ligula. Maecenas augue ante, euismod vitae egestas sit amet, accumsan eu nulla. Integer at lectus ligula. Cras sit amet sollicitudin
Suspendisse vitae lectus in tellu
Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem. Pellentesque et pulvinar enim. Quisque at tempor ligula. Maecenas augue ante, euismod vitae egestas sit amet, accumsan eu nulla. Integer at lectus ligula. Cras sit amet sollicitudin

Lists

Tabs

Slideshow

RokSprocket - Slideshow

  • Etiam eu sapien at purus ultricies tempor

    Lorem ipsum dolor sit amet, conse adipiscing elit. Maecenas mauris orci, pellentesque at vestibulum quis, porttitor eget turpis. Morbi porta Read More
  • Donec pulvinar nisi vitae odio suscipit sit

    Morbi sed dui in nisl dapibus porta imperdiet vitae non leo. Fusce ota scelerisque ultrices urna, et porta sapien molestie Read More
  • Maecenas facilisis dapibus lectus in

    Lorem ipsum dolor sit amet, conse na adipiscing elit. Curabitur metus felis, venenatis eu ultricies vel, vehicula eu urna. Phasellus Read More
  • Vestibulum faucibus mollis tel massa id

    Lorem ipsum dolor sit amet, conse adipiscing elit. Curabitur metus na felis, venenatis eu ultricies vel, vehicula eu urna. Phasellus Read More
  • 1
  • 2
  • 3
  • 4

RokSprocket - Slideshow (Style2)

  • Etiam eu sapien at purus ultricies tempor

    Lorem ipsum dolor sit amet, conse adipiscing elit. Maecenas mauris orci, pellentesque at vestibulum quis, porttitor eget turpis. Morbi porta Read More
  • Donec pulvinar nisi vitae odio suscipit sit

    Morbi sed dui in nisl dapibus porta imperdiet vitae non leo. Fusce ota scelerisque ultrices urna, et porta sapien molestie Read More
  • Maecenas facilisis dapibus lectus in

    Lorem ipsum dolor sit amet, conse na adipiscing elit. Curabitur metus felis, venenatis eu ultricies vel, vehicula eu urna. Phasellus Read More
  • Vestibulum faucibus mollis tel massa id

    Lorem ipsum dolor sit amet, conse adipiscing elit. Curabitur metus na felis, venenatis eu ultricies vel, vehicula eu urna. Phasellus Read More
  • 1
  • 2
  • 3
  • 4

Font Awesome

icon-compass
icon-collapse
icon-collapse-top
icon-expand
icon-eur
icon-euro (alias)
icon-gbp
icon-usd
icon-dollar (alias)
icon-inr
icon-rupee (alias)
icon-jpy
icon-yen (alias)
icon-cny
icon-renminbi (alias)
icon-krw
icon-won (alias)
icon-btc
icon-bitcoin (alias)
icon-file
icon-file-text
icon-sort-by-alphabet
icon-sort-by-alphabet-alt
icon-sort-by-attributes
icon-sort-by-attributes-alt
icon-sort-by-order
icon-sort-by-order-alt
icon-thumbs-up
icon-thumbs-down
icon-youtube-sign
icon-youtube
icon-xing
icon-xing-sign
icon-youtube-play
icon-dropbox
icon-stackexchange
icon-instagram
icon-flickr
icon-adn
icon-bitbucket
icon-bitbucket-sign
icon-tumblr
icon-tumblr-sign
icon-long-arrow-down
icon-long-arrow-up
icon-long-arrow-left
icon-long-arrow-right
icon-apple
icon-windows
icon-android
icon-linux
icon-dribbble
icon-skype
icon-foursquare
icon-trello
icon-female
icon-male
icon-gittip
icon-sun
icon-moon
icon-archive
icon-bug
icon-vk
icon-weibo
icon-renren
icon-adjust
icon-anchor
icon-archive
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-bug
icon-building
icon-bullhorn
icon-bullseye
icon-calendar
icon-calendar-empty
icon-camera
icon-camera-retro
icon-certificate
icon-check
icon-check-empty
icon-check-minus
icon-check-sign
icon-circle
icon-circle-blank
icon-cloud
icon-cloud-download
icon-cloud-upload
icon-code
icon-code-fork
icon-coffee
icon-cog
icon-cogs
icon-collapse
icon-collapse-alt
icon-collapse-top
icon-comment
icon-comment-alt
icon-comments
icon-comments-alt
icon-compass
icon-credit-card
icon-crop
icon-dashboard
icon-desktop
icon-download
icon-download-alt
icon-edit
icon-edit-sign
icon-ellipsis-horizontal
icon-ellipsis-vertical
icon-envelope
icon-envelope-alt
icon-eraser
icon-exchange
icon-exclamation
icon-exclamation-sign
icon-expand
icon-expand-alt
icon-external-link
icon-external-link-sign
icon-eye-close
icon-eye-open
icon-facetime-video
icon-female
icon-fighter-jet
icon-film
icon-filter
icon-fire
icon-fire-extinguisher
icon-flag
icon-flag-alt
icon-flag-checkered
icon-folder-close
icon-folder-close-alt
icon-folder-open
icon-folder-open-alt
icon-food
icon-frown
icon-gamepad
icon-gear (alias)
icon-gears (alias)
icon-gift
icon-glass
icon-globe
icon-group
icon-hdd
icon-headphones
icon-heart
icon-heart-empty
icon-home
icon-inbox
icon-info
icon-info-sign
icon-key
icon-keyboard
icon-laptop
icon-leaf
icon-legal
icon-lemon
icon-level-down
icon-level-up
icon-lightbulb
icon-location-arrow
icon-lock
icon-magic
icon-magnet
icon-mail-forward (alias)
icon-mail-reply (alias)
icon-mail-reply-all
icon-male
icon-map-marker
icon-meh
icon-microphone
icon-microphone-off
icon-minus
icon-minus-sign
icon-minus-sign-alt
icon-mobile-phone
icon-money
icon-moon
icon-move
icon-music
icon-off
icon-ok
icon-ok-circle
icon-ok-sign
icon-pencil
icon-phone
icon-phone-sign
icon-picture
icon-plane
icon-plus
icon-plus-sign
icon-plus-sign-alt
icon-power-off (alias)
icon-print
icon-pushpin
icon-puzzle-piece
icon-qrcode
icon-question
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-reply-all
icon-resize-horizontal
icon-resize-vertical
icon-retweet
icon-road
icon-rocket
icon-rss
icon-rss-sign
icon-screenshot
icon-search
icon-share
icon-share-alt
icon-share-sign
icon-shield
icon-shopping-cart
icon-sign-blank
icon-signal
icon-signin
icon-signout
icon-sitemap
icon-smile
icon-sort
icon-sort-by-alphabet
icon-sort-by-alphabet-alt
icon-sort-by-attributes
icon-sort-by-attributes-alt
icon-sort-by-order
icon-sort-by-order-alt
icon-sort-down
icon-sort-up
icon-spinner
icon-star
icon-star-empty
icon-star-half
icon-star-half-empty
icon-star-half-full (alias)
icon-subscript
icon-suitcase
icon-sun
icon-superscript
icon-tablet
icon-tag
icon-tags
icon-tasks
icon-terminal
icon-thumbs-down
icon-thumbs-down-alt
icon-thumbs-up
icon-thumbs-up-alt
icon-ticket
icon-time
icon-tint
icon-trash
icon-trophy
icon-truck
icon-umbrella
icon-unchecked (alias)
icon-unlock
icon-unlock-alt
icon-upload
icon-upload-alt
icon-user
icon-volume-down
icon-volume-off
icon-volume-up
icon-warning-sign
icon-wrench
icon-zoom-in
icon-zoom-out
icon-bitcoin (alias)
icon-btc
icon-cny
icon-dollar (alias)
icon-eur
icon-euro (alias)
icon-gbp
icon-inr
icon-jpy
icon-krw
icon-renminbi (alias)
icon-rupee (alias)
icon-usd
icon-won (alias)
icon-yen (alias)
icon-align-center
icon-align-justify
icon-align-left
icon-align-right
icon-bold
icon-columns
icon-copy
icon-cut
icon-eraser
icon-file
icon-file-alt
icon-file-text
icon-file-text-alt
icon-font
icon-indent-left
icon-indent-right
icon-italic
icon-link
icon-list
icon-list-alt
icon-list-ol
icon-list-ul
icon-paper-clip
icon-paperclip (alias)
icon-paste
icon-repeat
icon-rotate-left (alias)
icon-rotate-right (alias)
icon-save
icon-strikethrough
icon-table
icon-text-height
icon-text-width
icon-th
icon-th-large
icon-th-list
icon-underline
icon-undo
icon-unlink
icon-angle-down
icon-angle-left
icon-angle-right
icon-angle-up
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-sign-down
icon-chevron-sign-left
icon-chevron-sign-right
icon-chevron-sign-up
icon-chevron-up
icon-circle-arrow-down
icon-circle-arrow-left
icon-circle-arrow-right
icon-circle-arrow-up
icon-double-angle-down
icon-double-angle-left
icon-double-angle-right
icon-double-angle-up
icon-hand-down
icon-hand-left
icon-hand-right
icon-hand-up
icon-long-arrow-down
icon-long-arrow-left
icon-long-arrow-right
icon-long-arrow-up
icon-backward
icon-eject
icon-fast-backward
icon-fast-forward
icon-forward
icon-fullscreen
icon-pause
icon-play
icon-play-circle
icon-play-sign
icon-resize-full
icon-resize-small
icon-step-backward
icon-step-forward
icon-stop
icon-youtube-play
  • All brand icons are trademarks of their respective owners.
  • The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
icon-adn
icon-android
icon-apple
icon-bitbucket
icon-bitbucket-sign
icon-bitcoin (alias)
icon-btc
icon-css3
icon-dribbble
icon-dropbox
icon-facebook
icon-facebook-sign
icon-flickr
icon-foursquare
icon-github
icon-github-alt
icon-github-sign
icon-gittip
icon-google-plus
icon-google-plus-sign
icon-html5
icon-instagram
icon-linkedin
icon-linkedin-sign
icon-linux
icon-maxcdn
icon-pinterest
icon-pinterest-sign
icon-renren
icon-skype
icon-stackexchange
icon-trello
icon-tumblr
icon-tumblr-sign
icon-twitter
icon-twitter-sign
icon-vk
icon-weibo
icon-windows
icon-xing
icon-xing-sign
icon-youtube
icon-youtube-play
icon-youtube-sign
icon-ambulance
icon-h-sign
icon-hospital
icon-medkit
icon-plus-sign-alt
icon-stethoscope
icon-user-md

Media Player

The Widgetkit Media Player is a HTML5 audio and video player completely built HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.


Examples


This is a MP3 Audio Sample:


Features

  • Native playback for modern HTML5 browsers
  • Supports MP4 (h.264), WebM, FLV, WMV and MP3 files
  • Completely built with HTML and CSS
  • Responsive design to fit all device resolutions
  • Same UI in all browsers
  • Create your own skins
  • Flash player fallback for unsupported browsers
  • Works with Joomla and WordPress

How To Use

Use the HTML5 video element to embed video in your website. For example:

<video src="/video.mp4" width="320" height="240"></video>

You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:

<video width="320" height="240">
	<source type="video/mp4"  src="/video.mp4" />
	<source type="video/webm" src="/video.webm" />
	<source type="video/ogg"  src="/video.ogv" />
</video>

Use the HTML5 audio element to embed MP3 files in your website. For example:

<audio src="/audio.mp3" type="audio/mp3"></audio>