Merge remote-tracking branch 'origin/master'

Timur Kastemirov
2 parents 532a5337 36a23065
Showing 8 changed files with 140 additions and 184 deletions Show diff stats
frontend/views/object/view.php
frontend/views/site/green.php
frontend/views/site/index.php
frontend/views/site/media-about.php
frontend/web/css/main.css
frontend/web/img/icon1_prv.png
frontend/web/img/icon2_prv.png
frontend/web/img/slt03.jpg
@@ -20,17 +20,15 @@
         'label' => \Yii::t('app', 'menu-objects'),
         'url' => Url::toRoute(['object/index']),
     ];
-    $this->params['breadcrumbs'][] = $this->params['h1'];
+    $this->params['breadcrumbs'][] = "Страница объекта";
  
 ?>
  
 <div class="container object-view" style="margin-top: 25px;">
     <section class="no-mb">
         <div class="row">
-            <div class="col-md-12">
-                <p class="lead">
-                    <?= $object->lang->upper_text ?>
-                </p>
+            <div class="col-md-12 lead">
+                <p><?= $object->lang->upper_text ?></p>
             </div>
         </div>
     </section>
@@ -33,6 +33,15 @@ use yii\web\View;
                 </div>
             </section>
  
+            <section class="no-mb">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="heading">
+                            <h3>Этапы подключения СЭС и "Зелёного тарифа"</h3>
+                        </div>
+                    </div>
+                </div>
+            </section>
             <section>
                 <div class="project owl-carousel">
                     <div class="item">
@@ -62,8 +71,8 @@ use yii\web\View;
                             <li>Государственная гарантия на действие «зелёного» тарифа действительна до 1 января 2030;</li>
                             <li>Размер «зелёного» тарифа фиксируется в момент запуска солнечной электростанции и действует до конца 2029;</li>
                             <li>«Зелёный» тариф установлен в Евро (рассчитывается ежеквартально по среднему курсу НБУ).</li>
+                            <li>Действующие ставки «зелёного» тарифа в Украине являются одними из самых высоких в Европе. «Зелёный» тариф для солнечных электростанций частных домохозяйств запущенных в эксплуатацию с 1 января 2017 по 31 декабря 2019 составляет 0.18 € / кВт ч.</li>
                         </ul>
-                        <p>Действующие ставки «зелёного» тарифа в Украине являются одними из самых высоких в Европе. «Зелёный» тариф для солнечных электростанций частных домохозяйств запущенных в эксплуатацию с 1 января 2017 по 31 декабря 2019 составляет 0.18 € / кВт ч.</p>
  
                     </div>
                 </div>
@@ -43,6 +43,19 @@ $this-&gt;registerJs($js, View::POS_END);
         <!-- тут место для слайдера -->
     </section>
  
+    <section class="links-ses-for-wr">
+        <div class="container">
+            <div class="row">
+                <div class="col-xs-12 col-sm-12 col-md-6 lsf-left">
+                    <p>Солнечные станции для <a href="site/individual">физических лиц</a></p>
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-6 lsf-right">
+                    <p>Солнечные станции для <a href="site/legal">юридических лиц</a></p>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <section class="blue-fon why-us-wr no-mg">
         <div class="container">
             <div class="heading text-center">
@@ -318,8 +331,6 @@ $this-&gt;registerJs($js, View::POS_END);
                             <div class="blue_arrow"></div>
                         </a>
                     </div>
-                    <div class="post hidden-xs hidden-sm" style="background-color: white; box-shadow: none">
-                    </div>
  
                 </div>
             </div>
@@ -24,16 +24,30 @@ use yii\web\View;
             <section>
                 <div class="row">
                     <div class="col-md-12">
-                        <div class="heading">
-                            <h2><?=$this->title?></h2>
-                        </div>
-
-                        <p class="lead">Туристическое агентство “WhereAreYou” осуществляет нестандартные поездки с 2003 года. Мы занимаемся не просто путешествием, а для каждого лично составляем полноценный план поездки: что лучше посетить, длительность пребывания исходя из ваших средств. Все что требуется от вас — назвать город, страну и бюджет.</p>
+                        <p class="lead">На данной странице вы можете ознакомиться с материалами, которые были опубликованы в СМИ. Там вы можете найти подробные сведения, рекомендации, интервью специалистов. Ознакомьте с тем, что о нас говорят известные источники. </p>
                     </div>
                 </div>
                 <div class="row portfolio">
                     <div class="col-sm-4">
                         <div class="box-image">
