Commit 2e028a03d8032b848ef869ea231e7ef794b1612b
1 parent
8e10caa8
video yt header
Showing
3 changed files
with
31 additions
and
11 deletions
Show diff stats
frontend/views/layouts/main.php
| ... | ... | @@ -89,7 +89,7 @@ _________________________________________________________ --> |
| 89 | 89 | <div id="top"> |
| 90 | 90 | <div class="container"> |
| 91 | 91 | <div class="row"> |
| 92 | - <div class="col-xs-5 contact"> | |
| 92 | + <div class="col-xs-6 contact"> | |
| 93 | 93 | <p class="hidden-sm hidden-xs"> |
| 94 | 94 | <?php |
| 95 | 95 | if (!empty($settings->phone)) { |
| ... | ... | @@ -108,7 +108,7 @@ _________________________________________________________ --> |
| 108 | 108 | <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a> |
| 109 | 109 | </p> |
| 110 | 110 | </div> |
| 111 | - <div class="col-xs-7"> | |
| 111 | + <div class="col-xs-6"> | |
| 112 | 112 | <div class="social"> |
| 113 | 113 | <?php |
| 114 | 114 | if (!empty($settings->facebook)) { | ... | ... |
frontend/views/site/index.php
| ... | ... | @@ -18,17 +18,23 @@ JS; |
| 18 | 18 | $this->registerJs($js, View::POS_END); |
| 19 | 19 | ?> |
| 20 | 20 | |
| 21 | -<section class="no-mb mtop-25"> | |
| 22 | - <div class="container"> | |
| 23 | - <div class="col-md-12"> | |
| 24 | - <div class="row"> | |
| 25 | - <div class="main_video_fb"> | |
| 26 | - <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FKBEnergy.UA%2Fvideos%2F1171662169609800%2F&show_text=0&width=560" width="100%" height="100%" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe> | |
| 27 | - </div> | |
| 28 | - </div> | |
| 29 | - </div> | |
| 21 | +<section> | |
| 22 | + <div class="background-kben main_video_yt"> | |
| 23 | + <iframe width="100%" height="100%" src="https://www.youtube.com/embed/yVNaRNlAVDY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> | |
| 30 | 24 | </div> |
| 31 | 25 | </section> |
| 26 | +<!----> | |
| 27 | +<!--<section class="no-mb mtop-25">--> | |
| 28 | +<!-- <div class="container">--> | |
| 29 | +<!-- <div class="col-md-12">--> | |
| 30 | +<!-- <div class="row">--> | |
| 31 | +<!-- <div class="main_video_fb">--> | |
| 32 | +<!-- <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FKBEnergy.UA%2Fvideos%2F1171662169609800%2F&show_text=0&width=560" width="100%" height="100%" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>--> | |
| 33 | +<!-- </div>--> | |
| 34 | +<!-- </div>--> | |
| 35 | +<!-- </div>--> | |
| 36 | +<!-- </div>--> | |
| 37 | +<!--</section>--> | |
| 32 | 38 | |
| 33 | 39 | <section class="no-mb mtop-25"> |
| 34 | 40 | <div class="container"> | ... | ... |
frontend/web/css/style.css
| ... | ... | @@ -312,6 +312,7 @@ a.sqre_btn { |
| 312 | 312 | } |
| 313 | 313 | |
| 314 | 314 | .card1{padding-top:60px;} |
| 315 | +.main_video_yt{width:100%;height: calc(100vh - 101px);} | |
| 315 | 316 | |
| 316 | 317 | @media(min-width:992px) and (max-width:1199px){ |
| 317 | 318 | .pr_cover { |
| ... | ... | @@ -355,6 +356,19 @@ a.sqre_btn { |
| 355 | 356 | margin-top: -25px; |
| 356 | 357 | margin-bottom: 40px; |
| 357 | 358 | } |
| 359 | + .main_video_yt{ | |
| 360 | + width: 100%; | |
| 361 | + height: 0; | |
| 362 | + padding-bottom: calc(57% - 6px); | |
| 363 | + position: relative; | |
| 364 | + } | |
| 365 | + .main_video_yt iframe{ | |
| 366 | + width: 100%; | |
| 367 | + height: 100%; | |
| 368 | + position: absolute; | |
| 369 | + top: 0; | |
| 370 | + left: 0; | |
| 371 | + } | |
| 358 | 372 | } |
| 359 | 373 | @media(max-width:768px){ |
| 360 | 374 | .main_video_fb{ | ... | ... |