Eugeny Galkovskiy / kbenergy_new

Commit e16f733157302427ea1ca05befac6c1629d20b85

Authored by Eugeny Galkovskiy
1 parent 4bc13cfe

main page + carousel + contacts

Showing 10 changed files with 123 additions and 10 deletions   Show diff stats
Inline Side-by-side
frontend/views/layouts/main.php
  Show/Hide comments   View file @e16f733
... ... @@ -443,9 +443,35 @@ _________________________________________________________ -->
443 443 </div>
444 444  
445 445 <!-- *** FeedBack MODAL END *** -->
446   -
447 446  
448   -
  447 + <!-- *** Breadcrumbs *** -->
  448 + <?php
  449 + if (!$isHome) {
  450 + ?>
  451 + <div id="heading-breadcrumbs">
  452 + <div class="container">
  453 + <div class="row">
  454 + <div class="col-md-7">
  455 + <h1><?= $seo->h1 ?></h1>
  456 + </div>
  457 + <div class="col-md-5">
  458 + <?= Breadcrumbs::widget(
  459 + [
  460 + 'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],
  461 + ]
  462 + ) ?>
  463 +
  464 + </div>
  465 + </div>
  466 + </div>
  467 + </div>
  468 + <?php
  469 + }
  470 + ?>
  471 + <!-- *** Breadcrumbs END *** -->
  472 +
  473 +
  474 +
449 475 <?= $content ?>
450 476  
451 477 <!-- *** FOOTER ***
... ...
frontend/views/object/index.php
  Show/Hide comments   View file @e16f733
... ... @@ -23,7 +23,7 @@
23 23  
24 24 <div id="objects-wr">
25 25 <div id="content">
26   - <div class="container">
  26 + <div class="container" style="margin-top: 25px;">
27 27  
28 28 <section>
29 29  
... ... @@ -32,7 +32,14 @@
32 32 <!--<div class="heading">
33 33 <h2>наши объекты</h2>
34 34 </div>-->
35   - <p class="lead">Туристическое агентство “WhereAreYou” осуществляет нестандартные поездки с 2003 года. Мы занимаемся не просто путешествием, а для каждого лично составляем полноценный план поездки: что лучше посетить, длительность пребывания исходя из ваших средств. Все что требуется от вас — назвать город, страну и бюджет.</p>
  35 + <p class="lead">Завдяки комплексному підходу KB Energy, Замовник отримує ефективне індивідуальне рішення для енергопостачання власного будинку. Ми маємо досвід проектування як мережевих так і гібридних сонячних електростанцій.
  36 + Кожна пропозиція включає повний комплект обладнання, у складі якого:<br /><br />
  37 + • Фотомодулі<br />
  38 + • Інвертор<br />
  39 + • Система кріплення фотомодулів<br />
  40 + • Захисна автоматика<br />
  41 + • Витратні матеріали<br /><br />
  42 + Команда професійних інсталяторів забезпечить безпечне та оперативне встановлення Вашої системи, а також допоможе із оформленням «зеленого» тарифу.</p>
