"Test UV Header"
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 ----------> <nav class="navbar navbar-expand-lg navbar-dark gradient-primary position-absolute left-0 right-0 flex-nowrap z-index-3"> <div class="container"> <a class="navbar-brand" href="home-page-1.html"><img src="https://htmlstream.com/preview/docs-ui-kit/assets/img/logo-light.png" alt="Docs UI Kit" style="width: 150px;"></a> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo"> <ul class="navbar-nav mt-2 mt-lg-0 small"> <li class="nav-item mb-2 mb-lg-0"> <a class="nav-link" href="https://www.sparkk.tv">Back to Sparkk TV</a> </li> </ul> <ul class="navbar-nav ml-auto mt-2 mt-lg-0"> <li class="nav-item ml-lg-6 mb-2 mb-lg-0"> <a class="nav-link px-0" href="home-page-1.html">Shows</a> </li> <li class="nav-item ml-lg-6 mb-2 mb-lg-0"> <a class="nav-link px-0" href="home-page-1.html">Movies</a> </li> <li class="nav-item ml-lg-6 mb-2 mb-lg-0"> <a class="nav-link px-0" href="home-page-1.html">Blog</a> </li> <li class="nav-item ml-lg-6 mb-2 mb-lg-0"> <a class="nav-link px-0" href="home-page-1.html">Apps</a> </li> <li class="nav-item ml-lg-6 mb-2 mb-lg-0"> <a href="/contact/" class="nav-link px-0" data-uv-trigger="contact" data-uv-position="automatic";">Contact Us</a> </li></ul></div></div></nav>
body{background:#212125;} .gradient-primary {background-color: transparent;background-image: linear-gradient(to right, #6e1ac9, #107ef4);} .z-index-3 {z-index: 3;} .right-0{right:0;} .left-0{left:0;} .position-absolute {position:absolute!important;} .flex-nowrap {flex-wrap:nowrap!important;} @media(min-width:992px){.navbar-expand-lg .navbar-toggler {display:none!important;}.ml-lg-6{margin-left:2.5rem!important;}} .navbar-brand img {margin-top:-.22rem;}

Related: See More


Questions / Comments: