Lists

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>
Цветовая схема


Свой цвет
Выбрать цвет
Ширина сайта
Хлебные крошки
Для разработчиков