Commit c08cc401cd8ea16c964fae71b06a28bb904d4141
1 parent
05d59e42
verstka 2
Showing
2 changed files
with
26 additions
and
13 deletions
Show diff stats
frontend/views/site/index.php
| @@ -45,7 +45,7 @@ $this->registerJs($js, View::POS_END); | @@ -45,7 +45,7 @@ $this->registerJs($js, View::POS_END); | ||
| 45 | </div> | 45 | </div> |
| 46 | </section> | 46 | </section> |
| 47 | 47 | ||
| 48 | -<section class="bar background-kben ptop30 no-mb"> | 48 | +<section class="bar background-kben ptop30 no-mb card1"> |
| 49 | <div class="container"> | 49 | <div class="container"> |
| 50 | <div class="row"> | 50 | <div class="row"> |
| 51 | <div class="col-md-12"> | 51 | <div class="col-md-12"> |
| @@ -71,7 +71,7 @@ $this->registerJs($js, View::POS_END); | @@ -71,7 +71,7 @@ $this->registerJs($js, View::POS_END); | ||
| 71 | </div> | 71 | </div> |
| 72 | </section> | 72 | </section> |
| 73 | 73 | ||
| 74 | -<section class="bar background-white ptop30 no-mb"> | 74 | +<section class="bar background-white ptop30 no-mb card1"> |
| 75 | <div class="container"> | 75 | <div class="container"> |
| 76 | <div class="row"> | 76 | <div class="row"> |
| 77 | <div class="col-md-12"> | 77 | <div class="col-md-12"> |
| @@ -97,7 +97,7 @@ $this->registerJs($js, View::POS_END); | @@ -97,7 +97,7 @@ $this->registerJs($js, View::POS_END); | ||
| 97 | </div> | 97 | </div> |
| 98 | </section> | 98 | </section> |
| 99 | 99 | ||
| 100 | -<section class="bar background-kben ptop30 no-mb"> | 100 | +<section class="bar background-kben ptop30 no-mb card1"> |
| 101 | <div class="container"> | 101 | <div class="container"> |
| 102 | <div class="row"> | 102 | <div class="row"> |
| 103 | <div class="col-md-12"> | 103 | <div class="col-md-12"> |
| @@ -123,7 +123,7 @@ $this->registerJs($js, View::POS_END); | @@ -123,7 +123,7 @@ $this->registerJs($js, View::POS_END); | ||
| 123 | </div> | 123 | </div> |
| 124 | </section> | 124 | </section> |
| 125 | 125 | ||
| 126 | -<section class="bar background-white ptop30 no-mb"> | 126 | +<section class="bar background-white ptop30 no-mb card1"> |
| 127 | <div class="container"> | 127 | <div class="container"> |
| 128 | <div class="row"> | 128 | <div class="row"> |
| 129 | <div class="col-md-12"> | 129 | <div class="col-md-12"> |
| @@ -149,7 +149,7 @@ $this->registerJs($js, View::POS_END); | @@ -149,7 +149,7 @@ $this->registerJs($js, View::POS_END); | ||
| 149 | </div> | 149 | </div> |
| 150 | </section> | 150 | </section> |
| 151 | 151 | ||
| 152 | -<section class="bar background-kben ptop30 no-mb"> | 152 | +<section class="bar background-kben ptop30 no-mb card1"> |
| 153 | <div class="container"> | 153 | <div class="container"> |
| 154 | <div class="row"> | 154 | <div class="row"> |
| 155 | <div class="col-md-12"> | 155 | <div class="col-md-12"> |
| @@ -175,7 +175,7 @@ $this->registerJs($js, View::POS_END); | @@ -175,7 +175,7 @@ $this->registerJs($js, View::POS_END); | ||
| 175 | </div> | 175 | </div> |
| 176 | </section> | 176 | </section> |
| 177 | 177 | ||
| 178 | -<section class="bar background-white ptop30 no-mb"> | 178 | +<section class="bar background-white ptop30 no-mb card1"> |
| 179 | <div class="container"> | 179 | <div class="container"> |
| 180 | <div class="row"> | 180 | <div class="row"> |
| 181 | <div class="col-md-12"> | 181 | <div class="col-md-12"> |
| @@ -201,7 +201,7 @@ $this->registerJs($js, View::POS_END); | @@ -201,7 +201,7 @@ $this->registerJs($js, View::POS_END); | ||
| 201 | </div> | 201 | </div> |
| 202 | </section> | 202 | </section> |
| 203 | 203 | ||
| 204 | -<section class="bar background-kben ptop30 no-mb"> | 204 | +<section class="bar background-kben ptop30 no-mb card1"> |
| 205 | <div class="container"> | 205 | <div class="container"> |
| 206 | <div class="row"> | 206 | <div class="row"> |
| 207 | <div class="col-md-12"> | 207 | <div class="col-md-12"> |
| @@ -227,7 +227,7 @@ $this->registerJs($js, View::POS_END); | @@ -227,7 +227,7 @@ $this->registerJs($js, View::POS_END); | ||
| 227 | </div> | 227 | </div> |
| 228 | </section> | 228 | </section> |
| 229 | 229 | ||
| 230 | -<section class="bar background-white ptop30 pb0"> | 230 | +<section class="bar background-white ptop30 pb0 card1"> |
| 231 | <div class="container"> | 231 | <div class="container"> |
| 232 | <div class="row"> | 232 | <div class="row"> |
| 233 | <div class="col-md-12"> | 233 | <div class="col-md-12"> |
frontend/web/css/style.css
| @@ -220,17 +220,16 @@ a.sqre_btn { | @@ -220,17 +220,16 @@ a.sqre_btn { | ||
| 220 | width: 100%; | 220 | width: 100%; |
| 221 | height: 100%; | 221 | height: 100%; |
| 222 | max-width: 864px; | 222 | max-width: 864px; |
| 223 | - max-height: 480px; | 223 | + max-height: 484px; |
| 224 | margin: 0 auto; | 224 | margin: 0 auto; |
| 225 | - /*padding-top: 56%;*/ | ||
| 226 | - padding-top: 42.4999%; | 225 | + padding-top: 484px; |
| 227 | overflow: hidden; | 226 | overflow: hidden; |
| 228 | border-radius: 5px; | 227 | border-radius: 5px; |
| 229 | background: url(../img/main_video.jpg); | 228 | background: url(../img/main_video.jpg); |
| 230 | background-position: center; | 229 | background-position: center; |
| 231 | background-size: cover; | 230 | background-size: cover; |
| 232 | background-repeat: no-repeat; | 231 | background-repeat: no-repeat; |
| 233 | - margin-bottom:25px; | 232 | + margin-bottom: 25px; |
| 234 | } | 233 | } |
| 235 | .main_video_fb iframe, .image_link_wr iframe{ | 234 | .main_video_fb iframe, .image_link_wr iframe{ |
| 236 | position: absolute; | 235 | position: absolute; |
| @@ -265,8 +264,9 @@ a.sqre_btn { | @@ -265,8 +264,9 @@ a.sqre_btn { | ||
| 265 | text-align: left; | 264 | text-align: left; |
| 266 | } | 265 | } |
| 267 | .img-title table td.i-title{ | 266 | .img-title table td.i-title{ |
| 268 | - padding-left: 15px; | 267 | + padding-left: 10px; |
| 269 | text-align: left; | 268 | text-align: left; |
| 269 | + padding-right: 10px; | ||
| 270 | } | 270 | } |
| 271 | .img-title table .text-left a.sqre_btn{ | 271 | .img-title table .text-left a.sqre_btn{ |
| 272 | margin-top:0; | 272 | margin-top:0; |
| @@ -322,6 +322,18 @@ a.sqre_btn { | @@ -322,6 +322,18 @@ a.sqre_btn { | ||
| 322 | width:100%;height:100%; | 322 | width:100%;height:100%; |
| 323 | } | 323 | } |
| 324 | #section2{padding: 0!important;} | 324 | #section2{padding: 0!important;} |
| 325 | + .main_video_fb{ | ||
| 326 | + padding-top: 404px; | ||
| 327 | + } | ||
| 328 | + .card1 p.lead { | ||
| 329 | + margin-top: 20px; | ||
| 330 | + margin-bottom: 0px; | ||
| 331 | + } | ||
| 332 | +} | ||
| 333 | +@media(max-width:768px){ | ||
| 334 | + .main_video_fb{ | ||
| 335 | + padding-top: 56.1%; | ||
| 336 | + } | ||
| 325 | } | 337 | } |
| 326 | @media(min-width:768px) and (max-width:991px){ | 338 | @media(min-width:768px) and (max-width:991px){ |
| 327 | .navbar-header{width: 57px;} | 339 | .navbar-header{width: 57px;} |
| @@ -339,6 +351,7 @@ a.sqre_btn { | @@ -339,6 +351,7 @@ a.sqre_btn { | ||
| 339 | } | 351 | } |
| 340 | .button1{width:100%;} | 352 | .button1{width:100%;} |
| 341 | h2, .h2 {font-size: 6vw;} | 353 | h2, .h2 {font-size: 6vw;} |
| 354 | + .lead{font-size:16px;} | ||
| 342 | } | 355 | } |
| 343 | @media(max-width:380px){ | 356 | @media(max-width:380px){ |
| 344 | .more-projects{ | 357 | .more-projects{ |