"App Badges"
Bootstrap 3.3.0 Snippet by sparkktv

<div class="appbadges"> <a href="/apps"> <li class="app-store web"> <span class="fa fa-laptop fa-2x app-store-icon"></span> <h1>Web</h1> </li> <li class="app-store ios"> <span class="fa fa-apple fa-2x app-store-icon"></span> <h1>iOS</h1> </li> <li class="app-store android"> <span class="fa fa-android fa-2x app-store-icon"></span> <h1>Android</h1> </li> <li class="app-store windows"> <span class="fa fa-windows fa-2x app-store-icon"></span> <h1>Windows</h1> </li> <li class="app-store amazon"> <span class="fa fa-amazon fa-2x app-store-icon"></span> <h1>Amazon</h1> </li> <li class="app-store chrome"> <span class="fa fa-chrome fa-2x app-store-icon"></span> <h1>ChromeOS</h1> </li> <li class="app-store amazon"> <span class="fa fa-amazon fa-2x app-store-icon"></span> <h1>Fire TV</h1> </li> <li class="app-store chrome"> <span class="fa fa-chrome fa-2x app-store-icon"></span> <h1>Chromecast</h1> </li> <li class="app-store roku"> <span class="fa fa-television fa-2x app-store-icon"></span> <h1>Roku</h1> </li></a> </div>
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,100); @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); .app-store{display:inline-flex;padding:0 10px !important;} .app-store-icon{padding:10px 0;padding-right:5px;} .appbadges h1 {margin-top:15px;font-size:20px;line-height:20px;font-weight:100;} .appbadges{text-align:center;border-top:solid 1px #cccccc;} .appbadges a{color:#bebebe !important;} .appbadges .web:hover{color:#d9534f;} .appbadges .ios:hover{color:#8e8e93;} .appbadges .android:hover{color:#a4c639;} .appbadges .windows:hover{color:#0078d7;} .appbadges .amazon:hover{color:#ff9900;} .appbadges .chrome:hover{color:#ea4335;} .appbadges .roku:hover{color:#6f1ab1;}

Questions / Comments:

Related: See More