List style 1

.list1

• Consectetur adipisicing
• Eiusmod tempor incididunt
• Labore et dolore
• Nostrud exercitation

<ul class="list1">
  <li>Consectetur adipisicing</li>
  <li>Eiusmod tempor incididunt</li>
  <li>Labore et dolore</li>
  <li>Nostrud exercitation</li>
</ul>

List style 2

.list2

• Consectetur adipisicing
• Eiusmod tempor incididunt
• Labore et dolore
• Nostrud exercitation

<ul class="list2">
  <li>Consectetur adipisicing</li>
  <li>Eiusmod tempor incididunt</li>
  <li>Labore et dolore</li>
  <li>Nostrud exercitation</li>
</ul>

List style 3

.list3

• Consectetur adipisicing
• Eiusmod tempor incididunt
• Labore et dolore
• Nostrud exercitation

<ul class="list3">
  <li><i class="fa fa-check"></i>Consectetur</li>
  <li><i class="fa fa-check"></i>Eiusmod</li>
  <li><i class="fa fa-check"></i>Labore</li>
  <li><i class="fa fa-check"></i>Nostrud</li>
</ul>

List style 4

.list4

• Consectetur adipisicing
• Eiusmod tempor incididunt
• Labore et dolore
• Nostrud exercitation

<ul class="list4">
  <li><i class="fa fa-check"></i>Consectetur</li>
  <li><i class="fa fa-check"></i>Eiusmod</li>
  <li><i class="fa fa-check"></i>Labore</li>
  <li><i class="fa fa-check"></i>Nostrud</li>
</ul>

List style 5

.list5

1. Consectetur adipisicing
2. Eiusmod tempor incididunt
3. Labore et dolore
4. Nostrud exercitation

<ul class="list5">
  <li>Consectetur adipisicing</li>
  <li>Eiusmod tempor incididunt</li>
  <li>Labore et dolore</li>
  <li>Nostrud exercitation</li>
</ul>

List style 6

.list6

1. Consectetur adipisicing
2. Eiusmod tempor incididunt
3. Labore et dolore
4. Nostrud exercitation

<ul class="list6">
  <li>Consectetur adipisicing</li>
  <li>Eiusmod tempor incididunt</li>
  <li>Labore et dolore</li>
  <li>Nostrud exercitation</li>
</ul>

List With background Icons

icons background color

• .icons-default
• .icons-pink
• .icons-red
• .icons-purple
• .icons-orange
• .icons-blue
• .icons-dark
• .icons-grey
• .icons-light-grey

• Consectetur adipisicing
• Eiusmod tempor incididunt
• Labore et dolore
• Nostrud exercitation

<ul class="no-bullets">
  <li><i class="fa fa-user icons icons-default margin-right-5"></i> Consectetur adipisicing</li>
  <li><i class="fa fa-user icons icons-red margin-right-5 rounded"></i> Eiusmod tempor incididunt</li>
  <li><i class="fa fa-user icons icons-pink margin-right-5 rounded-x2"></i> Labore et dolore</li>
  <li><i class="fa fa-user icons icons-purple margin-right-5 circle"></i> Nostrud exercitation</li>
</ul>

List With color Icons

icons color

• .default
• .pink
• .red
• .purple
• .orange
• .blue
• .dark
• .grey
• .light-grey

• Consectetur adipisicing
• Eiusmod tempor incididunt
• Labore et dolore
• Nostrud exercitation

<ul class="no-bullets">
  <li><i class="fa fa-user default margin-right-5"></i> Consectetur adipisicing</li>
  <li><i class="fa fa-user red margin-right-5 rounded"></i> Eiusmod tempor incididunt</li>
  <li><i class="fa fa-user pink margin-right-5 rounded-x2"></i> Labore et dolore</li>
  <li><i class="fa fa-user purple margin-right-5 circle"></i> Nostrud exercitation</li>
</ul>