"Jumbotron"
Bootstrap 3.3.0 Snippet by shahariaazam

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container" <div class="row"><br> <div class="jumbotron"> <h1>Jumbotron</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nunc est, tempus et venenatis id, ornare sed lorem.Curabitur sed ipsum et odio interdum pharetra nec sed libero. Sed velit massa, consectetur in mollis eget, elementum eu diam.</p> <p><a class="btn btn-primary btn-lg">Learn more</a></p> </div> </div> </div>
.jumbotron{ border-radius:0px!important; box-shadow:1px 1px 4px rgba(0,0,0,0.4); background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(https://static.pexels.com/photos/24324/pexels-photo.jpg); position: relative; height: 100%; } .jumbotron .btn{ border-radius:0px!important; box-shadow:1px 1px 4px rgba(0,0,0,0.4); padding:10px 40px; }

Related: See More


Questions / Comments: