From c48751e6c18165b012c656c2fa70837273deadea Mon Sep 17 00:00:00 2001
From: zhegal <zhegal@gmail.com>
Date: Wed, 24 Jan 2018 16:14:42 +0200
Subject: [PATCH] header

---
 frontend/views/layouts/main.php |  28 +++++++++++++++++++++++++---
 frontend/views/site/index.php   |  46 ++++++++++++++++++++++++----------------------
 frontend/web/css/main.css       | 138 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------
 3 files changed, 156 insertions(+), 56 deletions(-)

diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index a1c789c..f58cd05 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -240,7 +240,26 @@ _________________________________________________________ -->
             </div>
           </div>
           <!-- *** TOP END *** -->
-          
+
+            <div class="small-logo-center text-center hidden-xs hidden-md hidden-lg">
+                <div class="container">
+                    <div class="cont">
+                        <a class="home_mob_link" href="<?php echo Url::home(); ?>">
+                            <?php
+                            /*echo ImageHelper::set($logo)
+                                            ->setHeight(42)
+                                            ->renderImage(
+                                                [
+                                                    'alt' => $settings->name,
+                                                ]
+                                            )*/
+                            ?>
+                            <img src="/img/logo_kb.png" alt="<?=$settings->name;?>" class="static_logo_img">
+                        </a>
+                        <div class="static_logo_about_mob"><?=$settings->about;?></div>
+                    </div>
+                </div>
+            </div>
           <!-- *** NAVBAR ***
   _________________________________________________________ -->
           <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
@@ -458,7 +477,7 @@ _________________________________________________________ -->
         
         <footer id="footer">
           <div class="container">
-            <div class="col-md-6 col-sm-12">
+            <div class="col-md-5 col-sm-12">
                 <?php
                     if (!empty($settings->about)) {
                         ?>
@@ -470,7 +489,7 @@ _________________________________________________________ -->
               <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal"><?php echo \Yii::t('app', 'Contact us'); ?></a>
             </div>
             
-            <div class="col-md-4 col-sm-12 col-md-offset-2">
+            <div class="col-md-3 col-sm-12 col-md-offset-1">
               
               <h4><?php echo \Yii::t('app', 'Contact'); ?></h4>
               
@@ -513,6 +532,9 @@ _________________________________________________________ -->
               <hr class="hidden-md hidden-lg hidden-sm">
             
             </div>
+              <div class="col-md-3 col-sm-12">
+                  <h4><?php echo \Yii::t('app', 'Share'); ?></h4>
+              </div>
             
             <div class="col-md-12">
               <p class="pull-left">&copy; <?= date('Y') ?>. <?= $settings->name; ?></p>
diff --git a/frontend/views/site/index.php b/frontend/views/site/index.php
index 8783e45..6d9571e 100644
--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -29,33 +29,35 @@ $this->registerJs($js, View::POS_END);
                 <h2 class="big-text">Почему мы</h2>
             </div>
             <div class="why-us row">
-                <div class="col-xs-12 col-sm-4">
-                    <div class="box-simple">
-                        <div class="icon">
-                            <img src="/img/icon_1.png">
+                <div class="col-md-12 row">
+                    <div class="col-xs-12 col-sm-4">
+                        <div class="box-simple">
+                            <div class="icon">
+                                <img src="/img/icon_1.png">
+                            </div>
+                            <h3>Мы первые подключили СЭС</h3>
+                            <p>по Зеленому тарифу в Киевской области</p>
+                            <img src="/img/line.png" class="line_why hidden-xs hidden-sm">
                         </div>
-                        <h3>Мы первые подключили СЭС</h3>
-                        <p>по Зеленому тарифу в Киевской области</p>
-                        <img src="/img/line.png" class="line_why hidden-xs hidden-sm">
                     </div>
-                </div>
-                <div class="col-xs-12 col-sm-4">
-                    <div class="box-simple">
-                        <div class="icon">
-                            <img src="/img/icon_2.png">
+                    <div class="col-xs-12 col-sm-4">
+                        <div class="box-simple">
+                            <div class="icon">
+                                <img src="/img/icon_2.png">
+                            </div>
+                            <h3>Более 50 объектов</h3>
+                            <p>по Киевской области</p>
+                            <img src="/img/line.png" class="line_why hidden-xs hidden-sm">
                         </div>
-                        <h3>Более 50 объектов</h3>
-                        <p>по Киевской области</p>
-                        <img src="/img/line.png" class="line_why hidden-xs hidden-sm">
                     </div>
-                </div>
-                <div class="col-xs-12 col-sm-4">
-                    <div class="box-simple">
-                        <div class="icon">
-                            <img src="/img/icon_3.png">
+                    <div class="col-xs-12 col-sm-4">
+                        <div class="box-simple">
+                            <div class="icon">
+                                <img src="/img/icon_3.png">
+                            </div>
+                            <h3>Собственный штат</h3>
+                            <p>инженеров-монтажников</p>
                         </div>
-                        <h3>Собственный штат</h3>
-                        <p>инженеров-монтажников</p>
                     </div>
                 </div>
                 <div class="col-xs-12 col-sm-4 col-md-offset-2 col-sm-offset-2">
diff --git a/frontend/web/css/main.css b/frontend/web/css/main.css
index 1dc9d79..095b326 100644
--- a/frontend/web/css/main.css
+++ b/frontend/web/css/main.css
@@ -7,37 +7,6 @@
 }
 #back-to-top:hover {background: #20446d;}
 #back-to-top:active {background: #1b2e44;padding-top: 6px;}
