Lists

Lists are a continuous group of text or images. They are composed of items containing primary and supplemental actions, which are represented by icons and text.








Unordered Lists



The default style of unordered lists is filled circle denoted by the class .ulist-style-default. Other styles of unordered lists can be used by giving the class names .ulist-style-square, .ulist-style-circle, .ulist-style-none to the <ul> tag.

  • Item1
  • Item2
  • Item3
  • Item1
  • Item2
  • Item3
  • Item1
  • Item2
  • Item3
  • Item1
  • Item2
  • Item3






Ordered Lists



The default style of ordered lists is decimal numbers denoted by the class .olist-style-default. Other styles of unordered lists can be used by giving the class names .olist-style-alphabets, .olist-style-roman to the <ol> tag.

  1. Item1
  2. Item2
  3. Item3
  1. Item1
  2. Item2
  3. Item3
  1. Item1
  2. Item2
  3. Item3






Stacked Lists



Stacked Lists can be used by giving class name as .stack-list-item to <li> tag and .stack-list to the <ul> tag You can copy the HTML from code snippet below.

  • 20% Off

    Order fast to avail the discount! 2 hours left!!

  • 20% Off

    Order fast to avail the discount! 1 hours left!!

  • 20% Off

    Order fast to avail the discount! 1 hours left!!

  • 20% Off

    Order fast to avail the discount! 30 mins left!!