<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-6 "> <div class="pane1"> <img src="https://pogruzchiki-titan.ru/assets/img/index_sale.png" alt="" class="img-responsive"> <div class="block_title"> Продажа новых китайских погрузчиков <p>От официального диллера компании VMAX</p> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-12 pane2"> Аренда вилочных<br> погрузчиков <p>В наличии дизельные и газ-бензиновые погрузчики грузоподъёмностью от 1,5 до 5 тонн.</p> </div> <div class="col-md-12 pane3"> Ремонт Обслуживание и запчасти <p>Ремонт основных узлов и агрегатоа любых вилочных погрузчиков.</p> </div> </div> </div> </div> </div>

.pane1 { background-image: url(https://soyuz52.ru/images/service_main_box/2.png); height: 400px; background-repeat: no-repeat; background: #a31212; } .pane2 { background-image: url(https://soyuz52.ru/images/service_main_box/2.png); height: 200px; background-repeat: no-repeat; background: #ad2; } .pane3 { background-image: url(https://soyuz52.ru/images/service_main_box/2.png); height: 200px; background-repeat: no-repeat; background: #adf; } .block_title{ position: absolute; bottom: 15%; left: 0; background: #f2f1f2; padding-top: 20px; padding-bottom: 20px; width: 260px; }