LIST

Lists can be used to display a collection of items in ordered or un-ordered manners.

Ordered List

Below are the different types of ordered list which can be used anywhere in your website where you want to display a collection of items in an ordered manner.

You can check the code below and copy the list component to add it in your web page.

Code Example :
  1. Cars in the list
  2. Bikes in the list
  3. Trains in the list
  1. Cars in the reversed list
  2. Bikes in the reversed list
  3. Trains in the reversed list
  1. Cars in a list with lowercase roman
  2. Bikes in a list with lowercase roman
  3. Trains in a list with lowercase roman
  1. Cars in a list with uppercase roman
  2. Bikes in a list with uppercase roman
  3. Trains in a list with uppercase roman
  1. Cars in a list with lowercase alphabet
  2. Bikes in a list with lowercase alphabet
  3. Trains in a list with lowercase alphabet
  1. Cars in a list uppercase alphabet
  2. Bikes in a list with uppercase alphabet
  3. Trains in a list with uppercase alphabet

Un-Ordered List

Below are the examples of un-ordered list which can be used anywhere in your website where you want to display a collection of items in an un-ordered manner.

You can check the code below and copy the list component to add it in your web page.

Code Example :
  • Cars in an un-ordered list with bullet
  • Buses in an un-ordered list with bullet
  • Trains in an un-ordered list with bullet
  • Cars in an un-ordered list with square
  • Buses in an un-ordered list with square
  • Trains in an un-ordered list with square
  • Cars in an un-ordered list with circle
  • Buses in an un-ordered list with circle
  • Trains in an un-ordered list with circle
  • Cars in an un-ordered list with circle
  • Buses in an un-ordered list with circle
  • Trains in an un-ordered list with circle
  • Cars
  • Buses
  • Trains