Poi & Pins

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

ICON PINS, CIRCLES AND POIS

[/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 dividers with options to edit icons, text and width size to separate your contents.[/vc_column_text][/vc_column][/vc_row][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=”80″ padding_bottom=”0″ min_height=”0″ border=”bottom” css_animation=”right-to-left”][vc_column width=”1/1″][vc_tabs type=”pills” style=”line” align=”centered”][vc_tab title=”Icon pin” tab_id=”1392075013-1-35″ icon=”menu”][vc_row_inner][vc_column_inner width=”1/1″][kleo_gap size=”80px”][kleo_divider type=”long” position=”center” text=”Some info about App Development”][kleo_gap size=”60px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”685″ alignment=”center” img_link_target=”_self” animation=”animate-when-almost-visible” css_animation=”right-to-left” img_size=”full”][kleo_pin type=”icon” icon=”menu” tooltip_position=”left” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”el-appear” top=”32%” right=”9.5%” tooltip=”tooltip” tooltip_title=”I’m a helpful tooltip attached to an object”][kleo_pin type=”icon” icon=”users-1″ tooltip_position=”left” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”el-appear” top=”42%” right=”9.5%” tooltip=”tooltip” tooltip_title=”I’m a helpful tooltip attached to an object”][kleo_pin type=”icon” icon=”plus-1″ tooltip_position=”left” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”el-appear” top=”52%” right=”9.5%” tooltip=”tooltip” tooltip_title=”I’m a helpful tooltip attached to an object”][kleo_pin type=”icon” icon=”ok” tooltip_position=”left” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”el-appear” top=”62%” right=”9.5%” tooltip=”tooltip” tooltip_title=”I’m a helpful tooltip attached to an object”][/vc_column_inner][vc_column_inner width=”1/2″][kleo_gap size=”20px”][vc_column_text css_animation=”right-to-left”]

FEATURE HIGHLIGHTS FOR YOUR AMAZING APP

[/vc_column_text][kleo_gap size=”1px”][kleo_divider type=”long” position=”center” icon=”star-half-alt”][vc_column_text css_animation=”right-to-left”]
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Proin eget quam id mi ornare scelerisque vitae pretium turpis.
  • Quisque imperdiet diam a magna ullamcorper dignissim sed sit amet metus.
  • Suspendisse ac dolor sagittis, convallis ligula vel, aliquet neque.
[/vc_column_text][kleo_gap size=”10px”][kleo_divider type=”long” position=”center” icon=”star-half-alt”][kleo_gap size=”10px”][kleo_button title=”More about this feature” style=”default” tooltip_position=”left” tooltip_action=”hover”][/vc_column_inner][/vc_row_inner][kleo_gap size=”60px”][/vc_tab][vc_tab title=”Circle pin” tab_id=”1392075013-2-52″ icon=”dot-circled”][vc_row_inner][vc_column_inner width=”1/1″][kleo_gap size=”80px”][kleo_divider type=”long” position=”center” text=”Some info about Interface Design”][kleo_gap size=”40px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/1″ el_class=”vc-relative”][vc_single_image image=”688″ alignment=”center” img_link_target=”_self” animation=”animate-when-almost-visible” css_animation=”bottom-to-top” img_size=”full”][kleo_pin type=”circle” top=”60%” left=”20%” tooltip_position=”top” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”el-appear” tooltip=”tooltip” tooltip_title=”I’m a helpful tooltip attached to a pin”][kleo_pin type=”circle” top=”50%” right=”40%” tooltip=”tooltip” tooltip_position=”top” tooltip_title=”I’m a helpful tooltip attached to a pin” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”el-appear”][kleo_pin type=”circle” top=”70%” right=”20%” tooltip=”tooltip” tooltip_position=”top” tooltip_title=”I’m a helpful tooltip attached to a pin” tooltip_action=”hover” animation=”animate-when-almost-visible” css_animation=”pulsate”][/vc_column_inner][/vc_row_inner][/vc_tab][vc_tab title=”Location pin” tab_id=”1392128034991-2-0″ icon=”location”][vc_row_inner][vc_column_inner width=”1/1″][kleo_gap size=”80px”][kleo_divider type=”long” position=”center” text=”Some info about Products”][kleo_gap size=”40px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/1″][vc_single_image image=”690″ alignment=”center” img_link_target=”_self” animation=”animate-when-almost-visible” css_animation=”bottom-to-top” img_size=”full”][kleo_pin type=”poi” left=”40%” tooltip=”popover” tooltip_position=”top” tooltip_title=”Popover title” tooltip_text=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.” tooltip_action=”hover” animation=”animate-when-visible” css_animation=”bottom-to-top” bottom=”14%”][kleo_pin type=”poi” right=”40%” tooltip=”popover” tooltip_position=”left” tooltip_title=”Popover title” tooltip_text=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.” tooltip_action=”hover” animation=”animate-when-visible” css_animation=”bottom-to-top” bottom=”45%”][/vc_column_inner][/vc_row_inner][/vc_tab][/vc_tabs][/vc_column][/vc_row]

Leave a Reply