ICON LISTS

<!--
	Available icon colors:
		text-success
		text-warning
		text-danger
		text-info
-->
<div class="row">

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="fa fa-check text-success"></i> Available Item 1</li>
			<li><i class="fa fa-check text-success"></i> Available Item 2</li>
			<li><i class="fa fa-check text-success"></i> Available Item 3</li>
			<li><i class="fa fa-check text-success"></i> Available Item 4</li>
			<li><i class="fa fa-check text-success"></i> Available Item 5</li>
		</ul>
	</div>

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="glyphicon glyphicon-remove text-danger"></i> Unavailable Item 1</li>
			<li><i class="glyphicon glyphicon-remove text-danger"></i> Unavailable Item 2</li>
			<li><i class="glyphicon glyphicon-remove text-danger"></i> Unavailable Item 3</li>
			<li><i class="glyphicon glyphicon-remove text-danger"></i> Unavailable Item 4</li>
			<li><i class="glyphicon glyphicon-remove text-danger"></i> Unavailable Item 5</li>
		</ul>
	</div>

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="fa fa-warning text-warning"></i> Warning Item 1</li>
			<li><i class="fa fa-warning text-warning"></i> Warning Item 2</li>
			<li><i class="fa fa-warning text-warning"></i> Warning Item 3</li>
			<li><i class="fa fa-warning text-warning"></i> Warning Item 4</li>
			<li><i class="fa fa-warning text-warning"></i> Warning Item 5</li>
		</ul>
	</div>

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="fa fa-info-circle text-info"></i> Info Item 1</li>
			<li><i class="fa fa-info-circle text-info"></i> Info Item 2</li>
			<li><i class="fa fa-info-circle text-info"></i> Info Item 3</li>
			<li><i class="fa fa-info-circle text-info"></i> Info Item 4</li>
			<li><i class="fa fa-info-circle text-info"></i> Info Item 5</li>
		</ul>
	</div>

</div>

<div class="row">

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="fa fa-check"></i> Available Item 1</li>
			<li><i class="fa fa-check"></i> Available Item 2</li>
			<li><i class="fa fa-check"></i> Available Item 3</li>
			<li><i class="fa fa-check"></i> Available Item 4</li>
			<li><i class="fa fa-check"></i> Available Item 5</li>
		</ul>
	</div>

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="glyphicon glyphicon-remove"></i> Unavailable Item 1</li>
			<li><i class="glyphicon glyphicon-remove"></i> Unavailable Item 2</li>
			<li><i class="glyphicon glyphicon-remove"></i> Unavailable Item 3</li>
			<li><i class="glyphicon glyphicon-remove"></i> Unavailable Item 4</li>
			<li><i class="glyphicon glyphicon-remove"></i> Unavailable Item 5</li>
		</ul>
	</div>

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="fa fa-warning"></i> Warning Item 1</li>
			<li><i class="fa fa-warning"></i> Warning Item 2</li>
			<li><i class="fa fa-warning"></i> Warning Item 3</li>
			<li><i class="fa fa-warning"></i> Warning Item 4</li>
			<li><i class="fa fa-warning"></i> Warning Item 5</li>
		</ul>
	</div>

	<div class="col-md-3">
		<ul class="list-unstyled list-icons">
			<li><i class="fa fa-info-circle"></i> Info Item 1</li>
			<li><i class="fa fa-info-circle"></i> Info Item 2</li>
			<li><i class="fa fa-info-circle"></i> Info Item 3</li>
			<li><i class="fa fa-info-circle"></i> Info Item 4</li>
			<li><i class="fa fa-info-circle"></i> Info Item 5</li>
		</ul>
	</div>

</div>