<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> <div class="container"> <div class="row"> <div class="line hidden-xs"></div> <div class="col-sm-12 text-center"> <div class="col-sm-4"> <span class="fa fa-sign-in"></span> <h4>Sign up</h4> <p>Sign up for a CM account</p> </div> <div class="col-sm-4"> <span class="fa fa-cloud-download"></span> <h4>Download</h4> <p>Download the Notifire App</p> </div> <div class="col-sm-4"> <span class="fa fa-paper-plane"></span> <h4>Send Message</h3> <p> Send a Hybrid Message from the "Send Message" App</p> </div> </div> </div> </div>

.glyphicon, .fa { border-radius:50%; border: 2px #ddd solid; padding:20px; font-size:24px!important; background-color:#fff; color:#999; } .glyphicon:hover, .fa:hover { border-radius:50%; color:#fff; background-color:#ddd; } .line { max-width:55%; min-height:2px; background-color: #ddd; margin-top:70px; margin-bottom:-35px; margin-left:auto; margin-right:auto; }