<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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="cabecalho"> <div class="dados"> <div class="company_picture"></div> <div class="contentNome"> <div class="nome">Nome <br>Local</div> </div> </div> <div class="cover col-md-12"> <div class="layer"></div> </div> </div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-8"></div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-8"></div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-4"></div> <div class="jumbotron col-md-8"></div> </div>

.container{ width:1200px; } .cabecalho{ padding:0px; height:379px; width:100%; background:yellow; position:relative; margin-bottom:27px; } .cover { background-color:red; height:308px; width:100%; padding:0px; } .layer{ width:100%; height:114px; background-color:rgba(60,59,59, 0.9); position:absolute; bottom:0px; } .dados{ position:absolute; bottom:0px; z-index:9999; width:100%; border:1px solid orange; } .company_picture{ width:163px; height:163px; background-color:blue; margin-left:27px; float:left; margin-right:24px; } .contentNome{ float:left; background-color:purple; height:92px; position:relative; } .nome{ position:absolute; bottom:0px; background-color:cyan; }