[cols][col size=”1/4″]
[pricetable color=”#9FB44F” title=”Like A Noob” price=”Freeyay!” button_type=”danger” button_url=”#” button_label=”Register”]
- Includes stuff
- Other great items
- Yep that too
[/pricetable]
[/col][col size=”1/4″]
[pricetable color=”#FAA732″ title=”Like a Player” price=”$1999 /m” button_type=”danger” button_url=”#” button_label=”Sign Up”]
- Includes stuff
- Other great items
- Yep that too
[/pricetable]
[/col][col size=”1/4″]
[pricetable color=”#49AFCD” title=”Like A Sir” price=”$2999/m” button_type=”danger” button_url=”#” button_label=”Sign Up”]
- Includes stuff
- Other great items
- Yep that too
[/pricetable]
[/col][col size=”1/4″]
[pricetable color=”#414141″ title=”Like A Boss!” price=”$4999/m” button_type=”danger” button_url=”#” button_label=”Cha-Ching”]
- Includes stuff
- Other great items
- Yep that too
[/pricetable]
[/col][/cols]
[cols][col size=”1/2″]
Tabs
[/col][col size=”1/2″]
Accordion
[accordion][item title=”Heading 01″]Lorem ipsum dolor sit amet dapibus id [/item]
[item title=”Heading 02″] Lorem ipsum dolor sit amet nullam mollis[/item]
[item title=”Heading 03″]Lorem ipsum dolor sit amet nisi neque [/item][/accordion]
[/col][/cols]
Alerts
[cols][col size=”1/2″]
[alert type=”danger” display=”block”]Oh snap! You got an error![/alert]
[alert type=”danger” display=”block”]
You Have A Decision To Make!
Change this and that an…rus sit amet fermentum.
[/alert]
[/col][col size=”1/2″]
[alert type=”warning” display=”inline”]Holy guacamole! Best check yo self, yo…ng too good.[/alert]
[alert type=”info” display=”inline”]Heads up! Options fo… attributes.[/alert]
[alert type=”success” display=”block”]Success! You did it, now relax and enjoy it
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/alert]
[/col][/cols]
[divider type=”dotted”]
[cols][col size=”1/2″]
Buttons
[divider type=”dotted”]
Buttons Large
[/col][col size=”1/2″]
Icon Buttons
[divider type=”dotted”]
Buttons Small
[/col][/cols]
[divider type=”dotted”]
[cols][col size=”1/2″]
Inline Labels
[label type=”default”]Default[/label]
[label type=”success”]Success[/label]
[label type=”warning”]Warning[/label]
[label type=”important”]Important[/label]
[label type=”info”]Info[/label]
[label type=”inverse”]Inverse[/label]
Label buttons
[label type=”default” url=”#”]Read More[/label]
[label type=”important” url=”#”]Go[/label]
[label type=”info” url=”#”]Follow Us[/label]
[label type=”Success” url=”#”]Download Sources[/label]
[/col][col size=”1/2″]
Share Buttons
[share type=”facebook”]
[share type=”twitter”]
[share type=”google”]
[share type=”pinterest”]
Badges
[badge type=”default”]1[/badge]
[badge type=”info”]2[/badge]
[badge type=”important”]3[/badge]
[badge type=”warning”]4[/badge]
[badge type=”inverse”]5[/badge]
[badge type=”success”]6[/badge]
[badge type=”important” url=”#”]ON[/badge]
[badge type=”default” url=”#”]OFF[/badge]
[badge type=”success” url=”#”]NEW[/badge]
[badge type=”inverse” url=”#”]Mute[/badge]
[/col][/cols]
[divider type=”dotted”]
[cols][col size=”1/3″]
Vimeo Video
[/col][col size=”1/3″]
YouTube Video
[/col][col size=”1/3″]
Local Video
[/col][/cols]
[divider type=”dotted”]
Code Syntax Highlighting [label type=”info”]A Shortcode Class From The Pixelentity Framework[/label]
<?php class PeThemeShortcodeBS_Divider extends PeThemeShortcode { public function __construct($master) { parent::__construct($master); $this->trigger = "divider"; $this->group = __pe("UI"); $this->name = __pe("Divider"); $this->description = __pe("Add a divider"); $this->fields = array( "type"=> array( "divider" => __pe("Divider Type"), "type" => "Select", "description" => __pe("Select the type of divider required."), "options" => array( __pe("Solid") => "solid", __pe("Dotted") => "dotted" ), "default" => "solid" ) ); } public function output($atts,$content=null,$code="") { extract($atts); $html =<<<EOL <div class="row-fluid"> <div class="span12"> <div class="divider $type clearfix"><span></span></div> </div> </div> EOL; return trim($html); } } ?>
[divider type=”dotted”]
[hero type=”default” title=”Headline Banner”]This is a simple hero unit, a jumbotron-style component for calling extra attention to featured content or information.
[/hero]
[divider type=”dotted”]
[cols][col size=”1/2″]
Popovers
Hover over the button to see the popover.
[popover position=”top” url=”#” type=”danger” title=”Popover Title” body=”Popover content”]Hover for popover[/popover]
[popover position=”bottom” url=”#” type=”warning” title=”Popover Title” body=”Popover content”]Popover Bottom[/popover]
Plain Text Popover
This is an example of a plain text [popover position=”top” url=”#” type=”none” title=”Popover Title” body=”Popover content”]popover[/popover]. Rollover the [popover position=”right” url=”#” type=”none” title=”Popover Title” body=”Popover content”]highlighted text[/popover] to see the demo in action.
[/col][col size=”1/2″]
Tooltip
Rollover the various elements below to see a demo of the tooltip function.
Rollover for tooltipAdd a Tooltip Text [label type=”important”]Label Example[/label]Add a Tooltip Text [badge type=”success”]01[/badge]Add a Tooltip Text [icon type=”icon-download” color=”black”]Add a Tooltip Text
Plain Text Tooltip
This is a plain text exmaple of the tooltip functionAdd a Tooltip Text. Rollover the highlighted text to see the tooltipsAdd a Tooltip Text.[/col][/cols]
[divider type=”dotted”]
Bundled Icons [label type=”info”]Available in White & Black[/label]
[cols][col size=”1/4″]
[icon type=”icon-adjust” color=”black”] icon-adjust
[icon type=”icon-align-center” color=”black”] icon-align-center
[icon type=”icon-align-justify” color=”black”] icon-align-justify
[icon type=”icon-align-left” color=”black”] icon-align-left
[icon type=”icon-align-right” color=”black”] icon-align-right
[icon type=”icon-arrow-down” color=”black”] icon-arrow-down
[icon type=”icon-arrow-left” color=”black”] icon-arrow-left
[icon type=”icon-arrow-right” color=”black”] icon-arrow-right
[icon type=”icon-arrow-up” color=”black”] icon-arrow-up
[icon type=”icon-asterisk” color=”black”] icon-asterisk
[icon type=”icon-backward” color=”black”] icon-backward
[icon type=”icon-ban-circle” color=”black”] icon-ban-circle
[icon type=”icon-barcode” color=”black”] icon-barcode
[icon type=”icon-bell” color=”black”] icon-bell
[icon type=”icon-bold” color=”black”] icon-bold
[icon type=”icon-book” color=”black”] icon-book
[icon type=”icon-bookmark” color=”black”] icon-bookmark
[icon type=”icon-briefcase” color=”black”] icon-briefcase
[icon type=”icon-bullhorn” color=”black”] icon-bullhorn
[icon type=”icon-calendar” color=”black”] icon-calendar
[icon type=”icon-camera” color=”black”] icon-camera
[icon type=”icon-certificate” color=”black”] icon-certificate
[icon type=”icon-check” color=”black”] icon-check
[icon type=”icon-chevron-down” color=”black”] icon-chevron-down
[icon type=”icon-chevron-left” color=”black”] icon-chevron-left
[icon type=”icon-chevron-right” color=”black”] icon-chevron-right
[icon type=”icon-chevron-up” color=”black”] icon-chevron-up
[icon type=”icon-circle-arrow-down” color=”black”] icon-circle-arrow-down
[icon type=”icon-circle-arrow-left” color=”black”] icon-circle-arrow-left
[icon type=”icon-circle-arrow-right” color=”black”] icon-circle-arrow-right
[icon type=”icon-circle-arrow-up” color=”black”] icon-circle-arrow-up
[icon type=”icon-cog” color=”black”] icon-cog
[icon type=”icon-comment” color=”black”] icon-comment
[icon type=”icon-download” color=”black”] icon-download
[icon type=”icon-download-alt” color=”black”] icon-download-alt
[/col][col size=”1/4″]
[icon type=”icon-edit” color=”black”] icon-edit
[icon type=”icon-eject” color=”black”] icon-eject
[icon type=”icon-envelope” color=”black”] icon-envelope
[icon type=”icon-exclamation-sign” color=”black”] icon-exclamation-sign
[icon type=”icon-eye-close” color=”black”] icon-eye-close
[icon type=”icon-eye-open” color=”black”] icon-eye-open
[icon type=”icon-facetime-video” color=”black”] icon-facetime-video
[icon type=”icon-fast-backward” color=”black”] icon-fast-backward
[icon type=”icon-fast-forward” color=”black”] icon-fast-forward
[icon type=”icon-file” color=”black”] icon-file
[icon type=”icon-film” color=”black”] icon-film
[icon type=”icon-filter” color=”black”] icon-filter
[icon type=”icon-fire” color=”black”] icon-fire
[icon type=”icon-flag” color=”black”] icon-flag
[icon type=”icon-folder-close” color=”black”] icon-folder-close
[icon type=”icon-folder-open” color=”black”] icon-folder-open
[icon type=”icon-font” color=”black”] icon-font
[icon type=”icon-forward” color=”black”] icon-forward
[icon type=”icon-fullscreen” color=”black”] icon-fullscreen
[icon type=”icon-gift” color=”black”] icon-gift
[icon type=”icon-glass” color=”black”] icon-glass
[icon type=”icon-globe” color=”black”] icon-globe
[icon type=”icon-hand-down” color=”black”] icon-hand-down
[icon type=”icon-hand-left” color=”black”] icon-hand-left
[icon type=”icon-hand-right” color=”black”] icon-hand-right
[icon type=”icon-hand-up” color=”black”] icon-hand-up
[icon type=”icon-hdd” color=”black”] icon-hdd
[icon type=”icon-headphones” color=”black”] icon-headphones
[icon type=”icon-heart” color=”black”] icon-heart
[icon type=”icon-home” color=”black”] icon-home
[icon type=”icon-inbox” color=”black”] icon-inbox
[icon type=”icon-indent-left” color=”black”] icon-indent-left
[icon type=”icon-indent-right” color=”black”] icon-indent-right
[icon type=”icon-info-sign” color=”black”] icon-info-sign
[icon type=”icon-italic” color=”black”] icon-italic
[/col][col size=”1/4″]
[icon type=”icon-leaf” color=”black”] icon-leaf
[icon type=”icon-list” color=”black”] icon-list
[icon type=”icon-list-alt” color=”black”] icon-list-alt
[icon type=”icon-lock” color=”black”] icon-lock
[icon type=”icon-magnet” color=”black”] icon-magnet
[icon type=”icon-map-marker” color=”black”] icon-map-marker
[icon type=”icon-minus” color=”black”] icon-minus
[icon type=”icon-minus-sign” color=”black”] icon-minus-sign
[icon type=”icon-move” color=”black”] icon-move
[icon type=”icon-music” color=”black”] icon-music
[icon type=”icon-off” color=”black”] icon-off
[icon type=”icon-ok” color=”black”] icon-ok
[icon type=”icon-ok-circle” color=”black”] icon-ok-circle
[icon type=”icon-ok-sign” color=”black”] icon-ok-sign
[icon type=”icon-pause” color=”black”] icon-pause
[icon type=”icon-pencil” color=”black”] icon-pencil
[icon type=”icon-picture” color=”black”] icon-picture
[icon type=”icon-plane” color=”black”] icon-plane
[icon type=”icon-play” color=”black”] icon-play
[icon type=”icon-play-circle” color=”black”] icon-play-circle
[icon type=”icon-plus” color=”black”] icon-plus
[icon type=”icon-plus-sign” color=”black”] icon-plus-sign
[icon type=”icon-print” color=”black”] icon-print
[icon type=”icon-qrcode” color=”black”] icon-qrcode
[icon type=”icon-question-sign” color=”black”] icon-question-sign
[icon type=”icon-random” color=”black”] icon-random
[icon type=”icon-refresh” color=”black”] icon-refresh
[icon type=”icon-remove” color=”black”] icon-remove
[icon type=”icon-remove-circle” color=”black”] icon-remove-circle
[icon type=”icon-remove-sign” color=”black”] icon-remove-sign
[icon type=”icon-repeat” color=”black”] icon-repeat
[icon type=”icon-resize-full” color=”black”] icon-resize-full
[icon type=”icon-resize-horizontal” color=”black”] icon-resize-horizontal
[icon type=”icon-resize-small” color=”black”] icon-resize-small
[icon type=”icon-resize-vertical” color=”black”] icon-resize-vertical
[/col][col size=”1/4″]
[icon type=”icon-retweet” color=”black”] icon-retweet
[icon type=”icon-road” color=”black”] icon-road
[icon type=”icon-screenshot” color=”black”] icon-screenshot
[icon type=”icon-search” color=”black”] icon-search
[icon type=”icon-share” color=”black”] icon-share
[icon type=”icon-share-alt” color=”black”] icon-share-alt
[icon type=”icon-shopping-cart” color=”black”] icon-shopping-cart
[icon type=”icon-signal” color=”black”] icon-signal
[icon type=”icon-star” color=”black”] icon-star
[icon type=”icon-star-empty” color=”black”] icon-star-empty
[icon type=”icon-step-backward” color=”black”] icon-step-backward
[icon type=”icon-step-forward” color=”black”] icon-step-forward
[icon type=”icon-stop” color=”black”] icon-stop
[icon type=”icon-tag” color=”black”] icon-tag
[icon type=”icon-tags” color=”black”] icon-tags
[icon type=”icon-tasks” color=”black”] icon-tasks
[icon type=”icon-text-height” color=”black”] icon-text-height
[icon type=”icon-text-width” color=”black”] icon-text-width
[icon type=”icon-th” color=”black”] icon-th
[icon type=”icon-th-large” color=”black”] icon-th-large
[icon type=”icon-th-list” color=”black”] icon-th-list
[icon type=”icon-thumbs-down” color=”black”] icon-thumbs-down
[icon type=”icon-thumbs-up” color=”black”] icon-thumbs-up
[icon type=”icon-time” color=”black”] icon-time
[icon type=”icon-tint” color=”black”] icon-tint
[icon type=”icon-trash” color=”black”] icon-trash
[icon type=”icon-upload” color=”black”] icon-upload
[icon type=”icon-user” color=”black”] icon-user
[icon type=”icon-volume-down” color=”black”] icon-volume-down
[icon type=”icon-volume-off” color=”black”] icon-volume-off
[icon type=”icon-volume-up” color=”black”] icon-volume-up
[icon type=”icon-warning-sign” color=”black”] icon-warning-sign
[icon type=”icon-wrench” color=”black”] icon-wrench
[icon type=”icon-zoom-in” color=”black”] icon-zoom-in
[icon type=”icon-zoom-out” color=”black”] icon-zoom-out
[/col][/cols]