36 43 </div>
37 44 </div>
38 45  
... ... @@ -89,5 +96,75 @@
89 96 </section>
90 97  
91 98 </div>
  99 + <section class="bar background-kben no-mb bt-shadow">
  100 + <div class="container">
  101 + <div class="row showcase">
  102 + <div class="col-md-3 col-sm-6">
  103 + <div class="item">
  104 + <h4><span class="counter">1</span><br>
  105 + one</h4>
  106 + </div>
  107 + </div>
  108 + <div class="col-md-3 col-sm-6">
  109 + <div class="item">
  110 + <h4><span class="counter">2</span><br>
  111 +
  112 + two</h4>
  113 + </div>
  114 + </div>
  115 + <div class="col-md-3 col-sm-6">
  116 + <div class="item">
  117 + <h4><span class="counter">3</span><br>
  118 +
  119 + three</h4>
  120 + </div>
  121 + </div>
  122 + <div class="col-md-3 col-sm-6">
  123 + <div class="item">
  124 + <h4><span class="counter">4</span><br>
  125 +
  126 + four</h4>
  127 + </div>
  128 + </div>
  129 + </div>
  130 + <!-- /.row -->
  131 + </div>
  132 + <!-- /.container -->
  133 + </section>
  134 + <section class="bar background-gray no-mb">
  135 + <div class="container">
  136 + <div class="row">
  137 + <div class="col-md-12">
  138 + <div class="heading text-center">
  139 + <h2>Наши партнёры</h2>
  140 + </div>
  141 +
  142 + <ul class="owl-carousel customers">
  143 + <li class="item">
  144 + <a href="#" target="_blank"><img src="/img/customer-1.png" alt="" class="img-responsive"></a>
  145 + </li>
  146 + <li class="item">
  147 + <a href="#" target="_blank"><img src="/img/customer-2.png" alt="" class="img-responsive"></a>
  148 + </li>
  149 + <li class="item">
  150 + <a href="#" target="_blank"><img src="/img/customer-3.png" alt="" class="img-responsive"></a>
  151 + </li>
  152 + <li class="item">
  153 + <a href="#" target="_blank"><img src="/img/customer-4.png" alt="" class="img-responsive"></a>
  154 + </li>
  155 + <li class="item">
  156 + <a href="#" target="_blank"><img src="/img/customer-5.png" alt="" class="img-responsive"></a>
  157 + </li>
  158 + <li class="item">
  159 + <a href="#" target="_blank"><img src="/img/customer-6.png" alt="" class="img-responsive"></a>
  160 + </li>
  161 + </ul>
  162 + <!-- /.owl-carousel -->
  163 + </div>
  164 +
  165 + </div>
  166 + </div>
  167 + </section>
  168 +
92 169 </div>
93 170 </div>
94 171 \ No newline at end of file
... ...
frontend/views/object/view.php
  Show/Hide comments   View file @e16f733
... ... @@ -12,7 +12,7 @@
12 12  
13 13 ?>
14 14  
15   -<div class="container">
  15 +<div class="container" style="margin-top: 25px;">
16 16 <section class="no-mb">
17 17 <div class="row">
18 18 <div class="col-md-12">
... ... @@ -23,7 +23,7 @@
23 23 </div>
24 24 </section>
25 25  
26   - <section class="no-mb main-slider">
  26 + <section class="no-mb object-slider">
27 27 <?php
28 28 $slideItems = [];
29 29 foreach ($object->slider->slides as $slide){
... ... @@ -39,7 +39,7 @@
39 39 ?>
40 40 </section>
41 41  
42   - <section>
  42 + <section class="margin-top: 30px;">
43 43 <div class="row portfolio-project">
44 44 <div class="col-md-8">
45 45 <div class="heading">
... ...
frontend/web/css/main.css
  Show/Hide comments   View file @e16f733
... ... @@ -370,10 +370,13 @@ footer .social-logos a:hover {
370 370 }
371 371 .carousel-control {
372 372 display: flex;
373   - justify-content: center;
374 373 align-items: center;
375   - font-size: 7.5vw;
376   - width:20%;
  374 + font-size: 7vw;
  375 + width: 23%;
  376 + justify-content: flex-end;
  377 +}
  378 +.carousel-control.right {
  379 + justify-content: flex-start;
377 380 }
378 381 #get-it {padding: 30px 0 10px;}
379 382 #main-page .blue-fon .heading h2{border:none;}
... ... @@ -428,6 +431,13 @@ footer .social-logos a:hover {
428 431 width: 100%;
429 432 height: 100%;
430 433 }
  434 +.portfolio .box-image .image img{
  435 + width: 100%;
  436 + height: 100%;
  437 + object-fit: cover;
  438 +}
  439 +#objects-wr .bar.background-gray{
  440 + padding: 20px 0;}
431 441  
432 442 @media(min-width:992px) and (max-width:1199px){
433 443 .pr_cover {
... ...
frontend/web/img/customer-1.png
View file @e16f733

10.4 KB | W: | H:

36.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-2.png
View file @e16f733

8.46 KB | W: | H:

80.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-3.png
View file @e16f733

5.15 KB | W: | H:

36.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-4.png
View file @e16f733

6.72 KB | W: | H:

44 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-5.png
View file @e16f733

8.6 KB | W: | H:

47.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-6.png
View file @e16f733

11.3 KB | W: | H:

27.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin