[vc_row][vc_column][vc_custom_heading text="Lists Shortcodes" use_theme_fonts="yes" el_class="shorter"][vc_column_text]Check out all the Lists options.[/vc_column_text][vc_separator color="custom" gap="tall" gradient="yes"][vc_custom_heading text="Icons" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons">
	<li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui consectetur tellus ornare vehicula.</li>
	<li><i class="fa fa-cloud-download-alt"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
	<li><i class="fa fa-envelope"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-reverse">
	<li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui consectetur tellus ornare vehicula.</li>
	<li><i class="fa fa-cloud-download-alt"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
	<li><i class="fa fa-envelope"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-2">
	<li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui consectetur tellus ornare vehicula.</li>
	<li><i class="fa fa-cloud-download-alt"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
	<li><i class="fa fa-envelope"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-2 list-icons-reverse">
	<li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui consectetur tellus ornare vehicula.</li>
	<li><i class="fa fa-cloud-download-alt"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
	<li><i class="fa fa-envelope"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-3">
	<li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui consectetur tellus ornare vehicula.</li>
	<li><i class="fa fa-cloud-download-alt"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
	<li><i class="fa fa-envelope"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-3 list-icons-reverse">
	<li><i class="fa fa-check"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui consectetur tellus ornare vehicula.</li>
	<li><i class="fa fa-cloud-download-alt"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
	<li><i class="fa fa-envelope"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall" gradient="yes"][vc_custom_heading text="Sizes" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-sm">
	<li><i class="fa fa-caret-right"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-lg">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-sm list-icons-reverse">
	<li><i class="fa fa-caret-left"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-lg list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-2 list-icons-sm">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-2">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-2 list-icons-lg">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-2 list-icons-sm list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-2 list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-2 list-icons-lg list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-3 list-icons-sm">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-3">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-icons-lg">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]
<ul class="list list-icons list-icons-style-3 list-icons-sm list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-icons-lg list-icons-reverse">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall" gradient="yes"][vc_custom_heading text="Colors" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_column_text]
<ul class="list list-icons list-primary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-secondary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-tertiary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-quaternary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/3"][vc_column_text]
<ul class="list list-icons list-icons-style-3 list-primary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-secondary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-tertiary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-quaternary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/3"][vc_column_text]
<ul class="list list-icons list-icons-style-3 list-primary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-secondary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-tertiary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
<ul class="list list-icons list-icons-style-3 list-quaternary">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_custom_heading text="With Borders" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_column_text]
<ul class="list list-icons list-primary list-borders">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
<ul class="list list-icons list-primary list-side-borders mt-xlg">
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_custom_heading text="Animations" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_column_text]
<ul class="list list-icons list-primary">
	<li class="appear-animation" data-appear-animation-delay="0" data-appear-animation="fadeInUp"><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li class="appear-animation" data-appear-animation-delay="300" data-appear-animation="fadeInUp"><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li class="appear-animation" data-appear-animation-delay="600" data-appear-animation="fadeInUp"><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li class="appear-animation" data-appear-animation-delay="900" data-appear-animation="fadeInUp"><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
	<li class="appear-animation" data-appear-animation-delay="1200" data-appear-animation="fadeInUp"><i class="fa fa-check"></i> Fusce sit amet orci quis arcu vestibulum vestibulum.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall" gradient="yes"][vc_custom_heading text="Ordered" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/4"][vc_column_text]
<ol>
	<li>Lorem ipsum dolor</li>
	<li>Consectetur adipi</li>
	<li>Integer molestie</li>
	<li>Facilisis in pre</li>
	<li>Faucibus porta la</li>
</ol>
[/vc_column_text][/vc_column][vc_column width="1/4"][vc_column_text]
<ol class="list list-ordened">
	<li>Lorem ipsum dolor</li>
	<li>Consectetur adipi</li>
	<li>Integer molestie</li>
	<li>Facilisis in pre</li>
	<li>Faucibus porta la</li>
</ol>
[/vc_column_text][/vc_column][vc_column width="1/4"][vc_column_text]
<ol class="list list-ordened list-ordened-style-2">
	<li>Lorem ipsum</li>
	<li>Consectetur adipi</li>
	<li>Integer molestie</li>
	<li>Facilisis in pre</li>
	<li>Faucibus porta la</li>
</ol>
[/vc_column_text][/vc_column][vc_column width="1/4"][vc_column_text]
<ol class="list list-ordened list-ordened-style-3">
	<li>Lorem ipsum</li>
	<li>Consectetur adipi</li>
	<li>Integer molestie</li>
	<li>Facilisis in pre</li>
	<li>Faucibus porta la</li>
</ol>
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall" gradient="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_custom_heading text="Unordered" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_column_text]
<ul>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit
<ul>
	<li>Phasellus iaculis neque</li>
	<li>Purus sodales ultricies</li>
	<li>Vestibulum laoreet porttitor sem</li>
	<li>Ac tristique libero volutpat at</li>
</ul>
</li>
	<li>Faucibus porta lacus fringilla vel</li>
	<li>Aenean sit amet erat nunc</li>
	<li>Eget porttitor lorem</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/3"][vc_custom_heading text="Unstyled" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_column_text]
<ul class="list-unstyled">
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Faucibus porta lacus fringilla vel</li>
	<li>Aenean sit amet erat nunc</li>
	<li>Eget porttitor lorem</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/3"][vc_custom_heading text="Description" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_column_text]

<dl><dt>Description lists</dt><dd>A description list is perfect for defining terms.</dd><dt>Euismod</dt><dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd><dd>Donec id elit non mi porta gravida at eget metus.</dd><dt>Malesuada porta</dt><dd>Etiam porta sem malesuada magna mollis euismod.</dd></dl>[/vc_column_text][/vc_column][/vc_row]