Untitled

<!DOCTYPE html>
<html lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Project</title>
 <link rel="shortcut icon" type="image/png" href="img/favicon.png">
 <link rel="stylesheet" href="style.css" type="text/css">
 <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
 <script type="text/javascript">
 ymaps.ready(init);
 var myMap,
 myPlacemark;

 function init(){
 myMap = new ymaps.Map("map", {
 center: [55.76, 37.64],
 zoom: 7
 });

 var actualProvider = new ymaps.traffic.provider.Actual({}, {infoLayerShown: true});
 actualProvider.setMap(myMap);

 myPlacemark = new ymaps.Placemark([55.76, 37.64], {
 hintContent: 'Москва!',
 balloonContent: 'Столица России'
 });

 myMap.geoObjects.add(myPlacemark);
 }

 </script>
</head>
<body>
 <div id="myMap"></div>
 <div id="content"></div>
 <div id="mask"></div>
 <div style="width: 100%; text-align: center;">
 <div id="dialog">
 <div id="hello">Здорово</div>
 <div id="text">Будет какой-то текст </div>
 <div id="button" onclick="call();">OK</div>
 </div>
 </div>
 <script src="js/jquery-2.2.3.min.js" type="text/javascript"></script>
 <script src="js/jquery-ui.js" type="text/javascript"></script>
 <script src="js/main.js" type="text/javascript"></script>
</body>
</html>