[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 »]

TOOLTIPS & POPOVERS

[/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 & 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= »13075″ 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= »13075″ 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 & 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= »13075″ 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= »13075″ 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]