List

<dl>
  <dt>Exclusive style switcher</dt>
  <dd>Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem.Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.</dd>
  <dt>High-resolution on different devices</dt>
  <dd>Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat.</dd>
  <dt>Different home versions</dt>
  <dd>Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristi que tempus lectus, porttitor ac elementum luctus.</dd>
</dl>

Horizontal Definition Lists

<dl class="dl-horizontal">
  <dt>Exclusive style switcher</dt>
  <dd>Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula elei adipiscing. Duis orci.</dd>
  <dt>Organized extension</dt>
  <dd>Donec sollicitudin mi sit amet mauris. Nam elementum quam ullam ante. Etiam aliquet massa et lorem.</dd>
  <dt>Different Home versions</dt>
  <dd>Mauris dapibus lacus auctor risus. Duis aliquam molestie erat.</dd>
  <dt>Customized search box</dt>
  <dd>Nunc ornare adipiscing orci eu consectetur. Ut justo libero,Morbi at mauris eu mauris facilisis sollicitudin.</dd>
  <dt>New user interface</dt>
  <dd>Phasellus consectetur laoreet fringilla. Nulla molestie pulvinar aliquet. Donec non metus enim, Proin vitae tristiqu.</dd>
</dl>

Unordered Lists

<ul>
  <li>Lorem ipsum dolor sit amet ornare adipiscing</li>
  <li>Second item non metus enimvitae tristique pulvinar aliquet</li>
  <li>Sublist vitae metus an vitae sapien</li>
  <li>Third item egestas
    <ul>
      <li>Phasellus vitae metus vitae sapien commodo, vehicula</li>
      <li>Vestibulum ante ipsum primis in faucib</li>
      <li>Proin elit arcu, rutrum commodoullamcorper leo</li>
    </ul>
  </li>
  <li>Donec sollicitudin mi sit amet mauris sed magna</li>
</ul>

Ordered List Style 01

<ol>
  <li>Lorem ipsum dolor sit amet ornare adipiscing</li>
  <li>Second item non metus enimvitae tristique pulvinar aliquet</li>
  <li>Sublist vitae metus an vitae sapien</li>
  <li>Phasellus vitae metus vitae sapien commodo, vehicula</li>
  <li>Vestibulum ante ipsum primis in faucib</li>
  <li>Proin elit arcu, rutrum commodoullamcorper leo</li>
  <li>Third item egestas</li>
  <li>Donec sollicitudin mi sit amet mauris sed magna</li>
</ol>

<ol class="list-ordened">
  <li>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li>Second item non metus enimvitae tristi rabitur</li>
  <li>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li>Phasellus vitae metus vitae sapien ullamcorper</li>
  <li>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li>Proin elit arcu, rutrum commodo tristique tempus</li>
  <li>Third item egestas quis viverra a blandit pede varius.</li>
  <li>Donec sollicitudin mi sit amet mauris sollicitudin mi sit amet</li>
</ol>

Ordered List 02

<ol class="list-ordened2">
  <li>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li>Second item non metus enimvitae tristi rabitur</li>
  <li>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li>Phasellus vitae metus vitae sapien ullamcorper</li>
  <li>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li>Proin elit arcu, rutrum commodo tristique tempus</li>
</ol>

Ordered List 03

<ol class="list-ordened3">
  <li>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li>Second item non metus enimvitae tristi rabitur</li>
  <li>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li>Phasellus vitae metus vitae sapien ullamcorper</li>
  <li>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li>Proin elit arcu, rutrum commodo tristique tempus</li>
</ol>

<ul class="list-ico2 ico-sm">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Size 02

<ul class="list-ico3 ico-sm">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico2">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Size 02

<ul class="list-ico3">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico2 ico-lg">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Size 02

<ul class="list-ico3 ico-lg">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico ico-sm list-border-solid">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List 02

<ul class="list-ico2 ico-sm list-border-solid">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List 03

<ul class="list-ico3 ico-sm list-border-dashed">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico list-border-solid">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Style 02

<ul class="list-ico2 list-border-solid">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Style 03

<ul class="list-ico3 list-border-dashed">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico ico-lg list-border-solid">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Style 02

<ul class="list-ico2 ico-lg list-border-solid">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

Icon List Style 03

<ul class="list-ico3 ico-lg list-border-dashed">
  <li><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico">
  <li><em class="fa fa-check color-accent"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><em class="fa fa-check color-primary"></em>Second item non metus enimvitae tristi rabitur</li>
  <li><em class="fa fa-check color-success"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li><em class="fa fa-check color-info"></em>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li><em class="fa fa-check color-warning"></em>Proin elit arcu, rutrum commodo tristique tempus</li>
  <li><em class="fa fa-check color-danger"></em>Donec sollicitudin mi sit amet mauris sollicitudin mi sit amet</li>
</ul>

Icon List Colors 02

<ul class="list-ico2">
  <li class="color-accent"><em class="fa fa-check"></em>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li class="color-primary"><em class="fa fa-check color-primary border-primary"></em>Second item non metus enimvitae tristi rabitur</li>
  <li class="color-success"><em class="fa fa-check color-success border-success"></em>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li class="color-info"><em class="fa fa-check color-info border-info"></em>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li class="color-warning"><em class="fa fa-check color-warning border-warning"></em>Proin elit arcu, rutrum commodo tristique tempus</li>
  <li class="color-danger"><em class="fa fa-check color-danger border-danger"></em>Donec sollicitudin mi sit amet mauris sollicitudin mi sit amet</li>
</ul>

<ul class="list-inline text-center">
  <li>Home</li>
  <li>Portfolios</li>
  <li>About Us</li>
  <li>Our Products</li>
  <li>Features</li>
  <li>Blog</li>
  <li>Contact Us</li>
</ul>

<ul class="list-ico ico-sm">
  <li><em class="fa fa-check"></em>Unlimited Skins/Styles/Colors</li>
  <li><em class="fa fa-check"></em>Ultra Responsive design</li>
  <li><em class="fa fa-check"></em>Multi-Purpose</li>
</ul>

<ul class="list-ico">
  <li><em class="fa fa-check"></em>470 Font Icons</li>
  <li><em class="fa fa-check"></em>Responsive Full Width Slider Banner</li>
  <li><em class="fa fa-check"></em>Cutting-edge CSS3 Animations</li>
</ul>

<ul class="list-ico ico-lg">
  <li><em class="fa fa-check"></em>4 Menu Options</li>
  <li><em class="fa fa-check"></em>MegaMenu</li>
  <li><em class="fa fa-check"></em>5 Different Menu Styles</li>
</ul>