<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="page-banner1" style="background-image:url('https://via.placeholder.com/1349x190');"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>Page</h1> <ul class="list-inline add-icon"> <li><a href="#">Home</a></li> <li><a href="#">Page</a></li> </ul> </div> </div> </div> </div>

.page-banner1 { margin-top: 10px; padding-top: 60px; padding-bottom: 60px; background-color: #d6d6d6; } .page-banner1 h1 { margin-bottom: 18px !important; font-size: 34px; color: #fff; } .page-banner1 ul { margin-bottom: 0px; } .page-banner1 ul li a { color: #fff; font-size: 15px; } .page-banner1 .add-icon li:before { font-family: FontAwesome; content: "\f105"; background-size: 10px 20px; display: inline-block; padding-right: 9px; vertical-align: middle; top: -1px; left: -4px; position: relative; color: #fff; } .page-banner1 .add-icon li:first-child:before { display: none; }