BT Shortcode Demo

Details: Category: Uncategorised; Published: Tuesday, 02 December 2014 15:54; Written by JoomFX

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.

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.

Click Here

Call to action title

Lorem ipsum dolor sit amet.

Click Here

Call to action title

Lorem ipsum dolor sit amet.

This is call to action title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Click Here

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

Three Columns

Four Columns

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.

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

Our Mission Demo Text

Our Clients Demo Text

About UsOur HistoryOur MissionOur Clients

About Us Demo Text

Our History Demo Text

Our Mission Demo Text

Our Clients Demo Text

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

Suspendisse vitae lectus in tellu

Font Awesome

Details: Category: Uncategorised; Published: Monday, 17 November 2014 12:11; Written by Super User

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

Details: Category: Uncategorised; Published: Monday, 17 November 2014 12:02; Written by Super User

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>

Login to your account

Create an account

BT Shortcode Demo

Check out the BT Shortcode Video Tutorial!

Heading Styles

H1. Heading

H2. Heading

H3. Heading

H4. Heading

H5. Heading

Dropcap Styles

HTML Styles

Call to action title

Call to action title

This is call to action title

Listing Styles

Columns

One Column

Two Columns

Three Columns

Four Columns

Blockquotes

Tabs Styles

About Us Demo Text

Our History Demo Text

Our Mission Demo Text

Our Clients Demo Text

About Us Demo Text

Our History Demo Text

Our Mission Demo Text

Our Clients Demo Text

Accordion Styles

Lists

Tabs

Slideshow

Font Awesome

New Icons in 3.2

Web Application Icons

Currency Icons

Text Editor Icons

Directional Icons

Video Player Icons

Brand Icons

Medical Icons

Media Player

Examples

Features

How To Use