"App Badges"
Bootstrap 3.3.0 Snippet by sparkktv

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="appbadges"> <li class="app-store web"> <span class="fa fa-laptop fa-2x app-store-icon"></span> <h1><a>Web</a></h1> </li> <li class="app-store ios"> <i class="fa fa-apple fa-2x app-store-icon"></i> <h1><a href="/ios">iOS</a> | <a href="/ios">AirPlay</a></h1> </li> <li class="app-store android"> <i class="fa fa-android fa-2x app-store-icon"></i> <h1><a href="/ios">Android</a></h1> </li> <li class="app-store windows"> <span class="fa fa-windows fa-2x app-store-icon"></span> <h1><a href="/ios">Windows</a></h1> </li> <li class="app-store amazon"> <span class="fa fa-amazon fa-2x app-store-icon"></span> <h1><a href="/ios">Fire Tablet</a> | <a href="/ios">Fire TV</a></h1> </li> <li class="app-store chrome"> <span class="fa fa-chrome fa-2x app-store-icon"></span> <h1><a href="/ios">ChromeOS</a> | <a href="/ios">Chromecast</a></h1> </li> <li class="app-store roku"> <span class="fa fa-television fa-2x app-store-icon"></span> <h1><a href="/ios">Roku</a></h1> </li> </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 a{text-decoration:none;} .appbadges{text-align:center;border-top:solid 1px #cccccc;} .appbadges, .appbadges a{color:#bebebe !important;} .appbadges .web:hover{color:#d9534f!important;} .appbadges .ios:hover{color:#8e8e93!important;} .appbadges .android:hover{color:#a4c639!important;} .appbadges .windows:hover{color:#0078d7!important;} .appbadges .amazon:hover{color:#ff9900!important;} .appbadges .chrome:hover{color:#ea4335!important;} .appbadges .roku:hover{color:#6f1ab1!important;} .appbadges h1 a:hover{font-weight:500;}

Related: See More


Questions / Comments: