Layout is made so that the first 2 blocks separately and the third separately. How do I understand it makes no sense to write this in a loop? I do not think that 4 blocks will be added (there is no logic). Those. You can simply create custom fields on the page and create them for all 3 blocks. Only it would be nice to separate custom fields than visually. Would you recommend how best to do? 
<section id="modals"> <div class="line clearfix"> <img src="img/catalog.png" alt=""> <div class="col-md-4 "> <div class="item"> <div class="section-head"> Условия доставки </div> <p>Доставка букетов с онлайн-бутика по Киеву и Харькову осуществляется бесплатно. Скорость выполнения доставки - дотрех часов с момента оплаты. Мы принимаем заказы ежедневно с 9:00 до 20:00.</p> <a class="more" href="#" data-toggle="modal" data-target="#delivery-modal">подробнее</a> </div> </div> <div class="col-md-4 col-md-offset-4 "> <div class="item"> <div class="section-head"> Наш бутик </div> <p>Есть на карте места с повышенной концентрацией цветов, красоты, уюта и искусства. Приглашаем вас погрузиться в прекрасный мир бутика Magic Flower Lab.</p> <a class="more" id="to-map" data-toggle="collapse" href="#map" aria-expanded="false" aria-controls="collapseExample">показать на карте</a> </div> </div> </div> <div class="line clearfix last"> <img src="img/contact.png" alt=""> <div class="col-md-4 col-md-offset-4 "> <div class="item"> <div class="section-head"> Напишите или позвоните нам </div> <p>Ежедневно с 09.00 до 20.00</p> <p><a href="tel:+380675064101">+38 (067) 506 41 01</a></p> <p> <a href="tel:+380442324757">+38 (044) 232 47 57</a></p> <p><a href="mailto:zakaz@magicflowerlab.ua">zakaz@magicflowerlab.ua</a></p> <a class="more" href="#" data-toggle="modal" data-target="#contact-modal">отправить заявку</a> </div> </div> </div> </section>