Incredible template
May 8, 2017
Card Panels
Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.
Bootstrap Inverse Card Panels
If you’re familiar with Bootstrap 3, cards replace old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards. All default card panels includes a class
.card-inverse. You may also use Business predefined colors with global classes or create your own colors.
Primary panel
Use a class .bg-primary for default Bootstrap primary color.
Primary panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Info panel
Use a class .bg-info for default Bootstrap info color.
Info Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Success panel
Use a class .bg-success for default Bootstrap success color.
Success Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Warning panel
Use a class .bg-warning for default Bootstrap warning color.
Warning Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Danger panel
Use a class .bg-danger for default Bootstrap danger color.
Danger Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business primary panel
Use a class .g-bg-primary and
g-brd-primary for default Business primary color color.
"You may use any availabe Business predefined colors or create your own style."
Business Primary Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business blue panel
Use a class .g-bg-blue and
g-brd-blue for default Business blue color color.
Business Blue Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business light red panel
Use a class .g-bg-lightred and
g-brd-lightred for default Business lightred color color.
Business Light Red Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business black panel
Use a class .g-bg-black and
g-brd-black for default Business black color color.
Business Black Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business teal panel
Use a class .g-bg-teal and
g-brd-teal for default Business teal color color.
Business Teal Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business purple panel
Use a class .g-bg-purple and
g-brd-purple for default Business purple color color.
Business Purple Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business cyan panel
Use a class .g-bg-cyan and
g-brd-cyan for default Business cyan color color.
Business Cyan Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business dark blue panel
Use a class .g-bg-darkblue and
g-brd-darkblue for default Business darkblue color color.
Business Dark Blue Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business pink panel
Use a class .g-bg-pink and
g-brd-pink for default Business pink color color.
Business Pink Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Bootstrap Outline Card Panels
If you’re familiar with Bootstrap 3, cards replace old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards. You may also use Business predefined colors with global classes or create your own colors.
Default outline panel
Default Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Primary outline panel
Use an addition utility class .text-white for card headers.
Primary Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Info outline panel
Use an addition utility class .text-white for card headers.
Info Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Success outline panel
Use an addition utility class .text-white for card headers.
Success Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Warning outline panel
Use an addition utility class .text-white for card headers.
Warning Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Danger outline panel
Use an addition utility class .text-white for card headers.
Danger Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business primary outline panel
Use an addition utility class .text-white for card headers.
"You may use any availabe Business predefined colors or create your own style."
Business Primary Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business blue outline panel
Use an addition utility class .text-white for card headers.
Business Blue Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business light red outline panel
Use an addition utility class .text-white for card headers.
Business Light Red Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business black outline panel
Use an addition utility class .text-white for card headers.
Business Black Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business teal outline panel
Use an addition utility class .text-white for card headers.
Business Teal Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business purple outline panel
Use an addition utility class .text-white for card headers.
Business Purple Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business cyan outline panel
Use an addition utility class .text-white for card headers.
Business Cyan Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business dark blue outline panel
Use an addition utility class .text-white for card headers.
Business Dark Blue Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Business pink outline panel
Use an addition utility class .text-white for card headers.
Business Pink Outline Panel
Accusamus et iusto odio
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
We offer best in class service for your needs
About Us
About Business dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.
Useful Links
Our Contacts
795 Folsom Ave, Suite 600,
San Francisco, CA 94107 795
(+123) 456 7890
(+123) 456 7891