-.navbar ul.nav > li > a {
-    font-size: 13px;
-    letter-spacing: -0.40px;
-    text-align: center;
-    padding: 0px 12px 2px;
-    height: 62px;
-    line-height: 18px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-decoration: none;
-    position: relative;
-    overflow: hidden;
-}
-.navbar ul.nav > li > a:after {
-    content: '';
-    width: calc(100% - 24px);
-    position: absolute;
-    bottom: -5px;
-    background: #ffd800;
-    height: 3px;
-    left: 12px;
-    transition:0.1s;
-}
-.navbar ul.nav > li > a:hover::after{
-    bottom: 15px;
-}
-.navbar ul.nav > li > a:hover {
-    border-color:#fff;
-    background:initial;
-}
 .navbar-brand{display: flex;justify-content: center;align-items: center;}
 .button1 {
     margin: 0 auto;
@@ -245,6 +214,7 @@ section.blue-fon {padding-top: 25px;}
 }
 .about .smi_right .post {
     width: 360px;
+    max-width: 100%;
     height: 160px;
     background-color: black;
     color: #fff;
@@ -297,6 +267,36 @@ section.blue-fon {padding-top: 25px;}
     padding: 15px 0;
     color: #ffffff;
 }
+.why-us{max-width: 100%;}
+.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;
+    transition: 0.3s;
+    width: 135px;
+    padding: 0;
+    margin: 0;
+    font-size: 11px;
+    text-transform: lowercase;
+    line-height: 13px;
+    cursor: default;
+    text-align: left;
+    margin-left: 15px;
+    z-index: 1;
+}
+.small-logo-center .cont{
+    display: flex;
+    margin: 0 auto;
+    align-items: center;
+    justify-content: center;
+}
+.small-logo-center{
+    margin: 10px 0 -10px;
+}
 
 
 @media(min-width:992px) and (max-width:1199px){
@@ -312,6 +312,17 @@ section.blue-fon {padding-top: 25px;}
     }
     .head_video_buttons .button1{margin-bottom: 7px;}
     .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
+    .navbar-brand.home{width: 100px;}
+    .static_logo_img {width: 100%;}
+    .static_logo_about{display:none;}
+    .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;
+    }
 }
 @media(max-width:991px){
     .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
@@ -355,6 +366,42 @@ section.blue-fon {padding-top: 25px;}
         padding-top: 56.1%;
     }
 }
+@media(min-width:768px){
+    .navbar ul.nav > li > a {
+        font-size: 13px;
+        letter-spacing: -0.40px;
+        text-align: center;
+        padding: 0px 12px 2px;
+        height: 62px;
+        line-height: 18px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-decoration: none;
+        position: relative;
+        overflow: hidden;
+    }
+    .navbar ul.nav > li > a:after {
+        content: '';
+        width: calc(100% - 24px);
+        position: absolute;
+        bottom: -5px;
+        background: #ffd800;
+        height: 2px;
+        left: 12px;
+        transition:0.1s;
+    }
+    .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::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;
+    }
+}
 @media(min-width:768px) and (max-width:991px){
     .navbar-header{width: 57px;}
     .navbar-brand.home{width:100%;}
@@ -362,6 +409,21 @@ section.blue-fon {padding-top: 25px;}
         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;
+    }
 }
 @media(min-width:501px){
     .bigtext#header3 h2{
@@ -398,6 +460,20 @@ section.blue-fon {padding-top: 25px;}
         line-height: 2.5vh;
         margin-bottom: 50px;
     }
+    .smi_right .post .title {
+        font-size: 4vw;
+        font-weight: 300;
+        position: absolute;
+        bottom: 0;
+        padding: 30% 24% 10px 10px;
+        line-height: 2.5vh;
+    }
+    .static_logo_about{
+        position: absolute;
+        left: 112px;
+        font-size: 3vw;
+        line-height: 2.5vh;
+    }
 }
 @media(max-width:280px) {
     .pr_cover {
--
libgit2 0.21.4