Shortcodes
Tabs
Accordion
Alerts
You Have A Decision To Make!
Change this and that an…rus sit amet fermentum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Inline Labels
Default Success Warning Important Info Inverse
Label buttons
Read More Go Follow Us Download SourcesVimeo Video
YouTube Video
Local Video
Code Syntax Highlighting A Shortcode Class From The Pixelentity Framework
<?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);
}
}
?>
Headline Banner
This is a simple hero unit, a jumbotron-style component for calling extra attention to featured content or information.
Popovers
Hover over the button to see the popover.
Hover for popover Popover Bottom
Plain Text Popover
This is an example of a plain text popover. Rollover the highlighted text to see the demo in action.
Tooltip
Rollover the various elements below to see a demo of the tooltip function.
Rollover for tooltip Label Example 01
Plain Text Tooltip
This is a plain text exmaple of the tooltip function. Rollover the highlighted text to see the tooltips.
Bundled Icons Available in White & Black
icon-adjust
icon-align-center
icon-align-justify
icon-align-left
icon-align-right
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-asterisk
icon-backward
icon-ban-circle
icon-barcode
icon-bell
icon-bold
icon-book
icon-bookmark
icon-briefcase
icon-bullhorn
icon-calendar
icon-camera
icon-certificate
icon-check
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-cog
icon-comment
icon-download
icon-download-alt
icon-edit
icon-eject
icon-envelope
icon-exclamation-sign
icon-eye-close
icon-eye-open
icon-facetime-video
icon-fast-backward
icon-fast-forward
icon-file
icon-film
icon-filter
icon-fire
icon-flag
icon-folder-close
icon-folder-open
icon-font
icon-forward
icon-fullscreen
icon-gift
icon-glass
icon-globe
icon-hand-down
icon-hand-left
icon-hand-right
icon-hand-up
icon-hdd
icon-headphones
icon-heart
icon-home
icon-inbox
icon-indent-left
icon-indent-right
icon-info-sign
icon-italic
icon-leaf
icon-list
icon-list-alt
icon-lock
icon-magnet
icon-map-marker
icon-minus
icon-minus-sign
icon-move
icon-music
icon-off
icon-ok
icon-ok-circle
icon-ok-sign
icon-pause
icon-pencil
icon-picture
icon-plane
icon-play
icon-play-circle
icon-plus
icon-plus-sign
icon-print
icon-qrcode
icon-question-sign
icon-random
icon-refresh
icon-remove
icon-remove-circle
icon-remove-sign
icon-repeat
icon-resize-full
icon-resize-horizontal
icon-resize-small
icon-resize-vertical
icon-retweet
icon-road
icon-screenshot
icon-search
icon-share
icon-share-alt
icon-shopping-cart
icon-signal
icon-star
icon-star-empty
icon-step-backward
icon-step-forward
icon-stop
icon-tag
icon-tags
icon-tasks
icon-text-height
icon-text-width
icon-th
icon-th-large
icon-th-list
icon-thumbs-down
icon-thumbs-up
icon-time
icon-tint
icon-trash
icon-upload
icon-user
icon-volume-down
icon-volume-off
icon-volume-up
icon-warning-sign
icon-wrench
icon-zoom-in
icon-zoom-out