+                            <div class="post" style="background-image: url('/img/post_cover_3.jpg');">
+                                <a href="https://ecotechnica.com.ua/stati/2927-kakie-solnechnye-elektrostantsii-perspektivnee-kryshnye-ili-nazemnye.html" target="_blank">
+                                    <div class="title">Какие солнечные электростанции перспективнее - крышные или наземные?</div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="box-image">
+                            <div class="post" style="background-image: url('/img/post_cover_2.jpg');">
+                                <a href="http://censor.net.ua/resonance/322240/kak_ya_stal_nezavisimym_ot_veernyh_otklyucheniyi_pervaya_domashnyaya_elektrostantsiya_v_kievskoyi_oblasti" target="_blank">
+                                    <div class="title">"Как я стал независим от веерных отключений" - первая домашняя электростанция в Киевской области</div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="box-image">
                             <div style="position: absolute;padding-bottom:56.27%;top: 0;width: 100%;height: 100%;"><iframe src="https://www.youtube.com/embed/4XJ_UHggzto?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
                         </div>
                     </div>
 body{position:relative;}
 .no-mg{margin:0;}
-#back-to-top{
-    background: #467fbf;
-    border-radius: 0 50px 50px 0;
-    width: 50px;
-    padding-right: 6px;
-}
+#back-to-top{background: #467fbf;border-radius: 0 50px 50px 0;width: 50px;padding-right: 6px;}
 #back-to-top:hover {background: #20446d;}
 #back-to-top:active {background: #1b2e44;padding-top: 6px;}
 #heading-breadcrumbs{background-attachment: fixed;}
@@ -90,27 +85,12 @@ body{position:relative;}
     text-align: center;
     vertical-align: bottom;
 }
-
 .blue-fon, .background-kben{background-color: #00a1e9;background-image:url('/img/slide_two_fon.png');color:#fff;}
-.blue-fon .icon, .background-kben .icon{
-    position: relative;
-    width:120px;
-    height:120px;
-    border:none;
-}
-.blue-fon .icon img, .background-kben .icon img {
-    width: 100%;
-    margin: 0;
-    padding: 0;
-}
+.blue-fon .icon, .background-kben .icon{position: relative;width:120px;height:120px;border:none;}
+.blue-fon .icon img, .background-kben .icon img {width: 100%;margin: 0;padding: 0;}
 .blue-fon .box-simple h3, .background-kben .box-simple h3 {color: #ffd800;margin-bottom: 5px;}
 .blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;}
-.why-us .line_why {
-    position: absolute;
-    top: 50px;
-    right: -83px;
-    opacity: 0.3;
-}
+.why-us .line_why {position: absolute;top: 50px;right: -83px;opacity: 0.3;}
 .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5,
 .background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{color:#fff;border-color: #ffd800!important;}
 a.sqre_btn {
@@ -153,24 +133,12 @@ section.blue-fon {padding-top: 25px;}
     height: 100%;
 }
 .objects-main-wr .image_link:hover{background-size: 105% 105%;}
-.objects-main-wr .img-title table td.buts {
-    width: 95px;
-    max-width: 100%;
-    vertical-align: top;
-    text-align: left;
-}
+.objects-main-wr .img-title table td.buts {width: 95px;max-width: 100%;vertical-align: top;text-align: left;}
 .sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);}
 .text-left a.sqre_btn {margin-left: 0;margin-right: 5px;}
 .img-title table .text-left a.sqre_btn {margin-top: 0;}
-.sqre_btn.yellow_calc {
-    background-color: #ffd800;
-    background-image: url(../img/icon_calc2.png);
-}
-.img-title table td.i-title {
-    padding-left: 10px;
-    text-align: left;
-    padding-right: 10px;
-}
+.sqre_btn.yellow_calc {background-color: #ffd800;background-image: url(../img/icon_calc2.png);}
+.img-title table td.i-title {padding-left: 10px;text-align: left;padding-right: 10px;}
 .img-title table .pr_title2 {margin: 0;padding: 0;}
 .pr_title2 a {
     font-weight: bold;
@@ -230,12 +198,7 @@ section.blue-fon {padding-top: 25px;}
     line-height: 19px;
 }
 .smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;}
