"Apps Page - TV Player"
Bootstrap 3.0.0 Snippet by sparkktv

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="//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 ---------->
<div class="row text-center">
<img class="img-responsive apps-header-image" src="//assets.tvplayer.com/web/images/new-theme/apps-header.png"/>
<div class="col-md-10 col-md-offset-1">
<h1>Download the TVPlayer app</h1>
<div class="btn-wrapper text-center">
<p> Available from the Apple App Store, Google Play Store, Amazon Store and Microsoft Store.<p>
<p>TVPlayer is free to download and free to use. Watch over 100 TV channels in one app.<p>
<p> Get a <a href="/plus">TVPlayer Plus</a> subscription to watch 106 premium channels not on Freeview or Freesat.<p>
<a class="btn" href="https://itunes.apple.com/gb/app/tvplayer/id710530377?mt=8"><img class="img-responsive store" src="https://assets.tvplayer.com/web/images/new-theme/appstore-md.png" alt="Download TVPlayer onto your iPhone, iPad or iPod Touch"></a>
<a class="btn" href="https://play.google.com/store/apps/details?id=com.tvplayer&hl=en_GB"><img class="img-responsive store" src="https://assets.tvplayer.com/web/images/new-theme/google-play-md.png" alt="Download TVPlayer onto your Android mobile or tablet"></a>
<a class="btn" href="http://www.amazon.co.uk/TV-Player-TVPlayer/dp/B00G6H6BTA"><img class="img-responsive store" src="https://assets.tvplayer.com/web/images/new-theme/amazon-logo-md.png" alt="Download TVPlayer onto your Amazon Fire or Amazon Fire TV"></a>
<a class="btn" href="https://www.microsoft.com/en-gb/store/p/tvplayer-watch-live-and-catchup-tv/9n20vfs0rh1p"><img class="img-responsive store" src="https://assets.tvplayer.com/web/images/new-theme/microsoft-logo-md.png" alt="Download TVPlayer onto your Windows10 enabled device"></a>
</div>
</div>
</div>
<div class="row underlay bg-grey">
</div>
<div class="row bg-red">
<div class="col-md-12 text-center">
<p class="apps-available">TVPlayer Plus is available on <a href="https://itunes.apple.com/gb/app/tvplayer/id710530377?mt=8" >iOS</a>, <a href="https://play.google.com/store/apps/details?id=com.tvplayer&hl=en_GB" >Android</a>, <a href="https://itunes.apple.com/gb/app/tvplayer/id710530377?mt=8" >AppleTV</a>, <a href="/amazon" >Amazon Fire TV</a>, <a href="/eetv">EE TV</a>, <a href="/windows">Windows 10</a>,<a href="/xboxone"> XBOX One</a>,<a href="#"> Roku</a> and <a target="_blank" href="http://www.humaxdirect.co.uk" >Humax H3</a>.</p>
</div>
</div>
<div class="row content bg-white apps-row">
<div class="col-md-6 text-left text-col">
<img src="https://assets.tvplayer.com/web/images/new-theme/apple-grey-logo-small.png"/>
<h2>TVPlayer on iOS</h2>
<p>Install the app for your iPhone or iPad from the App Store, choose the programme you want from our 100+ channels, and then watch it live or on demand. You can watch on 3G/4G and WiFi.</p>
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
.text-center{text-align:center;}
.row{margin-right:-15px;margin-left:-15px;}
.row::after, .row::before{display: table;content: " ";}
.apps-header-image{margin:70px auto;}
.row h2, h1{color: #111;letter-spacing: -1px;font-weight: 700;}
.btn-wrapper{width:100%;text-align:center;}
p{font-size: 18px;font-weight: 300;}
p{margin: 0 0 10px;}
.btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
a, a:focus, a:hover{color: #ff4246;font-weight: 500;outline: 0;text-decoration: none;}
.store{display: inline-block;width: 155px;margin-right: 10px;margin-bottom: 0;transition: opacity .5s;height: 50px;}
.underlay{height: 490px;margin-top: -448px;}
.bg-grey{background-color: #f1f1f1 !important;}
.bg-red{background-color: #ff4246 !important;}
.bg-white{background-color: #fff !important;}
.apps-available{color: #fff;margin: 20px 0;}
.apps-available a{color:#fff;}
.text-col{padding:50px 50px 50px 90px;}
.row h2{font-size: 40px;margin-bottom: 25px;}
.img-col{overflow:hidden;}
.img-col{height:400px;}
.img-col img{position:absolute;bottom:0;}
.nopadding{padding 0 !important;}
.plus-box{background-color: #ff4246;font-weight: 100;color: #fff !important;padding: 3px 10px;text-transform: uppercase;border-radius: 6px;margin-left: 3px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: