Commit e16f733157302427ea1ca05befac6c1629d20b85
1 parent
4bc13cfe
main page + carousel + contacts
Showing
10 changed files
with
123 additions
and
10 deletions
Show diff stats
frontend/views/layouts/main.php
@@ -443,9 +443,35 @@ _________________________________________________________ --> | @@ -443,9 +443,35 @@ _________________________________________________________ --> | ||
443 | </div> | 443 | </div> |
444 | 444 | ||
445 | <!-- *** FeedBack MODAL END *** --> | 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 | <?= $content ?> | 475 | <?= $content ?> |
450 | 476 | ||
451 | <!-- *** FOOTER *** | 477 | <!-- *** FOOTER *** |
frontend/views/object/index.php
@@ -23,7 +23,7 @@ | @@ -23,7 +23,7 @@ | ||
23 | 23 | ||
24 | <div id="objects-wr"> | 24 | <div id="objects-wr"> |
25 | <div id="content"> | 25 | <div id="content"> |
26 | - <div class="container"> | 26 | + <div class="container" style="margin-top: 25px;"> |
27 | 27 | ||
28 | <section> | 28 | <section> |
29 | 29 | ||
@@ -32,7 +32,14 @@ | @@ -32,7 +32,14 @@ | ||
32 | <!--<div class="heading"> | 32 | <!--<div class="heading"> |
33 | <h2>наши объекты</h2> | 33 | <h2>наши объекты</h2> |
34 | </div>--> | 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 | </div> | 43 | </div> |
37 | </div> | 44 | </div> |
38 | 45 | ||
@@ -89,5 +96,75 @@ | @@ -89,5 +96,75 @@ | ||
89 | </section> | 96 | </section> |
90 | 97 | ||
91 | </div> | 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 | </div> | 169 | </div> |
93 | </div> | 170 | </div> |
94 | \ No newline at end of file | 171 | \ No newline at end of file |
frontend/views/object/view.php
@@ -12,7 +12,7 @@ | @@ -12,7 +12,7 @@ | ||
12 | 12 | ||
13 | ?> | 13 | ?> |
14 | 14 | ||
15 | -<div class="container"> | 15 | +<div class="container" style="margin-top: 25px;"> |
16 | <section class="no-mb"> | 16 | <section class="no-mb"> |
17 | <div class="row"> | 17 | <div class="row"> |
18 | <div class="col-md-12"> | 18 | <div class="col-md-12"> |
@@ -23,7 +23,7 @@ | @@ -23,7 +23,7 @@ | ||
23 | </div> | 23 | </div> |
24 | </section> | 24 | </section> |
25 | 25 | ||
26 | - <section class="no-mb main-slider"> | 26 | + <section class="no-mb object-slider"> |
27 | <?php | 27 | <?php |
28 | $slideItems = []; | 28 | $slideItems = []; |
29 | foreach ($object->slider->slides as $slide){ | 29 | foreach ($object->slider->slides as $slide){ |
@@ -39,7 +39,7 @@ | @@ -39,7 +39,7 @@ | ||
39 | ?> | 39 | ?> |
40 | </section> | 40 | </section> |
41 | 41 | ||
42 | - <section> | 42 | + <section class="margin-top: 30px;"> |
43 | <div class="row portfolio-project"> | 43 | <div class="row portfolio-project"> |
44 | <div class="col-md-8"> | 44 | <div class="col-md-8"> |
45 | <div class="heading"> | 45 | <div class="heading"> |
frontend/web/css/main.css
@@ -370,10 +370,13 @@ footer .social-logos a:hover { | @@ -370,10 +370,13 @@ footer .social-logos a:hover { | ||
370 | } | 370 | } |
371 | .carousel-control { | 371 | .carousel-control { |
372 | display: flex; | 372 | display: flex; |
373 | - justify-content: center; | ||
374 | align-items: center; | 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 | #get-it {padding: 30px 0 10px;} | 381 | #get-it {padding: 30px 0 10px;} |
379 | #main-page .blue-fon .heading h2{border:none;} | 382 | #main-page .blue-fon .heading h2{border:none;} |
@@ -428,6 +431,13 @@ footer .social-logos a:hover { | @@ -428,6 +431,13 @@ footer .social-logos a:hover { | ||
428 | width: 100%; | 431 | width: 100%; |
429 | height: 100%; | 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 | @media(min-width:992px) and (max-width:1199px){ | 442 | @media(min-width:992px) and (max-width:1199px){ |
433 | .pr_cover { | 443 | .pr_cover { |
frontend/web/img/customer-1.png
frontend/web/img/customer-2.png
frontend/web/img/customer-3.png
frontend/web/img/customer-4.png
frontend/web/img/customer-5.png
frontend/web/img/customer-6.png