Skip to content

Руслан Ибрагимов / yescenter

Go to a project
Commit 40e4ec2d by Ruha
Options

еще прислали правки, делаем слайдеры

1 parent 64a22a9e
Pipeline #2690 for 40e4ec2d skipped in 0 seconds
Expand all
Inline Side-by-side
Showing 11 changed files with 43 additions and 22 deletions
css/additional.css
/* slider */
/*.photo-slide:nth-of-type() {margin-left:-34px;}*/
/*.photo-slide img {*/
/*-webkit-border-radius: 14px;*/
/*border-radius: 14px;*/
/*display: block;*/
/*margin-bottom: 18px;*/
/*height: auto;*/
/*}*/
.photo-slider {
width: 104%;
}
/* styles */
.nowrap {
white-space: nowrap;
display: inline !important;
......@@ -265,6 +280,7 @@ input.valid {
}
.map-ct1 { max-height:712px!important; }
@media (max-width: 320px) {
.b5 .ll1 img {padding-bottom:15px;}
.btn-320 {width: 270px!important;}
#callback-form .error {left:122px;}
#order-form .input, #callback-form #phone {
......
css/style.css
......@@ -91,7 +91,7 @@ table { border-spacing: 0; border-collapse: collapse; width: 100%; }
.slick-prev:before, .slick-next:before { height: 30px; line-height: 30px; content: "prev"; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; background: #000; }
.slick-next { right: 0; left: auto; }
.slick-next { right: 34px; left: auto; }
.slick-next:before { content: "next"; display: inline-block; }
......
img/av2.jpg 0 → 100644
img/av2.jpg

56.9 KB
img/w10.jpg 0 → 100644
img/w10.jpg

223 KB
img/w6.jpg 0 → 100644
img/w6.jpg

243 KB
img/w7.jpg 0 → 100644
img/w7.jpg

218 KB
img/w8.jpg 0 → 100644
img/w8.jpg

244 KB
img/w9.jpg 0 → 100644
img/w9.jpg

285 KB
index.html
......@@ -3,11 +3,12 @@
<head>
<meta charset="utf-8"/>
<!--[if IE]>
<!--<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>--><![endif]-->
<!--<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/additional.min.css" type="text/css">
<link rel="stylesheet" href="css/style.min.css" type="text/css" media="screen, projection"/>
<link rel="stylesheet" href="css/additional.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script>
......@@ -163,30 +164,28 @@
<div class="b4">
<div class="ct">
<div class="t1">Яркий и узнаваемый бренд</div>
<div class="ov1">
<div class="ll1"><img src="img/w4.jpg" alt=""><span></span></div>
<div class="ll1"><img src="img/w5.jpg" alt=""><span></span></div>
<div class="sl3">
<div>
<div class="ll1"><img src="img/w1.jpg" alt=""><span>Офис-франчайзи в Санкт-Петербурге</span>
</div>
</div>
<div>
<div class="ll1"><img src="img/w2.jpg" alt=""><span>Офис-франчайзи в Туле</span></div>
</div>
</div>
<div class="ov1 photo-slider">
<div class="ll1 photo-slide"><img src="img/w4.jpg" alt=""><span>Офис-франчайзи в Санкт-Петербурге</span></div>
<div class="ll1 photo-slide"><img src="img/w5.jpg" alt=""><span>Офис-франчайзи в Туле</span></div>
<div class="ll1 photo-slide"><img src="img/w10.jpg" alt=""><span>5</span></div>
<div class="ll1 photo-slide"><img src="img/w6.jpg" alt=""><span>1</span></div>
<div class="ll1 photo-slide"><img src="img/w7.jpg" alt=""><span>2</span></div>
<div class="ll1 photo-slide"><img src="img/w8.jpg" alt=""><span>3</span></div>
<div class="ll1 photo-slide"><img src="img/w9.jpg" alt=""><span>4</span></div>
</div>
<p class="p1">Логотип Школы иностранных языков YES — не просто фирменный знак, это знак качества.
Изображенный в форме круглой печати, он символизирует многолетний успешный опыт обучения иностранным
языкам, подтвержденный тысячами сертификатов наших выпускников.</p>
<a href="" class=" btn-320">Получить план открытия школы</a>
<a href="" class="ord3 btn-320">Получить план открытия школы</a>
</div>
</div>
<div class="b5">
<div class="ct">
<div class="t1">Языковые школы YES</div>
<div class="ll1">
<img src="img/av1.png" alt="">
<img src="img/av2.jpg" alt="">
<span>Сергей Афанаскин</span>
<p>Основатель и генеральный директор <br>сети Центров иностранных языков YES</p>
</div>
......@@ -515,7 +514,6 @@
}
myMap.geoObjects.add(myCollection);
myMap.behaviors.disable("scrollZoom");
myMap.controls.remove('searchControl');
myMap.controls.remove('typeSelector');
......@@ -525,10 +523,9 @@
myMap.controls.remove('fullscreenControl');
myMap.controls.remove('geolocationControl');
myMap.controls.remove('rulerControl');
}
;
};
ymaps.ready(init);
</script>
<script type="text/javascript" src="js/common.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>
\ No newline at end of file
js/common.js
......@@ -59,6 +59,13 @@ $(document).ready(function () {
$(this).attr('data-place', $(this).val());
});
});
$('.photo-slider').slick({
slidesToShow: 2,
slidesToScroll:2,
arrows: true,
dots: false,
adaptiveHeight: true
});
$('.sl1').slick({
arrows: false,
slidesToShow: 4,
......@@ -86,6 +93,7 @@ $(document).ready(function () {
dots: true,
adaptiveHeight: true
});
$('.sl-con .item-poss a').fancybox({
helpers: {
overlay: {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!