<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
<div class="row m-b-80">
<div class="col-md-4 col-sm-5">
<ul id="services-list" class="list-unstyled">
<li>
<i class="fa fa-bolt"></i>
<h3 class="text-primary">Threats</h3>
<p class="text-muted m-b-30">what are the clients or suppliers
that are likely to disappoint?</p>
</li>
<li>
<i class="fa fa-check"></i>
<h3 class="text-primary">Opportunities</h3>
<p class="text-muted m-b-30">what markets are more likely to be
source of future growth?</p>
</li>
<li>
<i class="fa fa-comments-o"></i>
<h3 class="text-primary">Investment decisions</h3>
<p class="text-muted m-b-30">should I invest now or should I wait
for better times?</p>
</li>
<li>
<i class="fa fa-users"></i>
<h3 class="text-primary">Concerns of peers</h3>
<p class="text-muted m-b-30">what are my peers
worried about?</p>
</li>
<li>
<i class="fa fa-thumb-tack"></i>
<h3 class="text-primary">Tracing impacts</h3>
<p class="text-muted m-b-30">how does an issue or event
impact my work?</p>
</li>
</ul>
</div>
<div class="col-md-7 col-md-offset-1 col-sm-7 text-center">
</div>
</div>
