Commit 9d6aeca986305ddec2302c60cd52c1d0ce2cb6ff

Authored by Eugeny Galkovskiy
1 parent c06a949f

verstka

Showing 2 changed files with 348 additions and 207 deletions   Show diff stats
frontend/views/site/index.php
@@ -18,8 +18,7 @@ JS; @@ -18,8 +18,7 @@ JS;
18 $this->registerJs($js, View::POS_END); 18 $this->registerJs($js, View::POS_END);
19 ?> 19 ?>
20 20
21 -  
22 -<section class="no-mb"> 21 +<section class="no-mb mtop-25">
23 <div class="container"> 22 <div class="container">
24 <div class="row"> 23 <div class="row">
25 <div class="col-md-12"> 24 <div class="col-md-12">
@@ -29,181 +28,228 @@ $this-&gt;registerJs($js, View::POS_END); @@ -29,181 +28,228 @@ $this-&gt;registerJs($js, View::POS_END);
29 </div> 28 </div>
30 </div> 29 </div>
31 <div class="row"> 30 <div class="row">
32 - <div class="col-md-7">  
33 -  
34 - 31 + <div class="col-md-12">
35 <p class="lead"><?= Yii::t('app', 'text1') ?></p> 32 <p class="lead"><?= Yii::t('app', 'text1') ?></p>
36 -  
37 </div> 33 </div>
38 - <div class="col-md-5"> 34 + </div>
  35 + <div class="col-md-12">
  36 + <div class="row">
39 <div class="main_video_fb"> 37 <div class="main_video_fb">
40 <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> 38 <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>
41 </div> 39 </div>
42 </div> 40 </div>
43 </div> 41 </div>
44 <div class="row"> 42 <div class="row">
45 - <div style="text-align: center;margin-bottom: 25px;"><a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal" style="margin: 0 auto;width: 225px;"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a></div> 43 + <div style="text-align: center;margin-bottom: 35px;"><a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal" style="margin: 0 auto;width: 225px;"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a></div>
46 </div> 44 </div>
47 </div> 45 </div>
48 </section> 46 </section>
49 47
50 -<section class="bar background-kben ptop30"> 48 +<section class="bar background-kben ptop30 no-mb">
51 <div class="container"> 49 <div class="container">
52 <div class="row"> 50 <div class="row">
53 - <div class="col-md-12">  
54 - <div class="heading text-left">  
55 - <h2><?= Yii::t('app', 'title2') ?></h2>  
56 - </div>  
57 - <div class="row">  
58 - <div class="col-md-4">  
59 - <img src="../img/accord/acc01.jpg" alt="" class="img-responsive border5"> 51 + <div class="col-md-12">
  52 + <div class="heading text-left">
  53 + <h2><?= Yii::t('app', 'title2') ?></h2>
  54 + </div>
  55 + <div class="row">
  56 + <div class="col-md-4 hidden-md hidden-lg">
  57 + <img src="../img/accord/acc01.jpg" alt="" class="img-responsive border5">
  58 + </div>
  59 + <div class="col-md-8">
  60 + <p class="lead"><?= Yii::t('app', 'text2') ?></p>
  61 + </div>
  62 + <div class="col-md-4 hidden-xs hidden-sm">
  63 + <img src="../img/accord/acc01.jpg" alt="" class="img-responsive border5">
  64 + </div>
60 </div> 65 </div>
61 - <div class="col-md-8">  
62 - <p class="lead"><?= Yii::t('app', 'text2') ?></p> 66 + <div class="col-md-12 get_station_center">
  67 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
63 </div> 68 </div>
64 </div> 69 </div>
65 </div> 70 </div>
66 - </div>  
67 </div> 71 </div>
68 </section> 72 </section>
69 73
70 -<section class="bar background-white ptop30"> 74 +<section class="bar background-white ptop30 no-mb">
71 <div class="container"> 75 <div class="container">
72 <div class="row"> 76 <div class="row">
73 - <div class="col-md-12">  
74 - <div class="heading text-left">  
75 - <h2><?= Yii::t('app', 'title3') ?></h2>  
76 - </div>  
77 - <div class="row">  
78 - <div class="col-md-8">  
79 - <p class="lead"><?= Yii::t('app', 'text3') ?></p> 77 + <div class="col-md-12">
  78 + <div class="heading text-left">
  79 + <h2><?= Yii::t('app', 'title3') ?></h2>
80 </div> 80 </div>
81 - <div class="col-md-4">  
82 - <img src="../img/accord/acc02.jpg" alt="" class="img-responsive border5"> 81 + <div class="row">
  82 + <div class="col-md-4 hidden-md hidden-lg">
  83 + <img src="../img/accord/acc02.jpg" alt="" class="img-responsive border5">
  84 + </div>
  85 + <div class="col-md-8">
  86 + <p class="lead"><?= Yii::t('app', 'text3') ?></p>
  87 + </div>
  88 + <div class="col-md-4 hidden-xs hidden-sm">
  89 + <img src="../img/accord/acc02.jpg" alt="" class="img-responsive border5">
  90 + </div>
  91 + </div>
  92 + <div class="col-md-12 get_station_center">
  93 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
83 </div> 94 </div>
84 </div> 95 </div>
85 </div> 96 </div>
86 - </div>  
87 </div> 97 </div>
88 </section> 98 </section>
89 99
90 -<section class="bar background-kben ptop30"> 100 +<section class="bar background-kben ptop30 no-mb">
91 <div class="container"> 101 <div class="container">
92 <div class="row"> 102 <div class="row">
93 - <div class="col-md-12">  
94 - <div class="heading text-left">  
95 - <h2><?= Yii::t('app', 'title4') ?></h2>  
96 - </div>  
97 - <div class="row">  
98 - <div class="col-md-4">  
99 - <img src="../img/accord/acc03.jpg" alt="" class="img-responsive border5"> 103 + <div class="col-md-12">
  104 + <div class="heading text-left">
  105 + <h2><?= Yii::t('app', 'title4') ?></h2>
100 </div> 106 </div>
101 - <div class="col-md-8">  
102 - <p class="lead"><?= Yii::t('app', 'text4') ?></p> 107 + <div class="row">
  108 + <div class="col-md-4 hidden-lg hidden-md">
  109 + <img src="../img/accord/acc03.jpg" alt="" class="img-responsive border5">
  110 + </div>
  111 + <div class="col-md-8">
  112 + <p class="lead"><?= Yii::t('app', 'text4') ?></p>
  113 + </div>
  114 + <div class="col-md-4 hidden-xs hidden-sm">
  115 + <img src="../img/accord/acc03.jpg" alt="" class="img-responsive border5">
  116 + </div>
  117 + </div>
  118 + <div class="col-md-12 get_station_center">
  119 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
103 </div> 120 </div>
104 </div> 121 </div>
105 </div> 122 </div>
106 - </div>  
107 </div> 123 </div>
108 </section> 124 </section>
109 125
110 -<section class="bar background-white ptop30"> 126 +<section class="bar background-white ptop30 no-mb">
111 <div class="container"> 127 <div class="container">
112 <div class="row"> 128 <div class="row">
113 - <div class="col-md-12">  
114 - <div class="heading text-left">  
115 - <h2><?= Yii::t('app', 'title5') ?></h2>  
116 - </div>  
117 - <div class="row">  
118 - <div class="col-md-8">  
119 - <p class="lead"><?= Yii::t('app', 'text5') ?></p> 129 + <div class="col-md-12">
  130 + <div class="heading text-left">
  131 + <h2><?= Yii::t('app', 'title5') ?></h2>
120 </div> 132 </div>
121 - <div class="col-md-4">  
122 - <img src="../img/accord/acc07.jpg" alt="" class="img-responsive border5"> 133 + <div class="row">
  134 + <div class="col-md-4 hidden-lg hidden-md">
  135 + <img src="../img/accord/acc07.jpg" alt="" class="img-responsive border5">
  136 + </div>
  137 + <div class="col-md-8">
  138 + <p class="lead"><?= Yii::t('app', 'text5') ?></p>
  139 + </div>
  140 + <div class="col-md-4 hidden-xs hidden-sm">
  141 + <img src="../img/accord/acc07.jpg" alt="" class="img-responsive border5">
  142 + </div>
  143 + </div>
  144 + <div class="col-md-12 get_station_center">
  145 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
123 </div> 146 </div>
124 </div> 147 </div>
125 </div> 148 </div>
126 - </div>  
127 </div> 149 </div>
128 </section> 150 </section>
129 151
130 -<section class="bar background-kben ptop30"> 152 +<section class="bar background-kben ptop30 no-mb">
131 <div class="container"> 153 <div class="container">
132 <div class="row"> 154 <div class="row">
133 - <div class="col-md-12">  
134 - <div class="heading text-left">  
135 - <h2><?= Yii::t('app', 'title6') ?></h2>  
136 - </div>  
137 - <div class="row">  
138 - <div class="col-md-4">  
139 - <img src="../img/accord/acc08.jpg" alt="" class="img-responsive border5"> 155 + <div class="col-md-12">
  156 + <div class="heading text-left">
  157 + <h2><?= Yii::t('app', 'title6') ?></h2>
  158 + </div>
  159 + <div class="row">
  160 + <div class="col-md-4 hidden-lg hidden-md">
  161 + <img src="../img/accord/acc08.jpg" alt="" class="img-responsive border5">
  162 + </div>
  163 + <div class="col-md-8">
  164 + <p class="lead"><?= Yii::t('app', 'text6') ?></p>
  165 + </div>
  166 + <div class="col-md-4 hidden-xs hidden-sm">
  167 + <img src="../img/accord/acc08.jpg" alt="" class="img-responsive border5">
  168 + </div>
140 </div> 169 </div>
141 - <div class="col-md-8">  
142 - <p class="lead"><?= Yii::t('app', 'text6') ?></p> 170 + <div class="col-md-12 get_station_center">
  171 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
143 </div> 172 </div>
144 </div> 173 </div>
145 </div> 174 </div>
146 - </div>  
147 </div> 175 </div>
148 </section> 176 </section>
149 177
150 -<section class="bar background-white ptop30"> 178 +<section class="bar background-white ptop30 no-mb">
151 <div class="container"> 179 <div class="container">
152 <div class="row"> 180 <div class="row">
153 - <div class="col-md-12">  
154 - <div class="heading text-left">  
155 - <h2><?= Yii::t('app', 'title7') ?></h2>  
156 - </div>  
157 - <div class="row">  
158 - <div class="col-md-8">  
159 - <p class="lead"><?= Yii::t('app', 'text7') ?></p> 181 + <div class="col-md-12">
  182 + <div class="heading text-left">
  183 + <h2><?= Yii::t('app', 'title7') ?></h2>
160 </div> 184 </div>
161 - <div class="col-md-4">  
162 - <img src="../img/accord/acc04.jpg" alt="" class="img-responsive border5"> 185 + <div class="row">
  186 + <div class="col-md-4 hidden-lg hidden-md">
  187 + <img src="../img/accord/acc04.jpg" alt="" class="img-responsive border5">
  188 + </div>
  189 + <div class="col-md-8">
  190 + <p class="lead"><?= Yii::t('app', 'text7') ?></p>
  191 + </div>
  192 + <div class="col-md-4 hidden-xs hidden-sm">
  193 + <img src="../img/accord/acc04.jpg" alt="" class="img-responsive border5">
  194 + </div>
  195 + </div>
  196 + <div class="col-md-12 get_station_center">
  197 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
163 </div> 198 </div>
164 </div> 199 </div>
165 </div> 200 </div>
166 - </div>  
167 </div> 201 </div>
168 </section> 202 </section>
169 203
170 -<section class="bar background-kben ptop30"> 204 +<section class="bar background-kben ptop30 no-mb">
171 <div class="container"> 205 <div class="container">
172 <div class="row"> 206 <div class="row">
173 - <div class="col-md-12">  
174 - <div class="heading text-left">  
175 - <h2><?= Yii::t('app', 'title8') ?></h2>  
176 - </div>  
177 - <div class="row">  
178 - <div class="col-md-4">  
179 - <img src="../img/accord/acc05.jpg" alt="" class="img-responsive border5"> 207 + <div class="col-md-12">
  208 + <div class="heading text-left">
  209 + <h2><?= Yii::t('app', 'title8') ?></h2>
  210 + </div>
  211 + <div class="row">
  212 + <div class="col-md-4 hidden-lg hidden-md">
  213 + <img src="../img/accord/acc05.jpg" alt="" class="img-responsive border5">
  214 + </div>
  215 + <div class="col-md-8">
  216 + <p class="lead"><?= Yii::t('app', 'text8') ?></p>
  217 + </div>
  218 + <div class="col-md-4 hidden-xs hidden-sm">
  219 + <img src="../img/accord/acc05.jpg" alt="" class="img-responsive border5">
  220 + </div>
180 </div> 221 </div>
181 - <div class="col-md-8">  
182 - <p class="lead"><?= Yii::t('app', 'text8') ?></p> 222 + <div class="col-md-12 get_station_center">
  223 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
