<!DOCTYPE html>
<html>
<head>
<title>Модальное окно DEMO</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Демо урок: Модальное окно">
<meta name="keywords" content="modal windows jquery, demo">
<meta name="author" content="WH-DB.COM">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Демо урок: Модальное окно на Jquery </h1>
<div class="btn_group">
<a href="#" onclick="bopen();"><span class="btn_close border_radius_class">Вызвать модальное окно</span></a> <br>
<a href="http://ru.wh-db.com/article/all"><span class="btn_close border_radius_class">Вернуться в урок</span></a>
</div>
<div id="popup_vk" style="display: none;">
<div class="popup_vk border_radius_class">
<div>
<h3>Вступите в нашу группу!<h3>
</div>
<div id="vk_groups_popup"></div>
<a href="#" onclick="bclose();">
<span class="btn_close border_radius_class">
закрыть
</span>
</a>
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/libs/jquery.bpopup.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" src="http://vk.com/js/api/openapi.js"></script>
</html>