main page

Eugeny Galkovskiy
1 parent ddc3bbd6
Showing 52 changed files with 82 additions and 21 deletions Show diff stats
frontend/views/site/index.php
frontend/web/css/main.css
frontend/web/img/accord/acc01.jpg
frontend/web/img/accord/acc01_0.jpg
frontend/web/img/accord/acc01_1.jpg
frontend/web/img/accord/acc02.jpg
frontend/web/img/accord/acc02_0.jpg
frontend/web/img/accord/acc03.jpg
frontend/web/img/accord/acc03_0.jpg
frontend/web/img/accord/acc03_1.jpg
frontend/web/img/accord/acc04.jpg
frontend/web/img/accord/acc04_0.jpg
frontend/web/img/accord/acc05.jpg
frontend/web/img/accord/acc05_0.jpg
frontend/web/img/accord/acc05_1.jpg
frontend/web/img/accord/acc05_2.jpg
frontend/web/img/accord/acc06.jpg
frontend/web/img/accord/acc06_0.jpg
frontend/web/img/accord/acc07.jpg
frontend/web/img/accord/acc07_0.jpg
@@ -191,7 +191,6 @@ $this-&gt;registerJs($js, View::POS_END);
             </div>
         </div>
     </section>
-
     <section class="blue-fon no-mg economy-wr">
         <div class="container">
             <div class="heading text-left">
@@ -255,18 +254,41 @@ $this-&gt;registerJs($js, View::POS_END);
             </div>
         </div>
     </section>
-
-    <section class="bar background-white">
+    <section class="bar background-white no-mg">
         <div class="container">
             <div class="heading text-left">
                 <h2>СМИ о нас</h2>
             </div>
-            <div class="row text-center">
-                <a href="#">Больше о наших проектах</a>
+            <div class="about row">
+                <div class="col-md-8 col-sm-12 col-xs-12 smi_left">
+                    <div class="video">
+                        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/4XJ_UHggzto" frameborder="0" allowfullscreen=""></iframe>
+                    </div>
+                    <div class="text lead quote">
+                        Как сделать собственную солнечную электростанцию и продавать электроэнергию государству? Практические советы от первого в Киевской области производителя "зеленой" энергетики на продажу, а также от эксперта компании "KB Energy"
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-12 col-xs-12 smi_right">
+                    <div class="post video">
+                        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/NCNqrRzXpTw" frameborder="0" allowfullscreen=""></iframe>
+
+                    </div>
+                    <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>
+                            <div class="blue_arrow"></div>
+                        </a>
+                    </div>
+                    <div class="post hidden-xs hidden-sm" style="background-color: white; box-shadow: none">
+                    </div>
+
+                </div>
+            </div>
+            <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;">
+                <a href="site/objects" class="button1 more-projects" target="_blank">Больше о наших проектах</a>
             </div>
         </div>
     </section>
-
     <section class="no-mg">
         <div id="map">
  
@@ -159,11 +159,14 @@ section.blue-fon {padding-top: 25px;}
     position: absolute;
     top: 0;
     left: 0;
-    background-size: cover;
+    background-size: 100% 100%;
     background-repeat: no-repeat;
     width: 100%;
     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%;
@@ -190,12 +193,10 @@ section.blue-fon {padding-top: 25px;}
     text-decoration: none;
     color: #555555;
 }
-.button1.more-projects {
-    padding: 14px;width: 240px;font-size: 14px;margin-bottom: 25px;}
+.button1.more-projects {padding: 14px;width: 240px;font-size: 14px;margin-bottom: 25px;}
 .pr_title2 span{display:none!important;}
 .btn.icon_phone {background-image: url(../img/icon_phone.png);}
-.button1 span, .button2 span {
-    display: block;font-weight: normal;font-size: 11px;}
+.button1 span, .button2 span {display: block;font-weight: normal;font-size: 11px;}
 .button1:hover {
     text-decoration: none;
     color: black;
@@ -203,23 +204,61 @@ section.blue-fon {padding-top: 25px;}
     box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0,0,0,0.2)!important;
     transition: 0.3s;
 }
-.get_station_center {
-    text-align: center;margin-top: 30px;margin-bottom: -15px;}
+.get_station_center {text-align: center;margin-top: 30px;margin-bottom: -15px;}
 .border5 {border-radius: 5px;}
-.card1 .heading.text-left h2 {
-    margin-top: 0px;
+.card1 .heading.text-left h2 {margin-top: 0px;}
+.bigtext {display: table-caption;}
+.smi_left .video {height: 422px;}
+.blue_arrow {
+    cursor: pointer;
+    width: 40px;
+    height: 40px;
+    background-color: #0095d7;
+    background-image: url(../img/arrows_right_w.png);
+    background-position: center center;
+    background-repeat: no-repeat;
+    transition: 0.3s;
 }
-.bigtext {
-    display: table-caption;
+.about .smi_right .post {
+    width: 360px;
+    height: 160px;
+    background-color: black;
+    color: #fff;
+    position: relative;
+    background-position: bottom center;
+    background-repeat: no-repeat;
+    box-shadow: inset 0px -150px 200px -100px rgba(0,0,0,0.75);
+    margin-bottom: 30px;
+    margin-left: auto;
+    margin-right: auto;
+}
+.smi_right .post .title {
+    font-size: 16px;
+    font-weight: 300;
+    position: absolute;
+    bottom: 0;
+    padding: 30% 18% 13px 18px;
+    line-height: 19px;
+}
+.smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;}
+.about .post a {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    color: #fff;
+}
+.text.quote{
+    box-shadow: inset 3px 0px 0px #0095d7;
+    padding-left: 20px;
+    margin-top: 20px;
+    position: relative;
+    margin-bottom: 25px;
 }
-
 @media (min-width: 501px){
     .bigtext#header3 h2 {
         width: 161%;
     }
 }
 @media (max-width: 500px){
-    h2, .h2 {
-        font-size: 6vw;
-    }
+    h2, .h2 {font-size: 6vw;}
 }
 \ No newline at end of file