183 </div> 224 </div>
184 </div> 225 </div>
185 </div> 226 </div>
186 - </div>  
187 </div> 227 </div>
188 </section> 228 </section>
189 229
190 -<section class="bar background-white ptop30"> 230 +<section class="bar background-white ptop30 pb0">
191 <div class="container"> 231 <div class="container">
192 <div class="row"> 232 <div class="row">
193 - <div class="col-md-12">  
194 - <div class="heading text-left">  
195 - <h2><?= Yii::t('app', 'title9') ?></h2>  
196 - </div>  
197 - <div class="row">  
198 - <div class="col-md-8">  
199 - <p class="lead"><?= Yii::t('app', 'text9') ?></p> 233 + <div class="col-md-12">
  234 + <div class="heading text-left">
  235 + <h2><?= Yii::t('app', 'title9') ?></h2>
200 </div> 236 </div>
201 - <div class="col-md-4">  
202 - <img src="../img/accord/acc06.jpg" alt="" class="img-responsive border5"> 237 + <div class="row">
  238 + <div class="col-md-4 hidden-lg hidden-md">
  239 + <img src="../img/accord/acc06.jpg" alt="" class="img-responsive border5">
  240 + </div>
  241 + <div class="col-md-8">
  242 + <p class="lead"><?= Yii::t('app', 'text9') ?></p>
  243 + </div>
  244 + <div class="col-md-4 hidden-xs hidden-sm">
  245 + <img src="../img/accord/acc06.jpg" alt="" class="img-responsive border5">
  246 + </div>
  247 + </div>
  248 + <div class="col-md-12 get_station_center">
  249 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
203 </div> 250 </div>
204 </div> 251 </div>
205 </div> 252 </div>
206 - </div>  
207 </div> 253 </div>
208 </section> 254 </section>
209 255
@@ -267,61 +313,113 @@ $this-&gt;registerJs($js, View::POS_END); @@ -267,61 +313,113 @@ $this-&gt;registerJs($js, View::POS_END);
267 </div> 313 </div>
268 <div class="row"> 314 <div class="row">
269 <div class="col-md-12"> 315 <div class="col-md-12">
270 - <p style="margin-top:25px;" class="lead"><?= Yii::t('app', 'sect2_1') ?><br /></p>  
271 - <p class="lead"> 316 + <p style="margin-top: -10px;" class="lead"><?= Yii::t('app', 'sect2_1') ?><br /></p>
  317 + <p class="lead">
272 318
273 - <?= Yii::t('app', 'sect2_2') ?><br /> 319 + <?= Yii::t('app', 'sect2_2') ?><br />
274 320
275 - - <?= Yii::t('app', 'sect2_3') ?><br /> 321 + - <?= Yii::t('app', 'sect2_3') ?><br />
276 322
277 - - <?= Yii::t('app', 'sect2_4') ?><br /> 323 + - <?= Yii::t('app', 'sect2_4') ?><br />
278 324
279 - - <?= Yii::t('app', 'sect2_5') ?>  
280 - </p>  
281 - <a href="http://fb.com/KBEnergy.UA/" class="button1 more-projects" target="_blank"><?= Yii::t('app', 'sect2_6') ?></a> 325 + - <?= Yii::t('app', 'sect2_5') ?>
  326 + </p>
  327 + <p style="text-align: center;margin-top: -10px;margin-bottom: 25px;">
  328 + <a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
  329 + </p>
282 </div> 330 </div>
283 </div> 331 </div>
284 <div class="row portfolio"> 332 <div class="row portfolio">
285 - <div class="col-sm-3"> 333 + <div class="col-sm-6">
286 <div class="box-image"> 334 <div class="box-image">
287 <div class="image"> 335 <div class="image">
288 <div class="image_link_wr"> 336 <div class="image_link_wr">
289 - <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/HymA-lcE14c" style="border:none;overflow:hidden;width: 100%;" allowfullscreen=""></iframe> 337 + <a href="https://youtu.be/HymA-lcE14c" target="_blank" class="image_link" style="background-image:url('/img/video_yt.jpg');"></a>
  338 + </div>
  339 + <div class="img-title">
  340 + <table>
  341 + <tr>
  342 + <td class="buts text-left">
  343 + <a href="https://youtu.be/HymA-lcE14c" class="sqre_btn blue_arrow" target="_blank" title="ะกะผะพั‚ั€ะตั‚ัŒ ะฝะฐ YouTube"></a>
  344 + <a href="#" class="btn sqre_btn yellow_calc modaled init-button-ัalculate" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
  345 + </td>
  346 + <td class="i-title" valign="center">
  347 + <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p>
  348 + </td>
  349 + </tr>
  350 + </table>
