Panels

Bootstrap Panels

With this awesome Bootstrap Panels you can grab the Attention of your Visitors or Highlight specific Parts of your Website. Use them with different Colors and random Elements for the Content. Easy to handle with Shortcodes.

  • Based on Bootstrap Panels
  • Use with all available Colors
  • Use only Parts of the Panels
  • Mixable with Plain HTML Content

Bootstrap Panels Parts

This is the Panel Body

This is the Panel Heading

This is the Panel Body

This is the Panel Body

This is the Panel Heading

This is the Panel Body

Panels with different Animations

Fusce Fermentum Ullamcorper

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.

Egestas Parturient Fringilla Fusce Ligula

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Panels with different Colors

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Mix it with HTML Bootstrap

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

Venenatis Nullam Vulputate Justo

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

  • 14 Cras justo odio
  • 3 Tortor Egestas Vulputate
  • 57 Ligula Porta Mattis Cursus

Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Minimal Shortcode

{panel}
  {panel-heading}Heading{/panel-heading}
  {panel-body}Content{/panel-body}
  {panel-footer}Footer{/panel-footer}
{/panel}

Shortcode with some Options

{panel color="primary"}
  {panel-heading animation="fadeInLeft"}Heading{/panel-heading}
  {panel-body animation="fadeIn"}Content{/panel-body}
  {panel-footer animation="fadeInRigght"}Footer{/panel-footer}
{/panel}
Parameter Name Description Possible values Default
color The Color of the Button default, success, info, warning, danger, primary, secondary, tertiary default
class Add a optional Class to the Shortcode
id Add a optional unique ID to the Shortcode
style Add optional Style Attributes to the Shortcode
animation Activates a Animation for this Element Many, check the Animations Page
animationduration How long should the Animation run Any positive Value for seconds 1s
animationdelay Should the Animation have a delay Any positive Value for seconds 0s

WSInfinity

We are WS-Theme, a creative and awesome group of individuals. In 2016 we set us a Goal to make the perfect Joomla Template. We believe this Joomla Template can make your life much more easier. We encourage you to try this Template, it will change your outlook on what a Joomla Template can do.

Contact us

  • Address: Untere Koppenhalde 11
    72406 Bisingen
    Germany
  • Email: office@braink.com
  • Phone: +88 (0) 144 5532 001

Newsletter

Sign up to our newsletter and get exclusive deals you wont find anywhere else straight to your inbox!

Menu

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Joomla Template.




Backend View Shortcode System