[vc_row inner_container="yes" text_align="center" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="40" padding_bottom="0" min_height="0" border="none" css_animation="right-to-left"][vc_column width="1/1"][vc_column_text css_animation="right-to-left"]
<h1>TOOLTIPS &amp; POPOVERS</h1>
[/vc_column_text][vc_column_text lead="yes" css_animation="right-to-left"]We hand pick the best services from our extensive design and development toolkit to create amazing tooltips and popovers with great options.[/vc_column_text][/vc_column][/vc_row][vc_row inner_container="yes" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="80" padding_bottom="80" min_height="0" border="none" css_animation="right-to-left" text_align="center"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][kleo_divider type="long" position="center" text="Tooltips attached to buttons"][kleo_gap size="20px"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/4"][kleo_button title="Tooltip on right" style="default" tooltip="tooltip" tooltip_position="right" tooltip_title="Tooltips are great for short infos" tooltip_action="hover"][/vc_column_inner][vc_column_inner width="1/4"][kleo_button title="Tooltip on top" style="default" tooltip="tooltip" tooltip_position="top" tooltip_title="Tooltips are great for short infos" tooltip_action="hover"][/vc_column_inner][vc_column_inner width="1/4"][kleo_button title="Tooltip on hover" style="default" tooltip="tooltip" tooltip_position="bottom" tooltip_title="Tooltips are great for short infos" tooltip_action="hover"][/vc_column_inner][vc_column_inner width="1/4"][kleo_button title="Tooltip on left" style="default" tooltip="tooltip" tooltip_position="left" tooltip_title="Tooltips are great for short infos" tooltip_action="hover"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row inner_container="yes" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="80" padding_bottom="80" min_height="0" border="none" css_animation="right-to-left" text_align="center"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][kleo_divider type="long" position="center" text="Tooltips attached to pins &amp; icons"][kleo_gap size="20px"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/4"][kleo_pin type="circle" icon="doc" tooltip="tooltip" tooltip_position="right" tooltip_title="Tooltips are great for short infos" tooltip_action="hover" css_animation="el-appear" animation="animate-when-almost-visible" top="20px" right="30px"][vc_single_image image="471" img_link_target="_self" css_animation="right-to-left" img_size="full"][/vc_column_inner][vc_column_inner width="1/4"][kleo_pin type="circle" tooltip="tooltip" tooltip_position="top" tooltip_title="Tooltips are great for short infos" tooltip_action="hover" css_animation="pulsate" animation="animate-when-almost-visible" top="20px" right="30px"][vc_single_image image="471" img_link_target="_self" css_animation="right-to-left" img_size="full"][/vc_column_inner][vc_column_inner width="1/4"][kleo_icon icon="folder-empty" tooltip="tooltip" tooltip_position="top" tooltip_title="Tooltips are great for short infos" tooltip_action="hover" icon_size="2x"][vc_column_text css_animation="right-to-left"]Attached to an icon[/vc_column_text][/vc_column_inner][vc_column_inner width="1/4"][kleo_icon icon="doc" icon_size="2x" tooltip="tooltip" tooltip_position="top" tooltip_title="Tooltips are great for short infos" tooltip_action="hover"][vc_column_text css_animation="right-to-left"]Attached to an icon[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row inner_container="yes" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="80" padding_bottom="80" min_height="0" border="none" css_animation="right-to-left" text_align="center"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][kleo_divider type="long" position="center" text="Popovers attached to buttons"][kleo_gap size="20px"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/4"][kleo_button title="Popover on right" style="default" tooltip="popover" tooltip_position="right" tooltip_title="Popovers are great for additional infos" tooltip_action="hover" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."][/vc_column_inner][vc_column_inner width="1/4"][kleo_button title="Popover on top" style="default" tooltip="popover" tooltip_position="top" tooltip_title="Popover title" tooltip_action="hover" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."][/vc_column_inner][vc_column_inner width="1/4"][kleo_button title="Popover on hover" style="default" tooltip="popover" tooltip_position="bottom" tooltip_title="Popover title" tooltip_action="hover" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."][/vc_column_inner][vc_column_inner width="1/4"][kleo_button title="Popover on click" style="default" tooltip="popover" tooltip_position="left" tooltip_title="Popover title" tooltip_action="click" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ut enim ad minim veniam, quis nostrud exercitation ullamco"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row inner_container="yes" section_type="alternate" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="80" padding_bottom="80" min_height="0" border="none" css_animation="right-to-left" text_align="center"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][kleo_divider type="long" position="center" text="Popovers attached to pins &amp; icons"][kleo_gap size="20px"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/4"][kleo_pin type="circle" icon="doc" tooltip="popover" tooltip_position="right" tooltip_title="Popovers are great for additional infos" tooltip_action="hover" css_animation="el-appear" animation="animate-when-almost-visible" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s" top="20px" right="30px"][vc_single_image image="471" img_link_target="_self" css_animation="right-to-left" img_size="full"][/vc_column_inner][vc_column_inner width="1/4"][kleo_pin type="circle" tooltip="popover" tooltip_position="top" tooltip_title="Popover title" tooltip_action="hover" css_animation="pulsate" animation="animate-when-almost-visible" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry" top="20px" right="30px"][vc_single_image image="471" img_link_target="_self" css_animation="right-to-left" img_size="full"][/vc_column_inner][vc_column_inner width="1/4"][kleo_icon icon="folder-empty" icon_size="2x" tooltip="popover" tooltip_position="top" tooltip_title="Popover title" tooltip_action="hover" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry"][vc_column_text css_animation="right-to-left"]Attached to an icon[/vc_column_text][/vc_column_inner][vc_column_inner width="1/4"][kleo_icon icon="doc" icon_size="2x" tooltip="popover" tooltip_position="top" tooltip_title="Popover title" tooltip_action="hover" tooltip_text="Lorem Ipsum is simply dummy text of the printing and typesetting industry"][vc_column_text css_animation="right-to-left"]Attached to an icon[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]