Lists & Bullet lists

Inspiration comes of working every day.

Icon List

  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Lorem ipsum dolor sit amet
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Beautiful nature, and rare feathers!
  • Aenean sit amet erat nunc
  • Lorem ipsum dolor sit amet
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Icon List Circle

  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Lorem ipsum dolor sit amet
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Beautiful nature, and rare feathers!
  • Aenean sit amet erat nunc
  • Lorem ipsum dolor sit amet
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

FontAwesome Icon List

  • Heart
  • Heart
  • Heart
  • Heart
  • Heart
  • Globe
  • Globe
  • Globe
  • Globe
  • Globe
  • Paper Plane
  • Paper Plane
  • Paper Plane
  • Paper Plane
  • Paper Plane
  • Trphy Icon
  • Trphy Icon
  • Trphy Icon
  • Trphy Icon
  • Trphy Icon

Icon List Light

  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Lorem ipsum dolor sit amet
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Beautiful nature, and rare feathers!
  • Aenean sit amet erat nunc
  • Lorem ipsum dolor sit amet
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Legend list

  • Apple
  • Samsung
  • Fitbit
  • Google
  • Nike
  • Rebook
  • Instagram
  • Facebook

Unordered

  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • 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

Ordered

  1. Lorem ipsum dolor sit amet
  2. Beautiful nature, and rare feathers!
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Unstyled

  • Lorem ipsum dolor sit amet
  • Beautiful nature, and rare feathers!
  • 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

Horizontal Definition Lists

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Inline

  • Home
  • Products
  • About Us
  • Contact

List Groups

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

Lists group - Active item

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

Links and buttons

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

Flush

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

Contextual classes

  • Dapibus ac facilisis in
  • This is a primary list group item
  • This is a secondary list group item
  • This is a success list group item
  • This is a danger list group item
  • This is a warning list group item
  • This is a info list group item
  • This is a light list group item
  • This is a dark list group item

With badges

  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

Code: Inline

For example, <section> should be wrapped as inline.

Code: Basic Block

<p>Sample text here...</p>

Lists content

List group item heading
3 days ago

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

Donec id elit non mi porta.
List group item heading
3 days ago

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

Donec id elit non mi porta.
List group item heading
3 days ago

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

Donec id elit non mi porta.

List Groups with Contextual States

  • 200 OK: The server successfully processed the request.
  • 100 Continue: The client should continue with its request.
  • 503 Service Unavailable: The server is temporarily unable to handle the request.
  • 400 Bad Request: The request cannot be fulfilled due to bad syntax.