"Background Video 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 ----------> <script src="https://kit.fontawesome.com/f5d05f7ae0.js" crossorigin="anonymous"></script> <section class="home-content"> <div class="container"> {{ render_user }} <hr> <div class="kb-title">Knowledgebase</div> <div class="stv-kb" id="kb"> <div class="documentation-categories row"> <div class="col-md-6 col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/knowledgebase/topics/149632-getting-started"><span class="sr-only">Getting Started</span></a> <i class="documentation-thumbnail fas fa-rocket fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">Getting Started</h4> </div></div> <div class="col-md-6 col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/knowledgebase/topics/149635-my-account"><span class="sr-only">My Account</span></a> <i class="documentation-thumbnail fas fa-user-circle fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">My Account</h4> </div></div> <div class="col-md-6 col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/knowledgebase/topics/150891-watching-sparkk-tv"><span class="sr-only">Watching Sparkk TV</span></a> <i class="documentation-thumbnail fas fa-play-circle fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">Watching Sparkk TV</h4> </div></div> <div class="col-md-6 col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/knowledgebase/topics/150897-apps"><span class="sr-only">Apps</span></a> <i class="documentation-thumbnail fas fa-mobile-alt fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">Apps</h4> </div></div> <div class="col-md-6 col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/knowledgebase/topics/150894-tv"><span class="sr-only">TV</span></a> <i class="documentation-thumbnail fas fa-tv fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">TV</h4> </div></div> <div class="col-md-6 col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/knowledgebase/topics/150903-submissions"><span class="sr-only">Submissions</span></a> <i class="documentation-thumbnail fas fa-cloud-upload-alt fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">Submissions</h4> </div></div></div></div> <div class="community-title">Community</div> <div class="stv-community" id="community"> <div class="documentation-categories row"> <div class="col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/forums/277188-general"><span class="sr-only">General</span></a> <i class="documentation-thumbnail fas fa-comments fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">General</h4> </div></div> <div class="col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/forums/937194-support-issues"><span class="sr-only">Support Issues</span></a> <i class="documentation-thumbnail fas fa-life-ring fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">Support Issues</h4> </div></div> <div class="col-lg-4"> <div class="documentation-category"> <a class="stretched-link" href="/forums/937197-bug-reporting"><span class="sr-only">Bug Reporting</span></a> <i class="documentation-thumbnail fas fa-bug fa-4x"></i> <h4 class="documentation-title mt-5 mb-0">Bug Reporting</h4> </div></div></div></div></div></div></section> <div class="popular-questions pt-3 pb-5"> <div class="container"> <section class="articles"> <h3>SOME POPULAR QUESTIONS</h3> <div class="row"> <div class="col-md-6"> <ol class="uvList uvList-articles uvList-faqs"> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977336-getting-started-with-sparkk-tv">Getting Started With Sparkk TV</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977351-do-i-need-an-account-on-sparkk-tv">Do I Need An Account on Sparkk TV?</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977375-internet-speed-requirements">Internet Speed Requirements</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977381-4k-video-quality">4K Video Quality</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977450-using-airplay">Using AirPlay</a></h2></li> </ol></div> <div class="col-md-6"> <ol class="uvList uvList-articles uvList-faqs"> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977453-using-chromecast">Using Chromecast</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977456-ios-pwa-how-to-install">iOS - PWA: How To Install?</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977477-how-do-i-submit-my-series-to-sparkk-tv">How Do I Submit My Series/Movie To Sparkk TV?</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977357-manage-watchlist">Manage Watchlist</a></h2></li> <li class="uvListItem"><h2 class="uvListItemHeader"><a href="/knowledgebase/articles/1977420-roku-how-to-watch">Roku: How To Watch?</a></h2></li> </ol></div></div></section></div></div> <div class="callout-container"> <div class="container"> <div class="callout-request desktop-only"> <h4>Didn’t find what you’re looking for?</h4> <a href="/contact/" data-uv-trigger="contact" data-uv-position="automatic";">CONTACT OUR TEAM</a> </div></div></div> </main>
body{margin-left:auto;margin-right:auto;} .uv-home-page .uvNavListItem-feedback,.uv-home-page .uvNavListItem-helpdesk,.uv-home-page .uvNavListItem-home,.uv-home-page .uvNavListItem-contactus{display:none!important;} .home-content .documentation-categories .documentation-category{box-shadow:0 3px 5px rgba(0,0,0,.1);background:#e3e3e3;border:1px solid #112c45;color:#187fdd;} .home-content .documentation-categories .documentation-category{position: relative;opacity:.9;border-radius:12px;text-align: center;padding: 3.125rem 1rem;transition: .4s;} .home-content .stretched-link::after {position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto;background-color: transparent;} .home-content .documentation-categories .documentation-title{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:17px;} .home-content .documentation-categories .documentation-category:hover {transform: translateY(-5px);box-shadow:0 4px 7px rgba(0,0,0,.25);} .home-content .stretched-link::after{content:"";} .home-content .tab-content{margin-top:25px;} .home-content .bg-light{background-color: #f8fafd!important;} .home-content .text-primary{color:#187fdd!important;} .home-content .bold{font-weight: 600 !important;} .home-content .lead{font-size: 1.25rem;font-weight: 300;} .home-content .documentation-category{margin-bottom:30px;} .home-content .nav-link{font-weight:700;text-transform:uppercase;font-size:17px;letter-spacing:.5px;} .home-content a.nav-link{color:#212125;} .home-content .nav-link.active{color:#fff!important;} .home-content .nav-pills .nav-link.active,.home-content .nav-pills .show > .nav-link{background-color:#187fdd;box-shadow:0 3px 5px rgba(0,0,0,.1);} .popular-questions .articles{background-color:#868d9b;box-shadow:0 3px 5px rgba(0,0,0,.1);border-radius:12px;padding:35px 50px;} .popular-questions .container h3{text-align:center;margin-bottom:40px;font-weight:700;text-transform:uppercase;font-size:17px;letter-spacing:.5px;} .popular-questions .uvList-articles li a{color:#fff;} .popular-questions .uvList-articles li a:hover{color:#90908f;}

Related: See More


Questions / Comments: