Panels

[one_fourth][accordiongroup][accordion title=”Add-ons”][sidenav][sideitem link=”http://weblusive-themes.com/evolution/styling/alert-boxes/”]Alert Boxes[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/panels/”]Panels[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/pricing-tables/”]Pricing Tables[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/progress-bars/”]Progress Bars[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/tables/”]Tables[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/thumbnails/”]Thumbnails[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/flex-video/”]Flex Video[/sideitem][/sidenav][/accordion][/accordiongroup] [/one_fourth] [three_fourth]

Panels

Alerts are a handy element you can drop into a form or inline on a page to communicate success, warnings, failure or just information. They’ll conform to 100% of the container width you put them in. [row] [one_half][panel type=”regular” title=”THIS IS A REGULAR PANEL.” ]It has an easy to override visual style, and is appropriately subdued.[/panel][/one_half] [one_half][panel type=”callout” title=”THIS IS A CALLOUT PANEL.” ]It’s a little ostentatious, but useful for important content or any other anounces that you are going to make.[/panel][/one_half] [/row]
Building panels using our predefined class isn’t hard at all. You’ll start with <div> and add a class of .panel to it. From there, you just need to add content inside, anything will do. Available HTML class options: Adding .callout to your panel will make it our default blue and add a shiny top edge to help it stand out. You may also you .radius to add a tasteful border-radius to thie mix. [/three_fourth]