шаблон № 5

src/AppAssets5.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace Medgis\MOBundle;
+
+use yiins\web\AssetBundle;
+
+class AppAssets2 extends AssetBundle
+{
+
+    public $css = [
+//        'https://fonts.googleapis.com/css?family=Cuprum:400,700&amp;subset=cyrillic',
+//        'https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=cyrillic',
+        'https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css',
+        'css/main.css',
+        'css/ndg.css',
+        'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/css/swiper.css',
+        'https://fonts.googleapis.com/css?family=Cuprum:400,700&amp;subset=cyrillic" rel="stylesheet',
+        'https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=cyrillic" rel="stylesheet',
+    ];
+
+    public $js = [
+        'js/jquery-3.1.0.min.js' => \CClientScript::POS_HEAD,
+        'js/jquery.cookie.min.js',
+        'https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js',
+        'https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=3506135f-ae76-43cf-9caa-b02da12f810f',
+        'js/blind.js',
+        'js/script.js',
+        'js/slider5.js',
+    ];
+
+    public $sourcePath = __DIR__ . '/files';
+}
+

src/files/css/ndg.css

@@ -0,0 +1,143 @@
+a {
+    transition: all .3s ease;
+}
+
+header {
+    background: #22387d;
+}
+
+header .menu ul li a {
+    font-size: 16px;
+}
+
+header .menu ul li a:hover {
+    color: rgb(68, 227, 241);
+}
+
+header .menu ul li .current, header .menu ul li .current:hover {
+    color: rgb(254, 131, 88);
+}
+
+.left-side .add-info .info {
+    background: #22387d;
+    transition: all .3s ease;
+}
+
+.left-side .add-info .info:hover {
+    background: #929292;
+}
+
+.content-left .arrow {
+    width: 45px;
+    height: 45px;
+    background-size: contain;
+}
+
+.content-left .arrow-left {
+    background: url(../img/style/al.png);
+    left: 10px;
+}
+
+.content-left .arrow-right {
+    background: url(../img/style/ar.png);
+    right: 10px;
+}
+
+
+.swiper-container {
+    height: auto !important;
+}
+
+body footer {
+    bottom: unset;
+}
+
+.content-left .about .block-header {
+    background: #22387d;
+}
+
+.news {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+.news-item  {
+    margin-bottom: 16px;
+    width: 24%;
+}
+
+.news-item .image {
+    position: relative;
+}
+
+.news-item  .inner {
+    background: #ebebeb;
+}
+
+.news-item  .title {
+    color: #fff;
+    position: absolute;
+    bottom: 10px;
+    left: 5px;
+    font-size: 16px;
+}
+
+.news-item  .desc {
+    padding: 5px;;
+}
+
+.news-item .data {
+    padding: 5px;
+    border-top: 1px solid #d4d4d4;
+}
+
+.left-side .add-info .info {
+    font-size: 18px;
+}
+
+@media (max-width: 992px) {
+
+    .news-item  {
+        margin-bottom: 16px;
+        width: 30%;
+    }
+}
+
+@media (max-width: 768px) {
+    header .menu ul .burger {
+        left: 0;
+        top: 6px !important;
+        height: 30px;
+    }
+
+    header .menu ul .circles {
+        display: block;
+        position: absolute !important;
+        top: -4px;
+    }
+}
+
+header .menu-mobile {
+    background: #22387d;
+}
+
+@media (max-width: 570px) {
+
+    .news-item  {
+        margin-bottom: 16px;
+        width: 49%;
+    }
+}
+
+@media (max-width: 370px) {
+
+    .news-item  {
+        margin-bottom: 16px;
+        width: 100%;
+    }
+
+    .news-item .image img{
+        width: 100%;
+    }
+}

src/files/js/slider5.js

@@ -0,0 +1,18 @@
+$(document).ready(function () {
+    var slider = new Swiper($('.swiper-container'), {
+        loop: true,
+        nextButton: $('.arrow-right'),
+        prevButton: $('.arrow-left'),
+        speed: 800,
+        simulateTouch: true,
+        initialSlide: 0,
+    })
+
+    $('.arrow-right').on('click', function () {
+        slider.slideNext(800)
+    })
+
+    $('.arrow-left').on('click', function () {
+        slider.slidePrev(800)
+    })
+})