"New App Page"
Bootstrap 3.3.0 Snippet by sparkktv

Post to Facebook Tweet this

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
<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>
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
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;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Material Kit PRO
Elegant Login Page
My Awesome Login Page
Simple & Clean 404 Error Page style

Questions / Comments: