[vc_row][vc_column width="1/1"][vc_column_text]
<h3>Modal opened by buttons</h3>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/4"][modal title="THE SECRET OF OUR SUCCESS" opener="button" button_text_opener="Open Modal" button_style="flat-red" link_icon_type="none" link_icon_theme="adjust" link_text_size="17"]
<h4>ADD <span style="color: #871818">EVERYTHING</span> HERE: IMAGES, TEXT, SHORTCODES.</h4>
Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. <a href="https://sanaa.co.ke/wp-content/uploads/2014/12/about-corporate_19.jpg"><img class="size-full wp-image-1762 aligncenter" src="https://sanaa.co.ke/wp-content/uploads/2014/12/about-corporate_19.jpg" alt="about-corporate_19" width="130" height="104" /></a> Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jÃ­cama salsify.[/modal][/vc_column][vc_column width="1/4"][modal title="Modal Title" opener="button" button_text_opener="Open Modal" button_style="ghost" link_icon_type="none" link_icon_theme="adjust" link_text_size="17"][box_section icon_theme="retinaicon-font:retina-communication-007" icon_size="40" color="#a12418" circle_size="0" color_circle="#797979" title="CALL US " class="box-sections" link="" link_title="" border_size="0" animation_delay="0" layout="horizontal" icon_type="theme-icon" title_size="h3" animate="" ]dolor sit amet, consectetur adipiscing elit. Mauris at elit eu tellus vestibulum lacinia. Quisque at mauris lacus. Cras tincidunt mauris at mollis dignissim. Cras sed lorem sed lorem posuere gravida. Fusce consectetur lobortis turpis non placerat[/box_section]

[/modal][/vc_column][vc_column width="1/4"][/vc_column][vc_column width="1/4"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_column_text]
<h3>Modal opened by link</h3>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][modal title="Modal Title" opener="text" button_text_opener="Open Modal" button_style="ghost" link_icon_type="none" link_icon_theme="adjust" link_text_size="17" link_text_opener="Open Modal"][box_section icon_theme="retinaicon-font:retina-cloths-fashion-011" icon_size="35" color="#797979" circle_size="0" color_circle="#797979" title="2000 New Articles" class="box-sections" link=""  border_size="0"  link_title="" animation_delay="0" layout="horizontal" icon_type="theme-icon" title_size="h3" animate="" ]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/box_section]

[box_section icon_theme="retinaicon-font:retina-cloths-fashion-013" icon_size="35" color="#797979" circle_size="0" border_size="0" color_circle="#797979" title="650 New ARRIVALS" class="box-sections" link="" link_title="" animation_delay="0" layout="horizontal" icon_type="theme-icon" title_size="h3" animate="" ]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/box_section][/modal][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_column_text]
<h3>Modal opened by image</h3>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][modal title="CHECK THE SIZE CHART" opener="image" button_style="ghost" link_icon_type="none" link_icon_theme="adjust" link_text_size="17" image_opener="https://sanaa.co.ke/wp-content/uploads/2014/12/sizechart.jpg"]<a href="https://sanaa.co.ke/wp-content/uploads/2014/12/size-chart-nielsen.jpg"><img class="alignnone size-full wp-image-1459" src="https://sanaa.co.ke/wp-content/uploads/2014/12/size-chart-nielsen.jpg" alt="size-chart-nielsen" width="999" height="761" /></a>[/modal][/vc_column][/vc_row][vc_row][vc_column width="1/1"][box_title font_size="15" font_alignment="center" border="middle" border_color="#CDCDCD"]SHORTCODE ATTRIBUTES[/box_title][vc_row_inner][vc_column_inner width="1/2"][vc_column_text]
<ul>
	<li><span style="color: #000000">title</span>: modal title</li>
	<li><span style="color: #000000">opener</span>: type of modal opener(button/text/image)</li>
	<li><span style="color: #000000">button text opener</span>: text of the button</li>
	<li><span style="color: #000000">button style</span>: style of the button(normal/alternative)</li>
</ul>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text]
<ul>
	<li><span style="color: #000000">link text opener</span>: text of the link</li>
	<li><span style="color: #000000">link text size</span>: font size of the link</li>
	<li><span style="color: #000000">image opener</span>: url of the image</li>
</ul>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]