<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Гипермаркет Маг Уюта</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="mightySlider" />
<link rel="apple-touch-icon" href="assets/icon/57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="assets/icon/72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="assets/icon/114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="assets/icon/144.png" />
<!-- Styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
<link href="assets/css/docs.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<link href="src/css/mightyslider.css" rel="stylesheet" />
<style>
html, body {
height: 100%;
background: #FFF;
font-family: Tahoma,
}
#example {
overflow: hidden;
margin-top: 0px;
height: 100%;
}
#example .frame {
width: 100%;
height: 100%;
}
#example .frame .slide_element {
height: 100%;
}
#example .frame .slide_element > div {
float: left;
height: 100%;
overflow: hidden;
}
#example .frame .mSCover img {
max-width: none;
}
.floatedblock1 {
float:left;
display:inline;
margin:5px;
width:244px;
height:161px;
z-index: 10005;
margin:22% 0px 0px 9%;
}
.floatedblock {
float:left;
display:inline;
margin:10px;
width:244px;
height:161px;
z-index: 10005;
margin:22% 0px 0px 0px;
}
.clear {
clear:both;display:block;
height:0px;font-size:0;
overflow:hidden;
}
</style>
</head>
<body>
<div id="example" class="mightyslider_modern_skin">
<div class="frame" >
<div class="slide_element" >
<!--первая страница-->
<div class="slide" data-mightyslider="cover: 'assets/img/photos/image_1.png'" oncopy="return false" ondragstart="return false" onselectstart="return false">
<!--первая строка баннеров-->
<div class="floatedblock1"><img src="http://eskv.ru/assets/img/photos/banner_1_1.png"/></div>
<div class="floatedblock"><img src="http://eskv.ru/assets/img/photos/banner_2_1.png"/></div>
<div class="floatedblock"><img src="http://eskv.ru/assets/img/photos/banner_3_1.png"/></div>
<div class="clear"></div>
</div>
<!--вторая страница-->
<div class="slide" data-mightyslider="cover: 'assets/img/photos/image_2.png'" oncopy="return false" ondragstart="return false" onselectstart="return false">
<!--третья страница-->
</div>
<div class="slide" data-mightyslider="cover: 'assets/img/photos/image_3.png'" oncopy="return false" ondragstart="return false" onselectstart="return false">
</div>
</div>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/css_browser_selector.min.js"></script>
<script src="assets/js/jquery.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" async="" defer="" src="http://iprodev.com/projects.php?p=mightyslider"></script>
<script src="assets/js/jquery.mobile.just-touch.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/jquery.easing.1.3.js"></script>
<script src="src/js/mightyslider.js"></script>
<script>
eval(function(d,f,a,c,b,e){b=function(a){return a.toString(f)};if(!"".replace(/^/,String)){for(;a--;)e[b(a)]=c[a]||b(a);c=[function(a){return e[a]}];b=function(){return"\\w+"};a=1}for(;a--;)c[a]&&(d=d.replace(RegExp("\\b"+b(a)+"\\b","g"),c[a]));return d}('$(4).e(2(){3 a=$("#5");$(".6",a).7({8:9,b:"c",d:1,f:"g",h:{i:"j%",k:"l"},m:{n:0.1},o:{p:1}})});',26,26," function var document example frame mightySlider speed 1E3 easing easeOutExpo autoScale ready viewport stretch navigation slideSize 100 keyboardNavBy slides dragging swingSpeed commands buttons".split(" "),
0,{}));
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Гипермаркет Маг Уюта</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="mightySlider" />
<link rel="apple-touch-icon" href="assets/icon/57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="assets/icon/72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="assets/icon/114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="assets/icon/144.png" />
<!-- Styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
<link href="assets/css/docs.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<link href="src/css/mightyslider.css" rel="stylesheet" />
<style>
html, body {
height: 100%;
background: #FFF;
font-family: Tahoma,
}
#example {
overflow: hidden;
margin-top: 0px;
height: 100%;
}
#example .frame {
width: 100%;
height: 100%;
}
#example .frame .slide_element {
height: 100%;
}
#example .frame .slide_element > div {
float: left;
height: 100%;
overflow: hidden;
}
#example .frame .mSCover img {
max-width: none;
}
#example .frame .slide_element > div .banner1 {
width: 244px;
height: 161px;
background: url(http://eskv.ru/assets/img/photos/banner_1_1.png);
position:absolute;
top:41%;
left:9%;
cursor:pointer;
display:inline-block;
}
#example .frame .slide_element > div .banner2 {
width: 244px;
height: 161px;
background: url(http://eskv.ru/assets/img/photos/banner_2_1.png);
position:absolute;
top:41%;
left:26%;
cursor:pointer;
display:inline-block;
}
#example .frame .slide_element > div .banner3 {
width: 244px;
height: 161px;
background: url(http://eskv.ru/assets/img/photos/banner_3_1.png);
position:absolute;
top:41%;
left:43%;
cursor:pointer;
display:inline-block;
}
#example .frame .slide_element > div .banner4 {
width: 244px;
height: 161px;
background: url(http://eskv.ru/assets/img/photos/banner_1_1.png);
position:absolute;
top:41%;
left:60%;
cursor:pointer;
display:inline-block;
}
</style>
</head>
<body>
<div id="example" class="mightyslider_modern_skin">
<div class="frame" >
<div class="slide_element" >
<!--первая страница-->
<div class="slide" data-mightyslider="cover: 'assets/img/photos/image_1.png'" oncopy="return false" ondragstart="return false" onselectstart="return false">
<!--вторая строка баннеров-->
<div class="banner1" onclick="location.href='http://bears.maguyuta.ru';"></div>
<div class="banner2"></div>
<div class="banner3"></div>
<div class="banner4"></div>
</div>
<!--вторая страница-->
<div class="slide" data-mightyslider="cover: 'assets/img/photos/image_2.png'" oncopy="return false" ondragstart="return false" onselectstart="return false">
<!--третья страница-->
</div>
<div class="slide" data-mightyslider="cover: 'assets/img/photos/image_3.png'" oncopy="return false" ondragstart="return false" onselectstart="return false">
</div>
</div>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/css_browser_selector.min.js"></script>
<script src="assets/js/jquery.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" async="" defer="" src="http://iprodev.com/projects.php?p=mightyslider"></script>
<script src="assets/js/jquery.mobile.just-touch.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/jquery.easing.1.3.js"></script>
<script src="src/js/mightyslider.js"></script>
<script>
eval(function(d,f,a,c,b,e){b=function(a){return a.toString(f)};if(!"".replace(/^/,String)){for(;a--;)e[b(a)]=c[a]||b(a);c=[function(a){return e[a]}];b=function(){return"\\w+"};a=1}for(;a--;)c[a]&&(d=d.replace(RegExp("\\b"+b(a)+"\\b","g"),c[a]));return d}('$(4).e(2(){3 a=$("#5");$(".6",a).7({8:9,b:"c",d:1,f:"g",h:{i:"j%",k:"l"},m:{n:0.1},o:{p:1}})});',26,26," function var document example frame mightySlider speed 1E3 easing easeOutExpo autoScale ready viewport stretch navigation slideSize 100 keyboardNavBy slides dragging swingSpeed commands buttons".split(" "),
0,{}));
</script>
</body>
</html>