290 </div> 351 </div>
291 - <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p>  
292 </div> 352 </div>
293 </div> 353 </div>
294 <!-- /.box-image --> 354 <!-- /.box-image -->
295 </div> 355 </div>
296 - <div class="col-sm-3"> 356 + <div class="col-sm-6">
297 <div class="box-image"> 357 <div class="box-image">
298 <div class="image"> 358 <div class="image">
299 <div class="image_link_wr"> 359 <div class="image_link_wr">
300 <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');"></a> 360 <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');"></a>
301 </div> 361 </div>
302 - <p class="pr_title2"><a href="#" class="open_gal" id="gal02"><?= Yii::t('app', 'sect2_8') ?></a></p> 362 + <div class="img-title">
  363 + <table>
  364 + <tr>
  365 + <td class="buts text-left">
  366 + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02"></a>
  367 + <a href="#" class="btn sqre_btn yellow_calc modaled init-button-ัalculate" data-title="<?= Yii::t('app', 'sect2_8') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
  368 + </td>
  369 + <td class="i-title" valign="center">
  370 + <p class="pr_title2"><a href="#" class="open_gal" id="gal02"><?= Yii::t('app', 'sect2_8') ?></a></p>
  371 + </td>
  372 + </tr>
  373 + </table>
  374 + </div>
303 </div> 375 </div>
304 </div> 376 </div>
305 <!-- /.box-image --> 377 <!-- /.box-image -->
306 </div> 378 </div>
307 - <div class="col-sm-3"> 379 + <div class="col-sm-6">
308 <div class="box-image"> 380 <div class="box-image">
309 <div class="image"> 381 <div class="image">
310 <div class="image_link_wr"> 382 <div class="image_link_wr">
311 <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');"></a> 383 <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');"></a>
312 </div> 384 </div>
313 - <p class="pr_title2"><a href="#" class="open_gal" id="gal01"><?= Yii::t('app', 'sect2_9') ?></a></p> 385 + <div class="img-title">
  386 + <table>
  387 + <tr>
  388 + <td class="buts text-left">
  389 + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01"></a>
  390 + <a href="#" class="btn sqre_btn yellow_calc modaled init-button-ัalculate" data-title="<?= Yii::t('app', 'sect2_9') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
  391 + </td>
  392 + <td class="i-title" valign="center">
  393 + <p class="pr_title2">
  394 + <a href="#" class="open_gal" id="gal01"><?= Yii::t('app', 'sect2_9') ?></a>
  395 + </p>
  396 + </td>
  397 + </tr>
  398 + </table>
  399 + </div>
314 </div> 400 </div>
315 </div> 401 </div>
316 <!-- /.box-image --> 402 <!-- /.box-image -->
317 </div> 403 </div>
318 - <div class="col-sm-3"> 404 + <div class="col-sm-6">
319 <div class="box-image"> 405 <div class="box-image">
320 <div class="image"> 406 <div class="image">
321 <div class="image_link_wr"> 407 <div class="image_link_wr">
322 <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');"></a> 408 <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');"></a>
323 </div> 409 </div>
324 - <p class="pr_title2"><a href="#" class="open_gal" id="gal03"><?= Yii::t('app', 'sect2_10') ?></a></p> 410 + <div class="img-title">
  411 + <table>
  412 + <tr>
  413 + <td class="buts text-left">
  414 + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03"></a>
  415 + <a href="#" class="btn sqre_btn yellow_calc modaled init-button-ัalculate" data-title="<?= Yii::t('app', 'sect2_10') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
  416 + </td>
  417 + <td class="i-title" valign="center">
  418 + <p class="pr_title2"><a href="#" class="open_gal" id="gal03"><?= Yii::t('app', 'sect2_10') ?></a></p>
  419 + </td>
  420 + </tr>
  421 + </table>
  422 + </div>
