"Front Line main"
Bootstrap 4.1.1 Snippet by croax

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../../favicon.ico"> <title>Front Line Streaming</title> <!-- Bootstrap core CSS --> <link href="../../css/editor.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="narrow-jumbotron.css" rel="stylesheet"> </head> <body> <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <div class="row" style="border: 1px dashed rgb(66, 133, 244);"><div class="col-sm-4"></div><div class="col-sm-4 col-5"></div><div class="col-sm-4"></div></div><body style="background-color: rgb(71, 71, 71); text-decoration-color: rgb(63, 64, 64); color: rgb(255, 255, 255);"> <div class="container"> <div class="header clearfix"> <nav> <ul class="nav nav-pills float-right"> <li class="nav-item"> </li> <li class="nav-item"> </li> <li class="nav-item"> </li> </ul> </nav> </div> <div class="jumbotron" style="background-color: rgb(71, 71, 71);" data-dashlane-rid="aad83e6d8de81ae4"> <h1 class="display-3" style="float: none; text-align: center;">Front Line<div style="line-height: 86px;">Streaming</div></h1> <p class="lead" style="text-align: center;">Enjoy streaming services online via Plex with on-demand services!</p> <p style="text-align: center;"><a class="btn btn-lg btn-success" href="https://py.pl/1JXu4G" role="button" data-dashlane-rid="2fc4b10b6de46e4c">Media Only $15</a></p> <p style="text-align: center;"><a class="btn btn-lg btn-success" href="https://py.pl/1VYtj4" role="button" data-dashlane-rid="2fc4b10b6de46e4c">Media & On-Demand $20</a></p> <div class="row marketing"> </div> <div class="col-lg-6"> </div><ul class="list-group" style=""> <li class="list-group-item" style="background-color: rgb(71, 71, 71);"><div style="text-align: center;"><h1 style="">Icelandic</h1><span style="font-size: 12px; white-space: nowrap;"><b>80+ Movies</b></span><div><span style="font-size: 12px; white-space: nowrap;"><b>20+ TV Shows<br>300+ Kids Movies & TV Shows<br></b></span></div></div></li> </ul><li class="list-group-item" style="background-color: rgb(71, 71, 71);"><div style="text-align: center;"><h1 style="">English</h1><span style="font-size: 12px; white-space: nowrap;"><b>700+ Movies</b></span><div><span style="font-size: 12px; white-space: nowrap;"><b>100+ TV Shows<br>350+ Kids Movies & TV Shows<br></b></span></div></div></li></div> <!-- /container --> <footer class="footer"> </footer></body> </html>

Related: See More

Paper Bootstrap Wizard
Form - Line
Bootstrap4 Card with Line-Tabs
Bootstrap Line Tabs by KeenThemes

Questions / Comments: