- contacts photo

- video background styles

- contacts photo
- video background styles
Eugeny Galkovskiy
1 parent fbad3175
Showing 3 changed files with 24 additions and 1 deletions Show diff stats
frontend/views/site/contact.php
frontend/web/css/main.css
frontend/web/img/contacts_photo.jpg
@@ -39,6 +39,7 @@ JS;
                         </div>
                         <p class="lead"><?= \Yii::t('app', 'contact_text1') ?></p>
+                        <div class="contacts_photo"><img src="/img/contacts_photo.jpg" alt=""></div>
                     </section>
                 </div>
             </div>
@@ -280,7 +280,11 @@ section.blue-fon {padding-top: 25px;}
     background: rgba(0, 0, 0, 0.1);
     box-shadow: inset 0px 250px 250px -250px black, inset 0px -250px 250px -250px black;
 }
-.video_main{background-color: #000;z-index: -1000;}
+.video_main {
+    background-color: #0080ca;
+    z-index: -1000;
+    background-image: url(/img/slide_two_fon.png);
+}
 .share_social{width:48px;height:48px;background-image:url('../img/socnets.png');display:inline-block;margin:0;padding:0;border-radius:50%;overflow:hidden;margin-top:5px;margin-right:3px;}
 .share_social.vk{background-position:0px 0px;}
 .share_social.fb{background-position:-56px 0px;}
@@ -736,6 +740,18 @@ ul.list-wr span{color: #555;}
     left: -20px;
     top: -2px;
 }
+.contacts_photo{
+    width: 100%;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: auto;
+    max-height: 520px;
+    overflow: hidden;
+    border-radius: 10px;
+}
+.contacts_photo img{width:100%;}
 @media(min-width:1201px){
     .links-ses-for-wr .container .row p {margin: 7px 20px;}
@@ -860,6 +876,12 @@ ul.list-wr span{color: #555;}
         margin-bottom: 20px;
         padding-top: 40%;
     }
+    .contacts_photo {
+        width: calc(100% + 30px);
+        max-height: 230px;
+        margin-left: -15px;
+        border-radius: 0px;
+    }
 }
 @media(min-width:768px){
     .navbar-collapse.collapse{