<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div class="Features-section paddingTB60 "> <div class="container"> <div class="row"> <div class="col-md-12 site-heading "> <h3>Transmission Line RFQ's</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p> <div class="border"></div> </div> </div> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-saved"></span> <h4>Saved RFQ's</h4><h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>Sent RFQ's</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-comment"></span> <h4>In Discussion</h4></h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>On Hold</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>Confirm RFQ</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>Drawing</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>Payment</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>Manufacturing</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-3"> <div class="col-md-10 feature-box"> <span class="glyphicon glyphicon-cog icon glyphicon glyphicon-send"></span> <h4>In Transit</h4> <h4>(1)</h4> </div> </div> <!-- End Col --> </div> </div> </div>

/* Site Heading */ .site-heading h3{ font-size : 40px; margin-bottom: 10px; font-weight: 600; } .border { background: #e8e8e8 ; height: 1px; width: 40%; margin-left: auto; margin-right: auto; margin-bottom: 45px; float:left; } /* Feature-CSS */ .icon { color : #fff; padding:15px; background:#323232 ; font-size:50px; border-radius:90px; border:5px solid #fc4a4a; } .feature-box { text-align: center; padding: 20px; transition: .5s; margin-bottom: 30px; border: 5px solid #e8e8e8; } .feature-box:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .feature-box h4 { font-size: 20px; font-weight: 600; margin: 25px 0 15px; }