Icon Columuns

[vc_row][vc_column][vc_column_text]

Left alignment

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][box_section icon_theme=»heart-o» icon_size=»40″ color=»#747474″ color_circle=»#747474″ title=»LOVE THIS THEME» animation_delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section icon_theme=»quote-left» icon_size=»40″ color=»#acc327″ color_circle=»#acc327″ title=»QUOTE ICON»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][/vc_column][vc_column width=»1/2″][box_section icon_theme=»scissors» icon_size=»40″ color=»#747474″ color_circle=»#747474″ title=»CUT ME!»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section icon_theme=»star-o» icon_size=»40″ color=»#acc327″ color_circle=»#acc327″ title=»5 STAR SUPPORT»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Center alignment

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][box_section layout=»vertical» icon_theme=»adjust» icon_size=»40″ color=»#747474″ color_circle=»#747474″ title=»Adjust»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»vertical» icon_theme=»adn» icon_size=»40″ color=»#acc327″ color_circle=»#acc327″ title=»Adn»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][/vc_column][vc_column width=»1/2″][box_section layout=»vertical» icon_theme=»align-left» icon_size=»40″ color=»#747474″ title=»ALIGN LEFT»]

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.

[/box_section][box_section layout=»vertical» icon_theme=»align-right» icon_size=»40″ color=»#acc327″ color_circle=»#acc327″ title=»ALIGN RIGHT»]

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.

[/box_section][/vc_column][/vc_row][vc_row][vc_column][box_title font_size=»15″]SHORTCODE ATTRIBUTES[/box_title][vc_row_inner][vc_column_inner width=»1/2″][vc_column_text]

  • icon type: type of the icon(theme-icon or custom)
  • icon url: url of the icon(if icon type is custom)
  • icon theme: the awesome icon(if icon type is theme-icon)
  • icon size: size of the awesome icon(if icon type is theme-icon)
  • icon color: color of the awesome icon(if icon type is theme-icon)
  • title: title of the blog section
  • title size: type list of the title

[/vc_column_text][/vc_column_inner][vc_column_inner width=»1/2″][vc_column_text]

  • class: custom class added to the blog section
  • link: url of the link
  • link title: title of the link
  • animate: animation type
  • animation delay: the delay to which the animation starts

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

    PHP Code Snippets Powered By : XYZScripts.com