[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]