325 </div> 423 </div>
326 </div> 424 </div>
327 <!-- /.box-image --> 425 <!-- /.box-image -->
@@ -329,7 +427,7 @@ $this-&gt;registerJs($js, View::POS_END); @@ -329,7 +427,7 @@ $this-&gt;registerJs($js, View::POS_END);
329 </div> 427 </div>
330 <div class="row"> 428 <div class="row">
331 <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;"> 429 <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;">
332 - <a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a> 430 + <a href="http://fb.com/KBEnergy.UA/" class="button1 more-projects" target="_blank"><?= Yii::t('app', 'sect2_6') ?></a>
333 </div> 431 </div>
334 </div> 432 </div>
335 </div> 433 </div>
@@ -374,103 +472,103 @@ $this-&gt;registerJs($js, View::POS_END); @@ -374,103 +472,103 @@ $this-&gt;registerJs($js, View::POS_END);
374 </section> 472 </section>
375 473
376 <section class="bar background-white" id="section3"> 474 <section class="bar background-white" id="section3">
377 - <div class="container">  
378 - <div class="col-md-12">  
379 - <div class="heading text-left">  
380 - <h2><?= Yii::t('app', 'title12') ?></h2>  
381 - </div>  
382 -  
383 - <div class="row">  
384 - <div class="col-md-4">  
385 - <div class="box-simple">  
386 - <div class="icon icon_en" id="icon01"></div>  
387 - <h3><?= Yii::t('app', 'sect3_1') ?></h3>  
388 - <p><?= Yii::t('app', 'sect3_2') ?></p>  
389 - </div>  
390 - </div>  
391 - <div class="col-md-4">  
392 - <div class="box-simple">  
393 - <div class="icon icon_en" id="icon02"></div>  
394 - <h3><?= Yii::t('app', 'sect3_3') ?></h3>  
395 - <p><?= Yii::t('app', 'sect3_4') ?></p>  
396 - </div>  
397 - </div>  
398 - <div class="col-md-4">  
399 - <div class="box-simple">  
400 - <div class="icon icon_en" id="icon03"></div>  
401 - <h3><?= Yii::t('app', 'sect3_5') ?></h3>  
402 - <p><?= Yii::t('app', 'sect3_6') ?></p>  
403 - </div>  
404 - </div>  
405 - </div>  
406 -  
407 - <div class="row">  
408 - <div class="col-md-4">  
409 - <div class="box-simple">  
410 - <div class="icon icon_en" id="icon04"></div>  
411 - <h3><?= Yii::t('app', 'sect3_7') ?></h3>  
412 - <p><?= Yii::t('app', 'sect3_8') ?></p>  
413 - </div>  
414 - </div>  
415 - <div class="col-md-4">  
416 - <div class="box-simple">  
417 - <div class="icon icon_en" id="icon05"></div>  
418 - <h3><?= Yii::t('app', 'sect3_9') ?></h3>  
419 - <p><?= Yii::t('app', 'sect3_10') ?></p>  
420 - </div>  
421 - </div>  
422 - <div class="col-md-4">  
423 - <div class="box-simple">  
424 - <div class="icon icon_en" id="icon06"></div>  
425 - <h3><?= Yii::t('app', 'sect3_11') ?></h3>  
426 - <p><?= Yii::t('app', 'sect3_12') ?></p>  
427 - </div>  
428 - </div>  
429 - </div> 475 + <div class="container">
  476 + <div class="col-md-12">
  477 + <div class="heading text-left">
  478 + <h2><?= Yii::t('app', 'title12') ?></h2>
  479 + </div>
430 480
431 - <div class="row">  
432 - <div class="col-md-4">  
433 - <div class="box-simple">  
434 - <div class="icon icon_en" id="icon07"></div>  
435 - <h3><?= Yii::t('app', 'sect3_13') ?></h3>  
436 - <p><?= Yii::t('app', 'sect3_14') ?></p> 481 + <div class="row">
  482 + <div class="col-md-4">
  483 + <div class="box-simple">
  484 + <div class="icon icon_en" id="icon01"></div>
  485 + <h3><?= Yii::t('app', 'sect3_1') ?></h3>
  486 + <p><?= Yii::t('app', 'sect3_2') ?></p>
  487 + </div>
437 </div> 488 </div>
438 - </div>  
439 - <div class="col-md-4">  
440 - <div class="box-simple">  
441 - <div class="icon icon_en" id="icon08"></div>  
442 - <h3><?= Yii::t('app', 'sect3_15') ?></h3>  
443 - <p><?= Yii::t('app', 'sect3_16') ?></p> 489 + <div class="col-md-4">
  490 + <div class="box-simple">
  491 + <div class="icon icon_en" id="icon02"></div>
  492 + <h3><?= Yii::t('app', 'sect3_3') ?></h3>
  493 + <p><?= Yii::t('app', 'sect3_4') ?></p>
  494 + </div>
  495 + </div>
  496 + <div class="col-md-4">
  497 + <div class="box-simple">
  498 + <div class="icon icon_en" id="icon03"></div>
  499 + <h3><?= Yii::t('app', 'sect3_5') ?></h3>
  500 + <p><?= Yii::t('app', 'sect3_6') ?></p>
  501 + </div>
