List Group

  1. UI Kit
  2. List Group

Active List item

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

List item with avatar

  • img
    Cras justo odio
  • D
    Dapibus ac facilisis in
  • img
    Morbi leo risus
  • img
    Porta ac consectetur ac
  • V
    Vestibulum at eros

List item with Links

Flush List item

  • WI-FI
  • Bluetooth
  • Location
  • Hotspot
  • Do Not Disturb

Disabled List item

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

Sub Headings

  1. List Group Item Heading

    Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

    14
  2. List Group Item Heading

    Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

    14
  3. List Group Item Heading

    Donec id elit non mi porta gravida at eget metus.

    14

Contextual classes

  • A simple default list group item
  • A simple primary list group item
  • A simple secondary list group item
  • A simple success list group item
  • A simple warning list group item
  • A simple info list group item
  • A simple light list group item
  • A simple dark list group item

Contextual classes with hover

Choose Your Product

Choose Your Payment Option

Timeline

  • Nile Robetz mentioned a jogh in post

    Uploaded a new post View Details
    11:17 am

  • Always look on the bright side of life

    Look at the Life View Details
    08:19 am

  • Peace on earth a wonderful widh but no way

    Wonderful earth gives a peace View Details
    10:43 am

  • A brief history of creation

    Create your own history View Details
    07:27 pm

Order list

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

Unorder list

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

Horizontal list

  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item

List Group With Custom content

List Group With Disabled Custom content

Checkboxes List Style

List Scroll

  • img

    Morbi leo risus

    Classic marinara sauce, authentic
    Online
  • D

    Dapibus ac facilisis in

    Classic marinara sauce, authentic
    Offline
  • img

    Morbi leo risus

    Classic marinara sauce, authentic
    Offline
  • img

    Porta ac consectetur ac

    Classic marinara sauce, authentic
    Online
  • V

    Vestibulum at eros

    Classic marinara sauce, authentic
    Online
  • img

    Cras justo odio

    Classic marinara sauce, authentic
    Offline
  • D

    Dapibus ac facilisis in

    Classic marinara sauce, authentic
    Online
  • img

    Morbi leo risus

    Classic marinara sauce, authentic
    Online
  • img

    Porta ac consectetur ac

    Classic marinara sauce, authentic
    Offline
  • V

    Vestibulum at eros

    Classic marinara sauce, authentic
    Online

Paragraph with Order List

There are many variations of passages of Lorem Ipsum available, but the majority have suffered by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, (injected humour and the like).

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

Lorem Ipsum, you need to as necessary All the Lorem Ipsum generators on the Internet tend to repeat Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Unorder List Style

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Order list

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
    3. Vestibulum laoreet porttitor sem
    4. Ac tristique libero volutpat at
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem