[windmix]

<?php session_start();
//Подключение к БД
// include('../include_connect.php');
require_once( implode( DIRECTORY_SEPARATOR, [ '..', 'include_pdo_connect.php' ] ) );//Навигационное меню
include('include_menu.php');
//Начало времени загрузки документа
?>
<div id="filters">
</div>
</div>
</div>
<div id='main-page-wrap'>
<?php
include('include_top-line.php');
?>    
	<div class='content'>
		<div class='container-fluid'>
			<div class='row'>
            	<div class='col-md-4 col-sm-12'>
              		<h1>Справка</h1>
            	</div>
			</div>
			<div class="row">
            	<div class="col-sm-12">
              		<div class="tab-content">

					

<a href="#" class="thumbnaill">
<center>
<img src="../img/help/metering_help_img/Measurements/3.png" alt="Замеры" class="img-thumbnail" style="width:20%;">
</center>
</a>
<blockquote>Описание</blockquote>


										
              				</div>
            			</div>
          			</div>
        		</div>
      		</div>
		</div>
<script>
// После загрузки DOM-дерева (страницы)
$(function() {     
  //при нажатии на ссылку, содержащую Thumbnail
  $('a.thumbnaill').click(function(e) {
    //отменить стандартное действие браузера
    e.preventDefault();
    //присвоить атрибуту scr элемента img модального окна
    //значение атрибута scr изображения, которое обёрнуто
    //вокруг элемента a, на который нажал пользователь
    $('#image-modal .modal-body img').attr('src', $(this).find('img').attr('src'));
    //открыть модальное окно
    $("#image-modal").modal('show');
  });
  //при нажатию на изображение внутри модального окна 
  //закрыть его (модальное окно)
  $('#image-modal .modal-body img').on('click', function() {
    $("#image-modal").modal('hide')
  });
});
</script>
	</body>
</html>

Вот код рабочей страницы. Модальное окно подтягивается include('include_menu.php');