Default Lists

Here are some examples of the default List Styles.

  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  1. Facilisis in pretium nisl aliquet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
{list}
  {listing}List Item{/listing}
  {listing}List Item{/listing}
  {listing}List Item{/listing}
{/list}

Using Icons from Font Awesome

Here are some examples of the default List Styles with Icons from Font Awesome, more then 360 are available.

  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Facilisis in pretium nisl aliquet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
{list type="fa-ul"}
  {listing}{icon name="fa-rocket fa-li"}List Item{/listing}
  {listing}{icon name="fa-rocket fa-li"}List Item{/listing}
  {listing}{icon name="fa-rocket fa-li"}List Item{/listing}
{/list}

Ordered Lists

Here are some examples of the ordered List Styles.

{ol-list type="rounded-list"}
  {listing}<a href="#">List Item</a>{/listing}
  {listing};<a href="#">List Item</a>{/listing}
  {listing};<a href="#">List Item</a>{/listing}
{/ol-list}
{ol-list type="rectangle-list"}
  {listing}<a href="#">List Item</a>{/listing}
  {listing};<a href="#">List Item</a>{/listing}
  {listing};<a href="#">List Item</a>{/listing}
{/ol-list}