<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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="banner-aboutus"> <div class="row"> <div class="banner-aboutus-img" style="background-image: url(https://images.pexels.com/photos/114979/pexels-photo-114979.jpeg?w=940&h=650&auto=compress&cs=tinysrgb);"> <div class="container"> <div class="container text-left"> <h1>Legal and privacy</h1> <div class="breadcrumbs_path"> <a href="#">Home</a>  -   FAQ's </div> </div> </div> </div> </div> </div>

.banner-aboutus-img { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 42px 0 55px; position: relative; width:100%; } .banner-aboutus-img::before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .banner-aboutus h1 { color: #ffffff; font-size: 28px; font-weight: 600; line-height: 40px; position: relative; text-transform: capitalize; } .breadcrumbs_path { color: #fff; margin-top: 8px; position: relative; z-index: 9; } .breadcrumbs_path > a { color: #fff; transition: all 0.3s ease 0s; }