<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>
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="fa-ul lead">
<li><i class="fa-li fa fa-check"></i>200,000+ Impressions per month.</li>
<li><i class="fa-li fa fa-check"></i>100,000+ Social Media followers around the world</li>
</ul>
</div>
</div>
<i class="fa fa-info-circle text-primary" role="button" data-toggle="modal" data-target="#myModal"></i>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Social Media Netwoks</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 paddingleft20">
<div class="col-md-4">CASTCALLER PAGE</div>
<div class="col-md-6">
<div class="fb-like" data-href="https://facebook.com/mycastcaller" data-layout="standard"
data-action="like" data-show-faces="false" data-share="false">
</div>
</div>
</div>
</div>