-.about .post a {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    color: #fff;
-}
+.about .post a {width: 100%;height: 100%;position: absolute;color: #fff;}
 .text.quote{
     box-shadow: inset 3px 0px 0px #0095d7;
     padding-left: 20px;
@@ -256,13 +219,9 @@ section.blue-fon {padding-top: 25px;}
 .icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
 .btn.icon_stat {background-image: url(../img/icon_stat.png);}
 .bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
-#footer {background: #0080ca;padding: 15px 0;color: #ffffff;}
+#footer {background: #0080ca;padding: 15px 0;padding-bottom: 23px;color: #ffffff;}
 .why-us{max-width: 100%;}
-.home_mob_link{
-    max-width: 100px;
-    display: inline-block;
-    padding: 10px 15px;
-}
+.home_mob_link{max-width: 100px;display: inline-block;padding: 10px 15px;}
 .static_logo_about_mob{
     display: inline-block;
     font-family: Arial, sans-serif!important;
@@ -380,28 +339,11 @@ section.bar.background-gray.steps-pre:before {
     position: absolute;
     object-fit:cover;
 }
-.bottom-text{
-    padding: 20px 15px;
-    font-size: 12px;
-    padding-bottom: 0;
-}
-.bottom-text-in{
-    font-size: 12px;
-    position: absolute;
-    bottom: -72px;
-}
-#map {
-    height: 560px;
-    background-image: url(../img/map.jpg);
-}
-.main-slider .carousel-control{
-    background:none!important;
-}
-#main-page .main-slider .box-simple{
-    position:  absolute;
-    width: 100%;
-    bottom: 0;
-}
+.bottom-text{padding: 20px 15px;font-size: 12px;padding-bottom: 0;}
+.bottom-text-in{font-size: 12px;position: absolute;bottom: -72px;}
+#map {height: 560px;background-image: url(../img/map.jpg);}
+.main-slider .carousel-control{background:none!important;}
+#main-page .main-slider .box-simple{position:  absolute;width: 100%;bottom: 0;}
 #main-page .main-slider .box-simple .button1{
     width: 235px;
     padding: 8px 0;
@@ -414,6 +356,8 @@ section.bar.background-gray.steps-pre:before {
     position: relative;
     text-align: center;
     margin: 15px 0;
+    box-shadow: inset 0px 0px 70px #00000012;
+    background-color: whitesmoke;
 }
 #objects-wr .portfolio .box-image .image {
     top: 0;
@@ -438,14 +382,8 @@ section.bar.background-gray.steps-pre:before {
     margin-bottom: 20px;}
 .post-blog .lead{margin-top: 25px;}
 .post-blog .content{margin-bottom: 50px;}
-.tag-cloud li.active a {
-    background-color: #467fbf;
-    color: #eeeeee!important;
-}
-.object-slider .carousel-inner{
-    border-radius: 5px;
-    overflow: hidden;
-}
+.tag-cloud li.active a {background-color: #467fbf;color: #eeeeee!important;}
+.object-slider .carousel-inner{border-radius: 5px;overflow: hidden;}
 .object-slider{padding-bottom: 50px;}
 .object-slider .carousel{
     width:100%;
@@ -474,24 +412,15 @@ section.bar.background-gray.steps-pre:before {
     opacity: 1;
     background-image: none;
 }
-.object-slider a.left.carousel-control{
-    top: 20px;
-    right: 75px;
-}
+.object-slider a.left.carousel-control{top: 20px;right: 75px;}
 .object-slider a.right.carousel-control{
     top: 20px;
     right: 35px;
     padding-right: 0;
     padding-left: 2px;
 }
-.object-slider a.carousel-control:hover {
-    opacity: 0.5;
-}
-.object-slider a.carousel-control:active {
-    opacity: 0.8;
-    line-height: 24px;
-    margin-top: 3px;
-}
+.object-slider a.carousel-control:hover {opacity: 0.5;}
+.object-slider a.carousel-control:active {opacity: 0.8;line-height: 24px;margin-top: 3px;}
 .calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
 #calculate-form{margin-top: -15px;}
 #calculate-form > .row {
@@ -500,9 +429,7 @@ section.bar.background-gray.steps-pre:before {
     padding-top: 25px;
 }
 #calculate-form .submit-wr{margin-top:25px;}
-#calculate-form .text-center img{
-    margin: 0 auto;
-}
+#calculate-form .text-center img{margin: 0 auto;}
 .main-slider .carousel-indicators{display:none!important;}
 .object-slider .carousel-indicators li{
     width: 12px;
@@ -519,44 +446,70 @@ section.bar.background-gray.steps-pre:before {
     border-color: #467fbf;
 }
 /*отображать только 4 элемента в портфолио*/
-.object-view .portfolio > div:nth-child(1n+6) {
-    display: none;
-}
-.object-view .portfolio .image{
-    padding-top:75%;
-}
-.modal-body > form > .row > .col-md-12 {
-    padding: 0px 30px;
-}
-.row.calculate-main-wr {
-    padding-left: 15px;
-    padding-right: 15px;
-}
+.object-view .portfolio > div:nth-child(1n+6) {display: none;}
+.object-view .portfolio .image{padding-top:75%;}
+.modal-body > form > .row > .col-md-12 {padding: 0px 30px;}
+.row.calculate-main-wr {padding-left: 15px;padding-right: 15px;}
+.big-title1{text-transform: uppercase;font-size: 24px;}
  
 /*heading breadcrumbs blue fon*/
 #heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);}
 #heading-breadcrumbs h1{color: #fdfdfd;}
-#heading-breadcrumbs .breadcrumb > .active {
-    color: #d0d0d0;
-    font-weight: bold;
-}
-#heading-breadcrumbs .breadcrumb > li + li:before {
-    color: #ececec;
-}
+#heading-breadcrumbs .breadcrumb > .active {color: #d0d0d0;font-weight: bold;}
+#heading-breadcrumbs .breadcrumb > li + li:before {color: #ececec;}
 #heading-breadcrumbs .breadcrumb li a {color: #efefef;}
 #heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;}
 #heading-breadcrumbs .breadcrumb li a:active {color: #c7c7c7;}
-#heading-breadcrumbs > .container > .row{
-    display: flex;
-    align-items: center;
-}
+#heading-breadcrumbs > .container > .row{display: flex;align-items: center;}
 .box-image .name, .box-image .text{opacity:0;}
 .box-image:hover .name, .box-image:hover .text{opacity:1;}
 .owl-carousel .owl-wrapper-outer {border-radius: 5px;}
+.links-ses-for-wr{margin:0;}
+.links-ses-for-wr a{color: #00a1e9;text-decoration:  underline;}
+.links-ses-for-wr .container{padding-top: 18px;padding-bottom:  20px;}
+.links-ses-for-wr .container .row{height: 60px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: bold;font-size: 14.5px;}
+.links-ses-for-wr .container .row .lsf-left{text-align:  right;border-right: 2px solid #e4e4e4;padding-right:  30px;}
+.links-ses-for-wr .container .row .lsf-right{text-align:  left;padding-left: 30px;}
+.links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);}
+.links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);}
+.links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 58px;}
+#mediaabout-wr .portfolio .box-image {padding-top: 56.1%;}
+#mediaabout-wr .portfolio .box-image .post{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+#mediaabout-wr .portfolio .box-image .post a{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+#mediaabout-wr .portfolio .box-image .post .title{
+    text-align: left;
+    color: #fff;
+    width:100%;
+    font-size: 15px;
+    padding: 10px 20px;
+    padding-bottom: 15px;
+    position: absolute;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    max-height: 50%;
+}
+
 @media(min-width:1200px){
+    .links-ses-for-wr .container .row p {margin: 7px 20px;}
     .main-slider {min-height: 620px;}
 }
 @media(min-width:992px){
+    .links-ses-for-wr .container .row p {margin: 7px 0px;}
     p.coord1{margin-top:-30px;}
 }
 @media(min-width:992px) and (max-width:1199px){
@@ -578,16 +531,21 @@ section.bar.background-gray.steps-pre:before {
     .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;}
     .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;}
     .about .smi_right .post{width:100%;}
-    .smi_right .post .title{
-        font-size: 13px;
-        padding: 30% 21% 13px 11px;
-        line-height: 16px;
-    }
+    .smi_right .post .title{font-size: 13px;padding: 30% 21% 13px 11px;line-height: 16px;}
     .object-slider .carousel{height:500px;}
     .main-slider {min-height: 400px;}
     .main-slider .carousel-control{width:15%;}
 }
 @media(max-width:991px){
+    .links-ses-for-wr .container .row{flex-direction: column;height: initial;}
+    .links-ses-for-wr .container .row .lsf-left, .links-ses-for-wr .container .row .lsf-right {
+        text-align: left;
+        border-right: none;
+        padding-right: 15px;
+        padding-left: 15px;
+    }
+    .links-ses-for-wr .container {padding-top: 10px;padding-bottom: 12px;}
+    .links-ses-for-wr .container .row p{margin-bottom:0;}
     #footer .container > div {margin-bottom: 20px;}
     .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
     .pr_cover {
@@ -614,16 +572,8 @@ section.bar.background-gray.steps-pre:before {
         top: 0;
         left: 0;
     }
-    .main-slider {
-        height:0%;
-        min-height:0%;
-        padding-top: 75%;
-    }
-    .main-slider .carousel {
-        height: 100%;width: 100%;
-        position: absolute;
-        top: 0;
-    }
+    .main-slider {height:0%;min-height:0%;padding-top: 75%;}
+    .main-slider .carousel {height: 100%;width: 100%;position: absolute;top: 0;}
     .object-slider .carousel{height:450px;}
     .main-slider .carousel-control{font-size:10vw;width:10%;}
 }
@@ -635,10 +585,7 @@ section.bar.background-gray.steps-pre:before {
 }
 @media(max-width:768px){
     .main_video_fb{padding-top: 56.1%;}
-    .object-slider{
-        margin-left: -15px;
-        margin-right: -15px;
-    }
+    .object-slider{margin-left: -15px;margin-right: -15px;}
     .main-slider{max-height:550px;}
     .object-slider .carousel {
         width: 100%;
@@ -682,37 +629,18 @@ section.bar.background-gray.steps-pre:before {
     }
     .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom: 18px;}
     .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;}
-    .navbar ul.nav > li > a:hover {
-        border-color:#fff;
-        background:initial;
-    }
+    .navbar ul.nav > li > a:hover {border-color:#fff;background:initial;}
 }
 @media(min-width:768px) and (max-width:991px){
     .navbar-header{width: 57px;}
     .navbar-brand.home{width:100%;}
-    .navbar-brand.home img{
-        width: 50px;
-        margin-top: 15px;
-    }
+    .navbar-brand.home img{width: 50px;margin-top: 15px;}
  
     .navbar-brand.home, .static_logo_about{display:none;}
-    .navbar ul.nav > li > a{
-        font-size: 11px;
-        padding: 0px 6px 2px;
-    }
-    .navbar ul.nav > li > a:after{
-        font-size: 11px;
-        letter-spacing: -0.40px;
-        padding: 0px 6px 2px;
-    }
-    .navbar ul.nav > li > a:after{
-        width: calc(100% - 12px);
-        left: 6px;
-    }
-    .nav.navbar-nav.navbar-right{
-        margin: 0;
-        float: none!important;
-    }
+    .navbar ul.nav > li > a{font-size: 11px;padding: 0px 6px 2px;}
+    .navbar ul.nav > li > a:after{font-size: 11px;letter-spacing: -0.40px;padding: 0px 6px 2px;}
+    .navbar ul.nav > li > a:after{width: calc(100% - 12px);left: 6px;}
+    .nav.navbar-nav.navbar-right{margin: 0;float: none!important;}
 }
 @media(max-width:520px){
     #heading-breadcrumbs h1 {font-size: 5.78vw;}
@@ -722,16 +650,11 @@ section.bar.background-gray.steps-pre:before {
 }
 @media(max-width:500px){
     .head_video_buttons .button1{margin-bottom: 7px;}
-    .head_video_buttons .button1, .head_video_buttons .button2{
-        float:none!important;
-        display:block!important;
-    }
+    .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
     /*.button1{width:100%;}*/
     h2, .h2 {font-size: 6vw;}
     .lead{font-size:16px;}
-    .img-title table td.buts{
-        width: 40px!important;
-    }
+    .img-title table td.buts{width: 40px!important;}
     .img-title table td.buts a.sqre_btn{
         margin-bottom: 5px;
         width: 30px;
@@ -763,6 +686,7 @@ section.bar.background-gray.steps-pre:before {
         font-size: 3vw;
         line-height: 125%;
     }
+    .links-ses-for-wr .container .row{font-size:4vw;}
 }
 @media(max-width:280px) {
     .pr_cover {width:109%;}