"Untitled"
Bootstrap 4.1.1 Snippet by Firesh0ot

<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> <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>Narrow Jumbotron Template for Bootstrap</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 style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-decoration-color: rgb(255, 0, 0); text-decoration-line: none; font-family: "Palatino Linotype"; height: 1784px; border-style: solid; border-color: rgb(70, 0, 117);"> <div class="container" style="max-width: 1400px;"><div class="container-fluid" style=""></div> <div class="header clearfix"> <nav> <ul class="nav nav-pills float-right"> <li class="nav-item"> <a class="nav-link active" href="#" style="background-color: rgb(255, 255, 255); color: rgb(140, 0, 255);">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#" style="color: rgb(255, 255, 255); background-color: rgb(140, 0, 255);">BMR</a> </li> <li class="nav-item"> <a class="nav-link" href="#" style="color: rgb(140, 0, 255);">Info</a> </li> </ul> </nav> <h3 class="text-muted" style="text-decoration-color: rgb(255, 10, 10); color: rgb(255, 255, 255); text-decoration-line: none;">BMR Streamer Site</h3> </div> <div class="row marketing"> <div class=" col-lg-3"><h4>Porrentry</h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="container-fluid bg-info" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">Kamera 1<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4>Porrentruy</h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="container bg-info" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">Ecke Links<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4><h4 spellcheckker="false" style="font-family: "Palatino Linotype"; color: rgb(0, 0, 0);">Porrentruy</h4></h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="bg-info container-fluid" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">Ecke Rechts<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4><h4 spellcheckker="false" style="font-family: "Palatino Linotype"; color: rgb(0, 0, 0);">Porrentruy</h4></h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="container-fluid bg-info" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">Programm<div><div data-component-video=""><div class="container" style=""></div></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4><h4 spellcheckker="false" style="font-family: "Palatino Linotype"; color: rgb(0, 0, 0);">Porrentruy</h4></h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="container bg-info" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">HT Links<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4><h4 spellcheckker="false" style="font-family: "Palatino Linotype"; color: rgb(0, 0, 0);">Porrentruy</h4></h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="container bg-info" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">HT Rechts<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4><h4 spellcheckker="false" style="font-family: "Palatino Linotype"; color: rgb(0, 0, 0);">Porrentruy</h4></h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="bg-info container-fluid" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">OT Links<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-warning" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div><div class=" col-lg-3"><h4><h4 spellcheckker="false" style="font-family: "Palatino Linotype"; color: rgb(0, 0, 0);">Porrentruy</h4></h4> <div class="container" style=""><div class="container" style=""><div class="m-5"></div></div><div class="m-5" style="width: 200px;"></div></div><div class="container" style=""><div class="m-5"></div></div><div class="container-fluid bg-info" style="border: 1px dashed rgb(140, 0, 244);"><h1 style="">OT Rechts<div data-component-video=""><div class="container" style=""></div></div></h1><div class="container" style=""></div><div class="progress-bar w-25"></div></div><div class="m-5"><div class="container" style=""></div><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></div><div class="m-5"><span class="badge badge-primary" style="float: none;">Primary badge</span></div><hr style=""><div class="container" style=""><div class="m-5"><div class="btn-group" role="group" aria-label="Basic example" style=""><button type="button" class="btn btn-secondary">Select</button><button type="button" class="btn btn-secondary">Start</button> <button type="button" class="btn btn-secondary">Stop</button></div><div class="container" style=""><div class="m-5"><div class="progress" style=""><div class="progress-bar w-25"><br></div></div></div></div></div></div></div> <div class="container-fluid Default" style="border-width: 2px; border-color: rgb(255, 0, 0);" id="5"><div class="container" style=""><div class="m-5"><button type="button" class="btn btn-primary" style=""><b>Start</b></button><div class="container" style=""></div><button type="button" class="btn btn-primary" style=""><b>Stop</b></button></div></div><div class="m-5"><nav aria-label="Page navigation example" style=""> </nav></div></div></div> <div class="container-fluid Default" style="border-width: 2px; border-color: rgb(255, 0, 0);" id="5"><div class="m-5"><nav aria-label="Page navigation example" style=""> <ul class="pagination justify-content-center"> <li class="page-item"><a class="page-link" href="#">Previous</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"></li> <li class="page-item"><a class="page-link" href="#">Next</a></li> </ul> </nav></div></div></div> <footer class="footer"> <p>© Adi Hilber & Oli Bänninger</p> </footer> <div class="container" style=""></div> <!-- /container --> <div class="container" style=""></div></body> </html>

Related: See More


Questions / Comments: