"Apps Page Test"
Bootstrap 4.1.1 Snippet by sparkktv

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <div class="apps mt-5"> <div class="container"> <div class="apps-title text-center">Watch Sparkk TV<br>Anywhere, Anytime, On-Demand</div> <div class="apps-devices"> <div class="devices-title text-center">Mobile Devices</div> <div class="devices row d-flex justify-content-center"> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">PWA Installed Through Safari</div></div> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Phones & Tablets running Android 5+</div></div> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Tablets running Fire OS 5+</div></div> </div></div> <div class="apps-devices mt-5 pt-5"> <div class="devices-title text-center">Streaming Media Players</div> <div class="devices row d-flex justify-content-center"> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Chomecast Available, See Help For More Information</div></div> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">AirPlay Available, See Help For More Information</div></div> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Smart TV's Available, See Help For More Information</div></div> </div></div> <div class="apps-devices mt-5 pt-5"> <div class="devices-title text-center">Computers</div> <div class="devices row d-flex justify-content-center"> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Windows 10/11 in Microsoft Store</div></div> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Via Google Play Store</div></div> <div class="appsicon col-md-4 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Online/Web via Up To Date Browser</div></div> </div></div> <div class="apps-devices mt-5 pt-5"> <div class="devices-title text-center">Other</div> <div class="devices row d-flex justify-content-center"> <div class="appsicon col-md-6 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Weekly T-10 Skill</div></div> <div class="appsicon col-md-6 mb-3"><img class="img-fluid" src="https://via.placeholder.com/350x150"><div class="devicestext text-center">Samsung Phones/Tablets ONLY</div></div> </div></div> <div class="apps-subtitle text-center my-5">For help on how to use or install these apps on any device listed above, please visit our <a class="fw-bold" href="https://help.sparkk.tv">Help Center</a> and go to the Apps or TV section. If you still need help, please feel free to <a class="fw-bold" href="/contact-us">Contact Us</a> anytime.</div> </div></div>
body{background-color:#212125;color:#fff;} a{color:#fff;} .devicestext{font-size:12px;color:#d3d3d3;font-weight:300;} .apps-title{font-size:35px;font-weight:800;margin-bottom:35px;line-height:1.2;} .apps-devices,.devices{margin:15px 0;} .devices-title{font-size:18px;font-weight:500;border-bottom:1px solid #2d2d32;padding-bottom:5px;} .appsicon img{display:block;width:auto;max-height:75px;margin-left:auto;margin-right:auto;padding:15px;} .fw-bold{font-weight:800;}

Related: See More


Questions / Comments: