List styles

[h3]List Styles – Icon Bullets[/h3]

[li class=”circle”] Sample list of class circle[/li] [li class=”mic”] Sample list of class mic[/li] [li class=”bell”] Sample list of class bell[/li] [li class=”bell-alt”] Sample list of class bell-alt[/li] [li class=”calendar”] Sample list of class calendar[/li] [li class=”html5″] Sample list of class html5[/li] [li class=”cloud”] Sample list of class cloud[/li] [li class=”comment”] Sample list of class comment[/li] [li class=”comment-empty”] Sample list of class comment-empty[/li] [li class=”coffee”] Sample list of class coffee[/li] [li class=”check”] Sample list of class check[/li] [li class=”ok”] Sample list of class ok[/li]
[li class=”circle” size=”large”] Sample list of class circle size large[/li] [li class=”mic” size=”large”] Sample list of class mic size large[/li] [li class=”bell” size=”large”] Sample list of class bell size large[/li] [li class=”bell-alt” size=”large”] Sample list of class bell-alt size large[/li] [li class=”calendar” size=”large”] Sample list of class calendar size large[/li] [li class=”html5″ size=”large”] Sample list of class html5 size large[/li] [li class=”cloud” size=”large”] Sample list of class cloud size large[/li] [li class=”comment” size=”large”] Sample list of class comment size large[/li] [li class=”comment-empty” size=”large”] Sample list of class comment-empty size large[/li] [li class=”coffee” size=”large”] Sample list of class coffee size large[/li] [li class=”check” size=”large”] Sample list of class check size large[/li] [li class=”ok” size=”large”] Sample list of class ok size large[/li]
[li class=”phone”] Sample list of class phone[/li] [li class=”globe” color=”red”] Sample list of class globe[/li] [li class=”rss” color=”blue”] Sample list of class rss[/li] [li class=”lightbulb” color=”green”] Sample list of class lightbulb[/li] [li class=”leaf”] Sample list of class leaf[/li] [li class=”star-1″ color=”yellow”] Sample list of class star-1[/li] [li class=”mail-1″ color=”#AD0749″] Sample list of class mail-1[/li] [li class=”flag” color=”#81AD07″] Sample list of class flag[/li] [li class=”flash” color=”#07AD8E”] Sample list of class flash[/li] [li class=”briefcase” color=”#FC942D”] Sample list of class briefcase[/li] [li class=”asterisk” color=”#FC2D93″] Sample list of class asterisk[/li] [li class=”pencil” color=”#4F1716″] Sample list of class pencil[/li]
[li class=”star” size=”large” color=”red”] Sample list of class star size large[/li] [li class=”signal” size=”large” color=”blue”] Sample list of class signal size large[/li] [li class=”music” size=”large” color=”green”] Sample list of class music size large[/li] [li class=”wallet” size=”large” color=”#999999″] Sample list of class wallet size large[/li] [li class=”fire-1″ size=”large” color=”#81AD07″] Sample list of class fire-1 size large[/li] [li class=”twitter” size=”large” color=”#FC942D”] Sample list of class twitter size large[/li] [li class=”medkit” size=”large” color=”#4F1716″] Sample list of class medkit size large[/li] [li class=”info-circled” size=”large” color=”#4F1716″] Sample list of class info-circled size large[/li] [li class=”credit-card” size=”large” color=”#4F1716″] Sample list of class credit-card size large[/li] [li class=”leaf” size=”large” color=”#47355B”] Sample list of class leaf size large[/li] [li class=”home” size=”large” color=”#FF5A5A”] Sample list of class home size large[/li] [li class=”certificate” size=”large” color=”#9D1811″] Sample list of class certificate size large[/li]
Note: You can use all icon available in our icon fonts colection simply using icon name. All available icons you find here.
[toggle title=”Get Code”]
[pre][li class=”home”] Sample list of class home[/li] [li class=”certificate” size=”large”] Sample list of class certificate size large[/li]
[li class=”certificate” size=”large” color=”#9D1811″] Sample list of class certificate size large bullet color #9D1811[/li]
[/pre]
[/toggle]

[divider_top]
[h3]List Styles – Bullets[/h3]

[list class=”bullet-1″][li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [/list]
[list class=”bullet-2″][li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [/list]
[list class=”bullet-3″][li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [/list]
[toggle title=”Get Code”]
[pre]
[list class=”bullet-1″][li] Sample list of class bullet-1[/li]
[li] Sample list of class bullet-1[/li]
[li] Sample list of class bullet-1[/li]
[li] Sample list of class bullet-1[/li] [/list]
[list class=”bullet-2″][li] Sample list of class bullet-2[/li]
[li] Sample list of class bullet-2[/li]
[li] Sample list of class bullet-2[/li]
[li] Sample list of class bullet-2[/li] [/list]
[list class=”bullet-3″][li] Sample list of class bullet-3[/li]
[li] Sample list of class bullet-3[/li]
[li] Sample list of class bullet-3[/li]
[li] Sample list of class bullet-3[/li] [/list]
[/pre]
[/toggle]

[divider_top]
[h3]Ordered lists[/h3]

[ord_list class=”roman”][li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [/ord_list]
[ord_list class=”alpha”][li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [/ord_list]
[toggle title=”Get Code”]
[pre]
[ord_list class=”roman”]
[li] Sample list of class roman[/li]
[li] Sample list of class roman[/li]
[li] Sample list of class roman[/li]
[li] Sample list of class roman[/li]
[/ord_list]
[ord_list class=”alpha”]
[li] Sample list of class alpha[/li]
[li] Sample list of class alpha[/li]
[li] Sample list of class alpha[/li]
[li] Sample list of class alpha[/li]
[/ord_list]
[/pre]
[/toggle]

[divider_top]

[ord_list class=”dec”][li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [/ord_list]
[ord_list class=”decleadingzero”][li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [/ord_list]
[toggle title=”Get Code”]
[pre]
[ord_list class=”dec”]
[li] Sample list of class dec[/li]
[li] Sample list of class dec[/li]
[li] Sample list of class dec[/li]
[li] Sample list of class dec[/li]
[/ord_list]
[ord_list class=”decleadingzero”]
[li] Sample list of class decleadingzero[/li]
[li] Sample list of class decleadingzero[/li]
[li] Sample list of class decleadingzero[/li]
[li] Sample list of class decleadingzero[/li]
[/ord_list]
[/pre]
[/toggle]

[divider_top]

[discnumber color1=”#555″ color2=”#fff” number=”01″]Element class number[/discnumber][discnumber color1=”#213344″ color2=”#fff” number=”02″]Element class number[/discnumber] [discnumber color1=”#13a7d7″ color2=”#fff” number=”03″]Element class number[/discnumber] [discnumber color1=”#ff4e00″ color2=”#fff” number=”04″]Element class number[/discnumber]
[discnumber color1=”#555″ color2=”#fff” number=”1″]Element class number[/discnumber][discnumber color1=”#213344″ color2=”#fff” number=”2″]Element class number[/discnumber] [discnumber color1=”#13a7d7″ color2=”#fff” number=”3″]Element class number[/discnumber] [discnumber color1=”#ff4e00″ color2=”#fff” number=”4″]Element class number[/discnumber]
[discnumber color1=”#888″ color2=”#fff” number=”01″]Element class number[/discnumber][discnumber color1=”#888″ color2=”#fff” number=”02″]Element class number[/discnumber] [discnumber color1=”#888″ color2=”#fff” number=”03″]Element class number[/discnumber] [discnumber color1=”#888″ color2=”#fff” number=”04″]Element class number[/discnumber]
[toggle title=”Get Code”]
[pre]
[discnumber color1=”#555″ color2=”#fff” number=”01″]Element class number[/discnumber]
[discnumber color1=”#213344″ color2=”#fff” number=”02″]Element class number[/discnumber]
[discnumber color1=”#13a7d7″ color2=”#fff” number=”03″]Element class number[/discnumber]
[discnumber color1=”#ff4e00″ color2=”#fff” number=”04″]Element class number[/discnumber]
[/pre]
[/toggle]

[divider_top]

[bignumber number=”1″]Element bignumber[/bignumber] [bignumber color1=”#13a7d7″ color2=”#fff” number=”2″]Element bignumber class[/bignumber] [bignumber color1=”#ff4e00″ color2=”#fff” number=”3″]Element bignumber class[/bignumber] [bignumber color1=”#d7d7d7″ color2=”#555″ number=”4″]Element bignumber class[/bignumber]
[bignumber number=”A”]Element bignumber[/bignumber] [bignumber color1=”#13a7d7″ color2=”#fff” number=”B”]Element bignumber class[/bignumber] [bignumber color1=”#ff4e00″ color2=”#fff” number=”C”]Element bignumber class[/bignumber] [bignumber color1=”#d7d7d7″ color2=”#555″ number=”D”]Element bignumber class[/bignumber]
[toggle title=”Get Code”]
[pre]
[bignumber number=”1″]Element bignumber[/bignumber]
[bignumber color1=”#13a7d7″ color2=”#fff” number=”2″]Element bignumber class[/bignumber]
[bignumber color1=”#ff4e00″ color2=”#fff” number=”3″]Element bignumber class[/bignumber]
[bignumber color1=”#d7d7d7″ color2=”#555″ number=”4″]Element bignumber class[/bignumber]
[/pre]
[/toggle]

[divider_top]