Large icons list
Small Info list
Info list with square backgound
[ultimate_spacer height=”30″][info_list position=”top” style=”circle with_bg” icon_border_style=”none” icon_border_size=”1″ border_color=”#333333″ connector_color=”#cda85c” icon_bg_color=”#cda85c” icon_color=”#ffffff” font_size_icon=”24″][info_list_item list_title=”RESPONSIVE” icon_type=”selector” list_icon=”Defaults-tablet”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”NAVIGATION STYLING” icon_type=”selector” list_icon=”Defaults-reorder”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”TYPOGRAPHY” icon_type=”selector” list_icon=”Defaults-font”]This is description, you can change it in your manner you want[/info_list_item][/info_list]
Info list with circle backgound
[ultimate_spacer][info_list position=”top” style=”hexagon” icon_border_style=”none” icon_border_size=”1″ border_color=”#333333″ connector_color=”#cda85c” icon_bg_color=”#cda85c” icon_color=”#ffffff” font_size_icon=”24″][info_list_item list_title=”DESIGN QUALITY” icon_type=”selector” list_icon=”Defaults-pencil”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”FLEXIBILITY” icon_type=”selector” list_icon=”Defaults-resize-full”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”UNIQUE” icon_type=”selector” list_icon=”Defaults-hand-up”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”FULL SUPPORT” icon_type=”selector” list_icon=”Defaults-comments”]This is description, you can change it in your manner you want[/info_list_item][/info_list]
Info list with hexagon backgound
[ultimate_spacer height=”30″][info_list position=”top” style=”circle no_bg” icon_border_style=”solid” icon_border_size=”2″ border_color=”#4f4f4f” connector_color=”#4f4f4f” icon_bg_color=”#4f4f4f” icon_color=”#4f4f4f” font_size_icon=”24″][info_list_item list_title=”HIGHLY CUSTOMIZABLE” icon_type=”selector” list_icon=”Defaults-cogs”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”HTML5″ icon_type=”selector” list_icon=”Defaults-html5″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”CSS3″ icon_type=”selector” list_icon=”Defaults-css3″]This is description, you can change it in your manner you want[/info_list_item][/info_list]
This is the example where we have removed the background color and added border style to it.
Icon border with dotted pattern
[info_list position=”top” style=”circle no_bg” icon_border_style=”dotted” icon_border_size=”2″ border_color=”#e5e5e5″ connector_color=”#4f4f4f” icon_bg_color=”#4f4f4f” icon_color=”#ffffff” font_size_icon=”32″][info_list_item list_title=”100% Responsive Design” icon_type=”selector” list_icon=”Defaults-tablet”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”Extensive Documentation” icon_type=”selector” list_icon=”Defaults-file”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”Loaded with Goodies” icon_type=”selector” list_icon=”Defaults-gift”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”Pixel Perfect” icon_type=”selector” list_icon=”Defaults-tint”]This is description, you can change it in your manner you want[/info_list_item][/info_list]
Large icon with broad borders
[info_list position=”top” style=”circle no_bg” icon_border_style=”solid” icon_border_size=”4″ border_color=”#e5e5e5″ connector_color=”#4f4f4f” icon_color=”#ffffff” font_size_icon=”48″ icon_bg_color=”#ffffff”][info_list_item list_title=”VIDEO TUTORIALS” icon_type=”selector” list_icon=”Defaults-desktop”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”QUICK DOWNLOAD” icon_type=”selector” list_icon=”Defaults-cloud-download”]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”EASY TO UNDERSTAND” icon_type=”selector” list_icon=”Defaults-coffee”]This is description, you can change it in your manner you want[/info_list_item][/info_list]
You can use this info list as your team info. including borders.
[info_list position=”top” style=”circle no_bg” icon_border_style=”solid” icon_border_size=”4″ border_color=”#dbdbdb” connector_color=”#4f4f4f” icon_bg_color=”#4f4f4f” icon_color=”#4f4f4f” font_size_icon=”48″][info_list_item list_title=”BUSINESS MANAGER ” icon_type=”custom” list_icon=”Defaults-desktop” icon_img=”9327″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”WEB DEVELOPER” icon_type=”custom” list_icon=”Defaults-cloud-download” icon_img=”9335″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”GRAPHIC DESIGNER” icon_type=”custom” list_icon=”Defaults-coffee” icon_img=”9340″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”PROJECT MANAGER” icon_type=”custom” list_icon=”Defaults-coffee” icon_img=”9351″]This is description, you can change it in your manner you want[/info_list_item][/info_list]
You can also use the image icons in these Info List
[info_list position=”top” style=”square no_bg” icon_border_style=”none” icon_border_size=”0″ border_color=”#4f4f4f” connector_color=”#4f4f4f” icon_bg_color=”#4f4f4f” icon_color=”#4f4f4f” font_size_icon=”32″][info_list_item list_title=”Fine Design” icon_type=”custom” list_icon=”Defaults-microphone” icon_img=”2153″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”Cloud Storage” icon_type=”custom” list_icon=”Defaults-microphone” icon_img=”2152″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”Fast Information” icon_type=”custom” list_icon=”Defaults-microphone” icon_img=”2150″]This is description, you can change it in your manner you want[/info_list_item][info_list_item list_title=”On Time Loading” icon_type=”custom” list_icon=”Defaults-microphone” icon_img=”2151″]This is description, you can change it in your manner you want[/info_list_item][/info_list]