<div class="hp-section">
<div class="hp-sub-tit">
<h4><span>Галерея</span> номера</h4>
<p>Задача организации, в особенности же реализация намеченных плановых заданий представляет собой интересный эксперимент проверки новых предложений.</p>
</div>
<div class="">
<div class="h-gal">
<ul>
<li>
<div class="material-placeholder">
<div class="page-wrapper">
<a href="#modal_1" class="btn trigger" ><img class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/3.jpg" alt=""></a>
</div>
</div>
</li>
<li>
<div class="material-placeholder">
<div class="page-wrapper">
<a class="btn trigger" href="#modal_2"><img class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/2.jpg" alt=""></a>
</div>
</div>
</li>
<li>
<div class="material-placeholder">
<div class="page-wrapper">
<a class="btn trigger" href="#modal_3"><img class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/3.jpg" alt=""></a>
</div>
</div>
</li>
<li>
<div class="material-placeholder">
<div class="page-wrapper">
<a class="btn trigger" href="#modal_4"><img class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/3.jpg" alt=""></a>
</div>
</div>
</li>
<li>
<div class="material-placeholder">
<div class="page-wrapper">
<a class="btn trigger" href="#modal_5"><img class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/3.jpg" alt=""></a>
</div>
</div>
</li>
<li>
<div class="material-placeholder">
<div class="page-wrapper">
<a class="btn trigger" href="#modal_6"><img class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/3.jpg" alt=""></a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- Модальное окно -->
<div id="modal_1" class="modal-wrapper">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="#">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="content">
<div class="good-job">
<img style="width: 100%;" class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/3.jpg" alt="">
</div>
</div>
</div>
</div>
<div id="modal_2" class="modal-wrapper">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="#">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="content">
<div class="good-job">
<img style="width: 100%;" class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/2.jpg" alt="">
</div>
</div>
</div>
</div>
<div id="modal_3" class="modal-wrapper">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="#">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="content">
<div class="good-job">
<img style="width: 100%;" class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/2.jpg" alt="">
</div>
</div>
</div>
</div>
<div id="modal_4" class="modal-wrapper">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="#">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="content">
<div class="good-job">
<img style="width: 100%;" class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/2.jpg" alt="">
</div>
</div>
</div>
</div>
<div id="modal_5" class="modal-wrapper">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="#">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="content">
<div class="good-job">
<img style="width: 100%;" class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/2.jpg" alt="">
</div>
</div>
</div>
</div>
<div id="modal_6" class="modal-wrapper">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="#">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="content">
<div class="good-job">
<img style="width: 100%;" class="materialboxed initialized" data-caption="Hotel Captions" src="http://lena204b.beget.tech/wp-content/uploads/2018/07/2.jpg" alt="">
</div>
</div>
</div>
</div>
Простой
