"App Banner"
Bootstrap 3.0.0 Snippet by sparkktv

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <div class="appbadges"> <ul class="container"> <li><span class="appbadges-app appbadges-roku"> <span class="sr-only">Roku</span> </span></li> <li><span class="appbadges-app appbadges-appleios"> <span class="sr-only">Apple iOS</span> </span></li> <li><span class="appbadges-app appbadges-googleplay"> <span class="sr-only">Google Play</span> </span></li> <li class="app-store"> <span class="fa fa-windows fa-2x app-store-icon"></span> <h1>Windows</h1> </li> <li><span class="appbadges-app appbadges-chromecast"> <span class="sr-only">Chromecast</span> </span></li> <li class="app-store"> <span class="fa fa-chrome fa-2x app-store-icon"></span> <h1>chromeOS</h1> </li> <li><span class="appbadges-app appbadges-firetv"> <span class="sr-only">Amazon FireTV</span> </span></li> <li><span class="appbadges-app appbadges-kindlefire"> <span class="sr-only">Amazon Kindle Fire</span> </span></li> </ul> </div>
.container{max-width:1600px;} .appbadges {border-top:solid 1px #cccccc;} .appbadges ul {margin-bottom:0;} .appbadges ul {display:flex;flex-wrap:wrap;-moz-box-pack:center;justify-content:center;text-align:center;padding:.45em 1.2em;} .appbadges li {display:inline-block;padding:0 1.8em;margin:.3em 0;} .appbadges .appbadges-app {display:block;height:30px;background-repeat:no-repeat;background-size:auto 60px;background-image:url(https://pureflix.com/assets/sprite-app-badges-9e79eff7d8eafe703ab083d321806ed1.jpg);} .appbadges-roku {width:68px;background-position: 0 0;} .appbadges-appleios {width:62px;background-position:-666px 0;margin-left:-20px;} .appbadges-appletvos {width:52px;background-position:-73px 0;} .appbadges-googleplay {width:132px;background-position:-265px 0;margin-left:-20px;} .appbadges-chromecast {width:154px;background-position:-402px 0;margin-left:-10px;} .appbadges-androidtv {width:57px;background-position:-203px 0;} .appbadges-firetv {width:68px;background-position:-130px 0;} .appbadges-kindlefire {width:100px;background-position:-561px 0;margin-left:-20px;} .app-store{color:#bebebe;padding:0 0 !important;} .app-store-icon{float:left;padding-right:5px;} h1 {float:right;margin-top:5px;font-size:20px;line-height:20px;}

Related: See More


Questions / Comments: