0

Awesome App Store Buttons

<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 {
  margin: 10px;
  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;
}
RUN
add comment
Suggest a different solution or add another example