"New App Page"
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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section id="main" class="clearfix"> <div id="page-container" class="sptv-c-1"> <div id="thewb-content-wrap"> <div class="gen-the-content"> <header id="main-header"><div id="sparkk-logo"><img alt="Sparkk TV" src="/images/logo.png"></div><div id="app-header"><h1>Now Available Everywhere</h1><span>Login Optional for Favorites. No Subscriptions. Just FREE.</span></div></header> <section id="apps-visual"> <div id="tv-img"><img src="/images/icons/assets/devices/apps-header.png"></div> </section> <section id="apps-on-tv" class="text-desc"> <h1>On Your Television <span><a href="https://help.sparkktv.com/" data-detail="TV" target="_blank">More on FAQ</a></span></h1> <ul> <li>Roku <span><a href="https://channelstore.roku.com/details/133219/sparkk-tv-weekly-t-10" target="_blank">Weekly T-10</a></span></li> <li>Chromecast <span><a class="nosupport">Coming Soon</a></span></li> <li>AirPlay <span><a href="https://itunes.apple.com/us/app/sparkk-tv-webseries-network/id1244490995?ls=1&mt=8" target="_blank">Available on iOS App</a></span></li> <li>Apple TV <span><a class="nosupport">Not Available At This Time</a></span></li> <li>Xbox One <span><a href="https://www.microsoft.com/en-us/store/p/sparkk-tv-official-app/9nblggh4wdst" target="_blank">Learn More at Microsoft</a></span></li> <li>Amazon Fire TV <span><a href="https://www.amazon.com/VBCtv-Sparkk-TV-Weekly-T-10/dp/B01N333UWB" target="_blank">Learn More at Amazon</a><br><a class="nosupport">Full Version Coming Soon</a></a></span></li> </ul> </section> <section id="apps-on-pc" class="text-desc"> <h1>On Your Computer <span><a href="https://help.sparkktv.com/" data-detail="TV" target="_blank">More on FAQ</a></span></h1> <ul> <li>macOS <span><a class="browsers">• Safari<br>• Firefox<br>• Chrome</a></span></li> <li>Windows 10 <span><a class="browsers">• Edge<br>• Firefox<br>• Chrome<br>• App* (See Mobile Device Section)</a></span></li> <li>Windows 7/8 <span><a class="browsers">• Internet Explorer<br>• Firefox<br>• Chrome<br>• Sparkk TV ON! App (Windows 8 ONLY)</a></span></li> <li>Chrome OS <span><a class="browsers">• Chrome<br>• Chrome OS App<br>• Play Store App* (See Mobile Device Section)</a></span></li> </ul> </section> <section id="apps-on-mobile" class="text-desc mobileapp"> <h1>On Your Mobile Device <span><a href="https://help.sparkktv.com/" data-detail="Mobile" target="_blank">More on FAQ</a></span></h1> <ul> <li>iPad<br>iPhone<span><a href="https://itunes.apple.com/us/app/sparkk-tv-webseries-network/id1244490995?ls=1&mt=8" target="_blank">Learn More at Apple</a></span> <a href="https://itunes.apple.com/us/app/sparkk-tv-webseries-network/id1244490995?ls=1&mt=8" target="_blank"><img src="/images/icons/assets/appstore-md.png"><span style="display:none">Learn More at Apple</span></a></li> <li>Android<span class="tmstyle">™</span><span><a href="https://play.google.com/store/apps/details?id=com.sparkk.tv&hl=en_GB" target="_blank">Learn More at Google</a></span> <a href="https://play.google.com/store/apps/details?id=com.sparkk.tv&hl=en_GB" target="_blank"><img src="/images/icons/assets/google-play-md.png"><span style="display:none">Learn More at Google</span></a></li> <li>Amazon Fire <span><a href="http://www.amazon.com/VBCtv-Sparkk-TV/dp/B00NMWWJ9S/" target="_blank">Learn More at Amazon</a></span> <a href="http://www.amazon.com/VBCtv-Sparkk-TV/dp/B00NMWWJ9S/" target="_blank"><img src="/images/icons/assets/amazon-logo-md.png"><span style="display:none">Learn More at Amazon</span></a></li> <li>Windows <span><a href="https://www.microsoft.com/en-us/store/p/sparkk-tv-official-app/9nblggh4wdst" target="_blank">Learn More at Microsoft</a></span> <a href="https://www.microsoft.com/en-us/store/p/sparkk-tv-official-app/9nblggh4wdst" target="_blank"><img src="/images/icons/assets/microsoft-logo-md.png"><span style="display:none">Learn More at Microsoft</span></a></li> </ul> <div id="footnotes"> <span class="note">iPad, iPhone and iPod are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc.</span> <span class="note">Apple TV is a registered trademark of Apple, Inc. All rights reserved.</span> <span class="note">Android is a trademark of Google Inc.</span> <span class="note">Roku is a registered trademark of Roku, Inc. All rights reserved.</span> </div> </section> </div> <div style="clear: both;"></div> </div> </div> </section>
section#main {border-top:1px solid #3d3d3d;background-color:#252525;height:auto;} .sptv-c-1 {display: block;width:1280px;margin:0 auto;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;} header, section {width:auto;font-size:20px;font-weight:100;font-style:normal;} header {background-color:#262626;position:relative;} header #sparkk-logo {width:200px;display:inline-block;vertical-align:middle;} header #sparkk-logo img{width:220px;height:auto;} header#main-header {text-align:center;margin:40px auto;} img {border:0;} header #app-header {width:auto;color:#fbfbfd;display:inline-block;text-align:left;vertical-align:middle;margin-left:30px;} header #app-header h1 {margin:0;padding:0;font-size:55px;letter-spacing:1px;} header #app-header span {font-size:23px;letter-spacing:1px;} section#apps-visual {padding-bottom: 0px!important;} section#apps-visual, section #apps-on-tv, section #apps-on-mobile, section #apps-on-pc {background-color:#e9e9e9;padding:3%;} section #tv-img {width: 100%;text-align: center;margin: 30px auto 0px;} section #tv-img img {width: 100%;max-width: 1082px;} section #apps-on-tv {padding: 1px 3% 0px 3%;} section #apps-on-pc {padding: 1px 3% 0px 3%;} section.text-desc h1 {text-transform: uppercase;border-bottom: solid 1px #d9534f;padding-bottom: 20px;} section.text-desc h1 span {text-transform: none;font-size: 18px;display: inline-block;margin-left: 25px;} section.text-desc a {color: #d9534f;text-decoration: none;} section.text-desc ul {margin: 0;padding: 0;} section.text-desc ul li {display: inline-block;width: 24%;vertical-align: top;margin: 40px 0px;font-size: 27px;} section .mobileapp ul li {vertical-align:bottom!important;} section.text-desc ul li {margin: 15px 0px!important;} section.text-desc ul li span {display: block;width: 100%;font-size: 16px;margin: 10px 0px;} ul {list-style: none;list-style-image: none;} .tmstyle {font-size: 12px !important;display: inline !important;line-height: 23px !important;vertical-align: top !important;} #footnotes {margin-top: 20px;} #footnotes .note {display: block;font-size: 12px;font-style: italic;margin-bottom: 5px;} .nosupport{color:#2d2d32!important;} .browsers{color:#325d88!important;}

Related: See More


Questions / Comments: