"Untitled"
Bootstrap 4.1.1 Snippet by elaizky

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> <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"> <style>.ssBtnDefault{position:absolute;z-index:100000000;background:none;border:none;outline:none;right:0;cursor:pointer;width:26px;height:26px;margin:0;padding:0;top:8px;right:8px;opacity:.6;pointer-events:all;transition-duration:.25s}.ssBtnDefault:hover{opacity:1 !important;transition-duration:.25s}.ssBtnDefault .fade{transition-duration:5s;opacity:0}.ssBtnYouTube{background:none;border:none;margin-right:10px !important;padding-top:1px !important;width:21px !important}.ssBtnVimeo svg{width:22px}.ssBtnNetflix{background:none;border:none;cursor:pointer;padding:0 0 .6em 0}.ssBtnNetflix>svg{transform:scale(0.5)}.ssBtnNetflix:hover{transform:scale(1.2);transition-duration:.25s}.ssBtnHulu{width:27px;margin-top:4px;margin-right:10px;opacity:.7;cursor:pointer}.ssBtnHulu:hover{opacity:1}.ssBtnAmazon{margin-right:1.5vw;outline:none;cursor:pointer;opacity:.8}.ssBtnAmazon:hover{opacity:1}.ssBtnHBO{width:30px;height:100%;right:70px;top:0px;position:relative;opacity:.7;cursor:pointer}.ssBtnHBO:hover{opacity:1;transform:scale(1.2)}@media(min-width: 1200px){.ssBtnAmazon{width:1.6666666667vw;height:1.6666666667vw}}@media(max-width: 1199px){.ssBtnAmazon{width:20px;height:20px}}body #ssTempHolder{position:fixed;z-index:1000000000000;width:100%;height:100%;top:0;pointer-events:none}body #ssTempHolder video{width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;top:0 !important;left:0 !important;transform:none !important}body .ssElement{z-index:100000000000 !important}body .ssElement.netflix{background-color:#000}body .ssElement.netflix .player-timedtext-text-container{display:none !important;bottom:10% !important}body .ssWrapper{overflow:hidden}body #copiedToClipboard{display:flex;width:100%;height:4rem;justify-content:center;align-items:center;position:fixed;z-index:1000000000;top:-4rem;animation-name:notification;animation-duration:1.5s;animation-iteration-count:1}body #copiedToClipboard::after{content:"Screenshot copied to clipboard!";position:absolute;color:#155724;background-color:#d4edda;border-color:#c3e6cb;z-index:1000000000;padding:.75rem 1.25em;margin-bottom:1em;border:1px solid transparent;border-radius:.25em;font-size:12px;height:fit-content;top:0}@keyframes notification{0%{top:-4rem}25%{top:3rem}85%{top:3rem}100%{top:-4rem}}</style></head> <body> <div class="container"> <div class="header clearfix" style="background-color: rgb(249, 189, 189);"> <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(249, 189, 189);">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#" style="color: rgb(255, 255, 255);">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#" style="color: rgb(250, 252, 255);">Contact</a> </li> </ul> </nav> </div> <div class="jumbotron" style="background-color: rgb(249, 189, 189);"> <h1 class="display-3" style="font-family: "Brush Script MT", sans-serif;">Have a great day!</h1> <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> <p></p> </div> <div class="row marketing"> </div> <footer class="footer"> <p>© Company 2017</p> </footer></div> <!-- /container --> </body> </html>

Related: See More

Coming Sssoon Page

Questions / Comments: