Image

[vc_row][vc_column width="1/1"][vc_column_text]Accordion sections are commonly used around the web. If you are constrained by the space accordion is a great solution, as you can see in some portfolio items we have used them to make the look of the page more appealing. Accordions are mostly used for FAQ sections. Like all of Blaszok's shortcodes this one is also available through VisualComposer, which offers a simple drag & drop interface to build complex pages with ease.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mpc_vc_deco_header type="h5" text="Large Image"][vc_single_image image="2959" alignment="center" img_link_target="_self" img_size="full" border_color="grey"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][mpc_vc_deco_header type="h5" text="Image Align Left"][vc_single_image image="2959" alignment="center" img_link_target="_self" img_size="full" border_color="grey"][/vc_column][vc_column width="1/3"][mpc_vc_deco_header type="h5" text="Image Align Center"][vc_single_image image="2959" alignment="center" img_link_target="_self" img_size="full" border_color="grey"][/vc_column][vc_column width="1/3"][mpc_vc_deco_header type="h5" text="Image Align Right"][vc_single_image image="2959" alignment="center" img_link_target="_self" img_size="full" border_color="grey"][/vc_column][/vc_row][vc_row el_class="mpc-small-bm"][vc_column width="1/1"][mpc_vc_deco_header type="h5" text="Shortcode Attributes"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
  • title - set image title.
  • image - specify image from media library.
  • CSS Animation - choose one of 6 preset CSS animations.
  • image size - specify image size (or responsive).
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
  • image aligment - specify image aligment.
  • link to large image - yes/no.
  • extra class name - add special class to your accordion section for use in CSS.
[/vc_column_text][/vc_column][/vc_row]