Bootstrap Snippet Store Icons using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/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="container">
    <div class="row">
        <div class="col-md-6">
        <h2>Store Icons</h2>
        <p class="text-warning"><strong>Note: </strong>Use Related Fonts to get better results</p>
       
        </div>
    </div>
    <div class="row">
        
        <div class="col-md-8">
           <!-- apple store button -->
                <a class="btn btn-lg btn-primary big-btn" href="#">
                <i class="glyphicon glyphicon-phone pull-left"></i><div class="btn-text"><small>Available on the</small><br><strong>App Store</strong></div></a>
            <!-- android button -->
                <a class="btn btn-lg btn-success big-btn android-btn" href="#">
                <img width="80px" class="pull-left" src="http://www.userlogos.org/files/logos/jumpordie/google_play_04.png"><div class="btn-text"><small>Available on</small><br><strong>Google Play</strong></div></a>
            <!-- windows store button -->
                <a class="btn btn-lg btn-success big-btn windows-btn" href="#">
                <img width="60px" class="pull-left" src="http://1.bp.blogspot.com/-rD2_M6Vvv6w/UbmywLq5V8I/AAAAAAAACko/BEcR4QqtkRI/s1600/Windows%2BStore%2BLogo.png"><div class="btn-text">Windows<br>Store</div></a>
                   
            
        </div>
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.big-btn{
padding: 10px 0px 11px 0px;
width: 215px;
margin-top:5px;
}
.big-btn i{
font-size: 65px;
margin-right: 0px !important;
}
.big-btn strong{
font-size: 25px;
text-shadow: 1px 2px 0px #34659B;
color: #fff;
line-height: 24px;
}
.big-btn .btn-text{
margin-top:6px;
}
.big-btn small{font-size: 75%;}
.android-btn{
width: 240px;
padding: 13px 17px 13px 0px;
background-color: #000;
border-color: #000;
}
.android-btn:hover{
background-color: #272727;
}
.android-btn i{
font-size: 55px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Store Icons"
Bootstrap 3.0.3 Snippet by hunzaboy

Related: See More

Questions / Comments:

"Store Icons" Bootstrap 3.0.3 Snippet by hunzaboy

Related: See More

Questions / Comments:

"Store Icons"
Bootstrap 3.0.3 Snippet by hunzaboy