<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row text-center"> <h2>Awesome App Store Buttons</h2> <br/> <p> <a href="#" class="btn btn-store"> <span class="fa fa-apple fa-3x pull-left"></span> <span class="btn-label">Download on the</span> <span class="btn-caption">App Store</span> </a> <a href="#" class="btn btn-store"> <span class="fa fa-android fa-3x pull-left"></span> <span class="btn-label">Download on the</span> <span class="btn-caption">Google Play</span> </a> <a href="#" class="btn btn-store"> <span class="fa fa-windows fa-3x pull-left"></span> <span class="btn-label">Download on the</span> <span class="btn-caption">Windows Store</span> </a> <a href="#" class="btn btn-store"> <span class="fa fa-amazon fa-3x pull-left"></span> <span class="btn-label">Download on the</span> <span class="btn-caption">Amazon Store</span> </a> </p> </div> </div>

.btn-store { color: #777777; min-width: 254px; padding: 12px 20px !important; border-color: #dddddd !important; } .btn-store:focus, .btn-store:hover { color: #ffffff !important; background-color: #168eea; border-color: #168eea !important; } .btn-store .btn-label, .btn-store .btn-caption { display: block; text-align: left; line-height: 1; } .btn-store .btn-caption { font-size: 24px; }