AWESOME FANCY LISTS
We hand pick the best services from our extensive design and development toolkit to create amazing fancy lists with options to edit icons, text and width size to separate your contents.
Fancy list example with icons
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="icons"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
[kleo_list type="icons" icon_color="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
Fancy list example with icons, dividers and shadows
- Lorem ipsum
- Quisque
- Curabitur vitae
- Fusce consectetur
- Duis
- In ac diam ornare
[kleo_list type="icons" inline="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
Fancy list example with icons, dividers and shadows
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="icons" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
[kleo_list type="icons" icon_shadow="yes" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
Standard Fancy list example
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="standard" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="standard" icon_color="yes" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
Fancy list example with large icons
[kleo_list type="icons" icon_large="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
[kleo_list type="icons" icon_large="yes" icon_color="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
Fancy Ordered list example - Latin & Roman
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="ordered" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
[kleo_list type="ordered-roman" icon_color="yes" icon_large="yes" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
Fancy Unstyled list example
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="unstyled"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
- Lorem ipsum dolor sit amet.
- Quisque venenatis leo eget elit pellentesque, ut condimentum diam condimentum orci sed dapibus condimentum, pretium lacus sit amet ante blandit, sit amet tincidunt.
- Curabitur vitae mauris vitae.
- Fusce consectetur elit at volutpat ultrices.
- Duis molestie risus ac iaculis.
- In ac diam ornare, congue risus quis.
[kleo_list type="unstyled" divider="yes"][kleo_list_item icon="angle-right"]Your text here.[/kleo_list_item][/kleo_list]
