Lists

List

  • Lorem ipsum dolor sit elit
  • Lorem ipsum, consectetur adipisicing elit
  • Lorem ipsum, consectetur
    • Lorem ipsum dolor sit amet
    • Lorem consectetur adipisicing elit
    • Lorem ipsum, consectetur
      • Lorem consectetur adipisicing elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum, consectetur adipisicing elit
    • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem consectetur adipisicing elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum, consectetur adipisicing elit
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem consectetur adipisicing elit
    • Lorem ipsum, consectetur
      • Lorem consectetur adipisicing elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum, consectetur adipisicing elit
    • Lorem ipsum dolor sit amet
  • Lorem consectetur adipisicing elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum, consectetur adipisicing elit
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem consectetur adipisicing elit
    • Lorem ipsum, consectetur
      • Lorem consectetur adipisicing elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum, consectetur adipisicing elit
    • Lorem ipsum dolor sit amet
  • Lorem consectetur adipisicing elit

<ul class="list">
<li>Lorem ipsum dolor sit elit</li>
<li>Lorem ipsum, consectetur adipisicing elit</li>
<li>Lorem ipsum, consectetur
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Lorem consectetur adipisicing elit</li>
  <li>Lorem ipsum, consectetur
    <ul>
      <li>Lorem consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li>Lorem ipsum, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem consectetur adipisicing elit</li>
</ul>


<ul class="list angle-double-right">
<li>Lorem ipsum dolor sit elit</li>
<li>Lorem ipsum, consectetur adipisicing elit</li>
<li>Lorem ipsum dolor sit amet
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Lorem consectetur adipisicing elit</li>
  <li>Lorem ipsum, consectetur
    <ul>
      <li>Lorem consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li>Lorem ipsum, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem consectetur adipisicing elit</li>
</ul>


<ul class="list check">
<li>Lorem ipsum dolor sit elit</li>
<li>Lorem ipsum, consectetur adipisicing elit</li>
<li>Lorem ipsum dolor sit amet
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Lorem consectetur adipisicing elit</li>
  <li>Lorem ipsum, consectetur
    <ul>
      <li>Lorem consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li>Lorem ipsum, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem consectetur adipisicing elit</li>
</ul>

list theme-colored

  • Lorem ipsum dolor sit elit
  • Lorem ipsum, consectetur adipisicing elit
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem consectetur adipisicing elit
    • Lorem ipsum, consectetur
      • Lorem consectetur adipisicing elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum, consectetur adipisicing elit
    • Lorem ipsum dolor sit amet
  • Lorem consectetur adipisicing elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum, consectetur adipisicing elit
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem consectetur adipisicing elit
    • Lorem ipsum, consectetur
      • Lorem consectetur adipisicing elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum, consectetur adipisicing elit
    • Lorem ipsum dolor sit amet
  • Lorem consectetur adipisicing elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum, consectetur adipisicing elit
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem consectetur adipisicing elit
    • Lorem ipsum, consectetur
      • Lorem consectetur adipisicing elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum, consectetur adipisicing elit
    • Lorem ipsum dolor sit amet
  • Lorem consectetur adipisicing elit

<ul class="list theme-colored">
<li>Lorem ipsum dolor sit elit</li>
<li>Lorem ipsum, consectetur adipisicing elit</li>
<li>Lorem ipsum dolor sit amet
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Lorem consectetur adipisicing elit</li>
  <li>Lorem ipsum, consectetur
    <ul>
      <li>Lorem consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li>Lorem ipsum, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem consectetur adipisicing elit</li>
</ul>


<ul class="list theme-colored angle-double-right">
<li>Lorem ipsum dolor sit elit</li>
<li>Lorem ipsum, consectetur adipisicing elit</li>
<li>Lorem ipsum dolor sit amet
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Lorem consectetur adipisicing elit</li>
  <li>Lorem ipsum, consectetur
    <ul>
      <li>Lorem consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li>Lorem ipsum, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem consectetur adipisicing elit</li>
</ul>


<ul class="list theme-colored check">
<li>Lorem ipsum dolor sit elit</li>
<li>Lorem ipsum, consectetur adipisicing elit</li>
<li>Lorem ipsum dolor sit amet
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Lorem consectetur adipisicing elit</li>
  <li>Lorem ipsum, consectetur
    <ul>
      <li>Lorem consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li>Lorem ipsum, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem consectetur adipisicing elit</li>
</ul>

List with icons

  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit

<ul class="list-icon">
<li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
<ul>
  <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit
    <ul>
      <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>
</li>
<li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>


<ul class="list-icon square">
<li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
<ul>
  <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
    <ul>
      <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>
</li>
<li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>


<ul class="list-icon rounded">
<li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
<li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
<ul>
  <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit
    <ul>
      <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit</li>
</ul>
</li>
<li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>

List with icons colored

  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
      • Lorem ipsum dolor sit elit
    • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit
  • Lorem ipsum dolor sit elit

<ul class="list-icon theme-colored">
  <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
    <ul>
      <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
        <ul>
          <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
          <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit</li>
          <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
        </ul>
      </li>
      <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>


<ul class="list-icon theme-colored square">
  <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit
    <ul>
      <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit
        <ul>
          <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
          <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
        </ul>
      </li>
      <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>


<ul class="list-icon theme-colored rounded">
  <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-thumbs-o-up"></i>Lorem ipsum dolor sit elit
    <ul>
      <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
      <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit
        <ul>
          <li><i class="fa fa-clock-o"></i>Lorem ipsum dolor sit elit</li>
          <li><i class="fa fa-hand-o-right"></i>Lorem ipsum dolor sit elit</li>
          <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
        </ul>
      </li>
      <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
    </ul>
  </li>
  <li><i class="fa fa-arrow-right"></i>Lorem ipsum dolor sit elit</li>
  <li><i class="fa fa-pencil-square-o"></i>Lorem ipsum dolor sit elit</li>
</ul>