444 </div> 502 </div>
445 </div> 503 </div>
446 - <div class="col-md-4">  
447 - <div class="box-simple">  
448 - <div class="icon icon_en" id="icon09"></div>  
449 - <h3><?= Yii::t('app', 'sect3_17') ?></h3>  
450 - <p><?= Yii::t('app', 'sect3_18') ?></p> 504 +
  505 + <div class="row">
  506 + <div class="col-md-4">
  507 + <div class="box-simple">
  508 + <div class="icon icon_en" id="icon04"></div>
  509 + <h3><?= Yii::t('app', 'sect3_7') ?></h3>
  510 + <p><?= Yii::t('app', 'sect3_8') ?></p>
  511 + </div>
  512 + </div>
  513 + <div class="col-md-4">
  514 + <div class="box-simple">
  515 + <div class="icon icon_en" id="icon05"></div>
  516 + <h3><?= Yii::t('app', 'sect3_9') ?></h3>
  517 + <p><?= Yii::t('app', 'sect3_10') ?></p>
  518 + </div>
  519 + </div>
  520 + <div class="col-md-4">
  521 + <div class="box-simple">
  522 + <div class="icon icon_en" id="icon06"></div>
  523 + <h3><?= Yii::t('app', 'sect3_11') ?></h3>
  524 + <p><?= Yii::t('app', 'sect3_12') ?></p>
  525 + </div>
451 </div> 526 </div>
452 </div> 527 </div>
453 - </div>  
454 528
455 - <div class="row">  
456 - <div class="col-md-4 col-md-offset-4">  
457 - <div class="box-simple">  
458 - <div class="icon icon_en" id="icon10"></div>  
459 - <h3><?= Yii::t('app', 'sect3_19') ?></h3>  
460 - <p><?= Yii::t('app', 'sect3_20') ?></p> 529 + <div class="row">
  530 + <div class="col-md-4">
  531 + <div class="box-simple">
  532 + <div class="icon icon_en" id="icon07"></div>
  533 + <h3><?= Yii::t('app', 'sect3_13') ?></h3>
  534 + <p><?= Yii::t('app', 'sect3_14') ?></p>
  535 + </div>
  536 + </div>
  537 + <div class="col-md-4">
  538 + <div class="box-simple">
  539 + <div class="icon icon_en" id="icon08"></div>
  540 + <h3><?= Yii::t('app', 'sect3_15') ?></h3>
  541 + <p><?= Yii::t('app', 'sect3_16') ?></p>
  542 + </div>
  543 + </div>
  544 + <div class="col-md-4">
  545 + <div class="box-simple">
  546 + <div class="icon icon_en" id="icon09"></div>
  547 + <h3><?= Yii::t('app', 'sect3_17') ?></h3>
  548 + <p><?= Yii::t('app', 'sect3_18') ?></p>
  549 + </div>
461 </div> 550 </div>
462 </div> 551 </div>
463 - </div>  
464 - <div class="row">  
465 - <div class="lead">  
466 - <p class="text-center"><?= Yii::t('app', 'sect3_21') ?></p> 552 +
  553 + <div class="row">
  554 + <div class="col-md-4 col-md-offset-4">
  555 + <div class="box-simple">
  556 + <div class="icon icon_en" id="icon10"></div>
  557 + <h3><?= Yii::t('app', 'sect3_19') ?></h3>
  558 + <p><?= Yii::t('app', 'sect3_20') ?></p>
  559 + </div>
  560 + </div>
467 </div> 561 </div>
468 - <div class="col-md-12" style="text-align:center;">  
469 - <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal2') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal2_2') ?></span></a> 562 + <div class="row">
  563 + <div class="lead">
  564 + <p class="text-center"><?= Yii::t('app', 'sect3_21') ?></p>
  565 + </div>
  566 + <div class="col-md-12" style="text-align:center;">
  567 + <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal2') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal2_2') ?></span></a>
  568 + </div>
470 </div> 569 </div>
471 </div> 570 </div>
472 </div> 571 </div>
473 - </div>  
474 </section> 572 </section>
475 573
476 <!-- /.bar --> 574 <!-- /.bar -->
frontend/web/css/style.css
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 #top { 5 #top {
6 background: #555555; 6 background: #555555;
7 color: #eeeeee; 7 color: #eeeeee;
8 - padding: 4px 0; 8 + padding: 6px 0 4px 0px;
9 line-height: 22px; 9 line-height: 22px;
10 } 10 }
11 11
@@ -138,6 +138,11 @@ a.sqre_btn { @@ -138,6 +138,11 @@ a.sqre_btn {
138 background-position: center; 138 background-position: center;
139 background-repeat: no-repeat; 139 background-repeat: no-repeat;
140 } 140 }
  141 +.text-left a.sqre_btn{
  142 + margin-left:0;
  143 + margin-right: 5px;
  144 + margin-top: 7px;
  145 +}
