Lists

Colors are the most important aspect in any digital experience for the users.

Overall, with this color palette the feel of the design blended with the action points dictating a visual balance and contrast the structure of the project comes all along. It's important to follow this color palette to preserve the brand identity.

Unordered


We can use unordered list where we do not need to display items in any particular order. The HTML ul tag is used for the unordered list. There can be 4 types of bulleted list:
This is an example of an .u-list
  • Disc
  • Circle
  • Square
  • None
HTML
CSS

Ordered


Typically this type of list is numbered so we are intending to follow the simple version.
This is an example of an .u-list
  1. One
  2. Two
  3. Three
  4. Four
HTML

List Group


This type of list is intended to display key content in various sections of the site. And can be modified to support any content.
This is an example of an unordered .list-group
  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
HTML
CSS

List Group


he items in an inline list are typically separated by a small amount of space and have minimal styling to create a clean, simple look. This type of list presents items that are related to a single category or topic, such as a list of navigation links or metadata for a particular item.
This is an example of an .list-inline
HTML
CSS