Scroll to top

Xample – Poi & Pins

ICON PINS, CIRCLES AND POIS

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.

[kleo_gap size=”80px”][kleo_divider type=”long” position=”center” text=”Some info about App Development”][kleo_gap size=”60px”]
[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”]
[kleo_gap size=”20px”]

FEATURE HIGHLIGHTS FOR YOUR AMAZING APP

[kleo_gap size=”1px”][kleo_divider type=”long” position=”center” icon=”star-half-alt”]
  • 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.
[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”]
[kleo_gap size=”60px”]
[kleo_gap size=”80px”][kleo_divider type=”long” position=”center” text=”Some info about Interface Design”][kleo_gap size=”40px”]
[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”]
[kleo_gap size=”80px”][kleo_divider type=”long” position=”center” text=”Some info about Products”][kleo_gap size=”40px”]
[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%”]
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x