141 .sqre_btn.blue_arrow{ 146 .sqre_btn.blue_arrow{
142 background-color: #0095d7; 147 background-color: #0095d7;
143 background-image: url(../img/arrows_right_w.png); 148 background-image: url(../img/arrows_right_w.png);
@@ -170,6 +175,7 @@ a.sqre_btn { @@ -170,6 +175,7 @@ a.sqre_btn {
170 outline: none; 175 outline: none;
171 } 176 }
172 .btn.right{float:right;} 177 .btn.right{float:right;}
  178 +.fleft{float:left;}
173 .btn.button2:hover{ 179 .btn.button2:hover{
174 background-color: #40c4ff; 180 background-color: #40c4ff;
175 } 181 }
@@ -216,7 +222,8 @@ a.sqre_btn { @@ -216,7 +222,8 @@ a.sqre_btn {
216 max-width: 864px; 222 max-width: 864px;
217 max-height: 480px; 223 max-height: 480px;
218 margin: 0 auto; 224 margin: 0 auto;
219 - padding-top: 56%; 225 + /*padding-top: 56%;*/
  226 + padding-top: 42.4999%;
220 overflow: hidden; 227 overflow: hidden;
221 border-radius: 5px; 228 border-radius: 5px;
222 background: url(../img/main_video.jpg); 229 background: url(../img/main_video.jpg);
@@ -232,21 +239,55 @@ a.sqre_btn { @@ -232,21 +239,55 @@ a.sqre_btn {
232 } 239 }
233 .image_link_wr{width: 100%;height: 0;padding-top: 58.829%;position: relative;} 240 .image_link_wr{width: 100%;height: 0;padding-top: 58.829%;position: relative;}
234 .image_link{background-position:center;position: absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;} 241 .image_link{background-position:center;position: absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;}
235 -.pr_title2, .pr_title2 a{ 242 +.pr_title2{
  243 + margin-top: 0;
  244 + padding-top: 8px;
  245 +}
  246 +.pr_title2 a{
236 font-weight: bold; 247 font-weight: bold;
237 font-size: 16px; 248 font-size: 16px;
238 - margin-top: 0;  
239 text-transform: uppercase; 249 text-transform: uppercase;
240 - padding-top: 8px;  
241 text-decoration: none; 250 text-decoration: none;
242 - color: #555555;; 251 + color: #555555;
243 } 252 }
244 .pr_title2 span{display:none!important;} 253 .pr_title2 span{display:none!important;}
245 - 254 +.background-kben .heading h2 {
  255 + border-color: #ffd800!important;
  256 +}
  257 +.img-title table{
  258 + width:100%;
  259 + margin-top: 10px;
  260 +}
  261 +.img-title table td.buts{
  262 + width:95px;
  263 + max-width:100%;
  264 + vertical-align: top;
  265 + text-align: left;
  266 +}
  267 +.img-title table td.i-title{
  268 + padding-left: 15px;
  269 + text-align: left;
  270 +}
  271 +.img-title table .text-left a.sqre_btn{
  272 + margin-top:0;
  273 +}
  274 +.img-title table .pr_title2{
  275 + margin: 0;
  276 + padding: 0;
  277 +}
  278 +.mtop-25{
  279 + margin-top: 25px;}
246 /* send form buttons */ 280 /* send form buttons */
247 .send-form.btn{ 281 .send-form.btn{
248 display:none; 282 display:none;
249 } 283 }
  284 +.get_station_center{
  285 + text-align: center;
  286 + margin-top: 30px;
  287 + margin-bottom: -15px;
  288 +}
  289 +.pb0{padding-bottom: 0;}
  290 +#section2{padding-bottom: 10px;}
250 291
251 @media(min-width:992px) and (max-width:1199px){ 292 @media(min-width:992px) and (max-width:1199px){
252 .pr_cover { 293 .pr_cover {
@@ -283,9 +324,11 @@ a.sqre_btn { @@ -283,9 +324,11 @@ a.sqre_btn {
283 #section2{padding: 0!important;} 324 #section2{padding: 0!important;}
284 } 325 }
285 @media(min-width:768px) and (max-width:991px){ 326 @media(min-width:768px) and (max-width:991px){
  327 + .navbar-header{width: 57px;}
  328 + .navbar-brand.home{width:100%;}
286 .navbar-brand.home img{ 329 .navbar-brand.home img{
287 - width: 76px;  
288 - margin-top: 9px; 330 + width: 50px;
  331 + margin-top: 15px;
289 } 332 }
290 } 333 }
291 @media(max-width:500px){ 334 @media(max-width:500px){