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,7 +89,7 @@ _________________________________________________________ --> | ||
| 89 | <div id="top"> | 89 | <div id="top"> |
| 90 | <div class="container"> | 90 | <div class="container"> |
| 91 | <div class="row"> | 91 | <div class="row"> |
| 92 | - <div class="col-xs-5 contact"> | 92 | + <div class="col-xs-6 contact"> |
| 93 | <p class="hidden-sm hidden-xs"> | 93 | <p class="hidden-sm hidden-xs"> |
| 94 | <?php | 94 | <?php |
| 95 | if (!empty($settings->phone)) { | 95 | if (!empty($settings->phone)) { |
| @@ -108,7 +108,7 @@ _________________________________________________________ --> | @@ -108,7 +108,7 @@ _________________________________________________________ --> | ||
| 108 | <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a> | 108 | <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a> |
| 109 | </p> | 109 | </p> |
| 110 | </div> | 110 | </div> |
| 111 | - <div class="col-xs-7"> | 111 | + <div class="col-xs-6"> |
| 112 | <div class="social"> | 112 | <div class="social"> |
| 113 | <?php | 113 | <?php |
| 114 | if (!empty($settings->facebook)) { | 114 | if (!empty($settings->facebook)) { |
frontend/views/site/index.php
| @@ -18,17 +18,23 @@ JS; | @@ -18,17 +18,23 @@ JS; | ||
| 18 | $this->registerJs($js, View::POS_END); | 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 | </div> | 24 | </div> |
| 31 | </section> | 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 | <section class="no-mb mtop-25"> | 39 | <section class="no-mb mtop-25"> |
| 34 | <div class="container"> | 40 | <div class="container"> |
frontend/web/css/style.css
| @@ -312,6 +312,7 @@ a.sqre_btn { | @@ -312,6 +312,7 @@ a.sqre_btn { | ||
| 312 | } | 312 | } |
| 313 | 313 | ||
| 314 | .card1{padding-top:60px;} | 314 | .card1{padding-top:60px;} |
| 315 | +.main_video_yt{width:100%;height: calc(100vh - 101px);} | ||
| 315 | 316 | ||
| 316 | @media(min-width:992px) and (max-width:1199px){ | 317 | @media(min-width:992px) and (max-width:1199px){ |
| 317 | .pr_cover { | 318 | .pr_cover { |
| @@ -355,6 +356,19 @@ a.sqre_btn { | @@ -355,6 +356,19 @@ a.sqre_btn { | ||
| 355 | margin-top: -25px; | 356 | margin-top: -25px; |
| 356 | margin-bottom: 40px; | 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 | @media(max-width:768px){ | 373 | @media(max-width:768px){ |
| 360 | .main_video_fb{ | 374 | .main_video_fb{ |