[idz_col_full class=””]

[idz_heading tag=”h3″ class=” gap”]Example Panel[/idz_heading]

[idz_code][idz_panel color=”” icon=”” class=””]Content…[/idz_panel][/idz_code]

[idz_panel color=”white” class=””]

Parameter

[idz_list type=”check” class=””]

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

[/idz_list]

[/idz_panel]

[/idz_col_full]

[idz_col_12 class=”medium-6″]

[idz_panel color=”” class=””]

[idz_heading tag=”h4″ class=””]Panel without Icon[/idz_heading]

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

[idz_button color=”white” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”yellow” icon=”linea-basic_lightbulb”]

[idz_heading tag=”h4″ class=””]Yellow Panel with Icon[/idz_heading]

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

[idz_button color=”white” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”green” icon=”linea-basic_keyboard”]

[idz_heading tag=”h4″ class=””]Green Panel with Icon[/idz_heading]

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

[idz_button color=”white” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”grey” icon=”linea-basic_gear”]

[idz_heading tag=”h4″ class=””]Grey Panel with Icon[/idz_heading]

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

[idz_button color=”white” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”red” icon=”linea-basic_book_pen”]

[idz_heading tag=”h4″ class=””]Red Panel with Icon[/idz_heading]

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

[idz_button color=”white” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”white” icon=””]

[idz_heading tag=”h4″ class=””]White Panel with Icon (No Fold)[/idz_heading]

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

[idz_button color=”blue” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”blue” icon=”linea-basic_alarm”]

[idz_heading tag=”h4″ class=””]Blue Panel with Icon[/idz_heading]

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

[idz_button color=”white” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_stroke” class=””]

[/idz_panel]

[/idz_col_12]

[idz_col_12 class=”medium-6″]

[idz_panel color=”white” icon=”linea-basic_life_buoy”]

[idz_heading tag=”h4″ class=””]White Panel with Icon[/idz_heading]

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

[idz_button color=”blue” size=”medium” label=”Button Panel” icon=”” link=”#” target=”_self” type=”radius_shape” class=””]

[/idz_panel]

[/idz_col_12]

 

[idz_spacer height=”20″ color=””]

[idz_spacer height=”3″ color=”#dedede” class=””]

[idz_spacer height=”20″ color=””]

[idz_col_full class=””]

[idz_heading tag=”h3″ class=””]Promobox Example[/idz_heading]

[idz_code][idz_highlight_box title=”” subtitle=”” color=”orange” button_link=”” button_label=”” class=””][/idz_code]

[idz_panel color=”white” class=””]

Parameter

[idz_list type=”check” class=””]

  • 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

[/idz_list]

[/idz_panel]

 

[/idz_col_full]

[idz_col_full class=””]

[idz_highlight_box title=”EFFICIENTLY unleash cross-media information without cross-media value.” subtitle=”Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem” color=”orange” button_link=”#” button_label=”View Details” class=””]

[idz_highlight_box title=”EFFICIENTLY unleash cross-media information without cross-media value.” subtitle=”Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem” color=”blue” button_link=”#” button_label=”View Details” class=””]

[idz_highlight_box title=”EFFICIENTLY unleash cross-media information without cross-media value.” subtitle=”Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem” color=”green” button_link=”#” button_label=”View Details” class=””]

[idz_highlight_box title=”EFFICIENTLY unleash cross-media information without cross-media value.” subtitle=”Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem” color=”yellow” button_link=”#” button_label=”View Details” class=””]

[idz_highlight_box title=”EFFICIENTLY unleash cross-media information without cross-media value.” subtitle=”Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem” color=”red” button_link=”#” button_label=”View Details” class=””]

[idz_highlight_box title=”EFFICIENTLY unleash cross-media information without cross-media value.” subtitle=”Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem” color=”grey” button_link=”#” button_label=”View Details” class=””]

[/idz_col_full]

Leave a Reply

Your email address will not be published. Required fields are marked *