Example Panel

Content...

Parameter

  • color: blue | yellow| green | grey | red | white
  • icon : the name of icon
  • class : additioanl css class

Panel without Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

Yellow Panel with Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

Green Panel with Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

Grey Panel with Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

Red Panel with Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

White Panel with Icon (No Fold)

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

Blue Panel with Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

White Panel with Icon

Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.

Button Panel

 

 
 
 

Promobox Example

Parameter

  • title: title of promobox
  • subtitle: subtitle of promobox
  • color: orange | blue | green | grey | red | yellow
  • button_link: link to URL
  • button_label: label of button
  • class: optional name class for container

 

EFFICIENTLY unleash cross-media information without cross-media value.

Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem

EFFICIENTLY unleash cross-media information without cross-media value.

Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem

EFFICIENTLY unleash cross-media information without cross-media value.

Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem

EFFICIENTLY unleash cross-media information without cross-media value.

Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem

EFFICIENTLY unleash cross-media information without cross-media value.

Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem

EFFICIENTLY unleash cross-media information without cross-media value.

Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem