Commit 9d6aeca986305ddec2302c60cd52c1d0ce2cb6ff
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 | 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 | 22 | <div class="container"> |
24 | 23 | <div class="row"> |
25 | 24 | <div class="col-md-12"> |
... | ... | @@ -29,181 +28,228 @@ $this->registerJs($js, View::POS_END); |
29 | 28 | </div> |
30 | 29 | </div> |
31 | 30 | <div class="row"> |
32 | - <div class="col-md-7"> | |
33 | - | |
34 | - | |
31 | + <div class="col-md-12"> | |
35 | 32 | <p class="lead"><?= Yii::t('app', 'text1') ?></p> |
36 | - | |
37 | 33 | </div> |
38 | - <div class="col-md-5"> | |
34 | + </div> | |
35 | + <div class="col-md-12"> | |
36 | + <div class="row"> | |
39 | 37 | <div class="main_video_fb"> |
40 | 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 | 39 | </div> |
42 | 40 | </div> |
43 | 41 | </div> |
44 | 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 | 44 | </div> |
47 | 45 | </div> |
48 | 46 | </section> |
49 | 47 | |
50 | -<section class="bar background-kben ptop30"> | |
48 | +<section class="bar background-kben ptop30 no-mb"> | |
51 | 49 | <div class="container"> |
52 | 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 | 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 | 68 | </div> |
64 | 69 | </div> |
65 | 70 | </div> |
66 | - </div> | |
67 | 71 | </div> |
68 | 72 | </section> |
69 | 73 | |
70 | -<section class="bar background-white ptop30"> | |
74 | +<section class="bar background-white ptop30 no-mb"> | |
71 | 75 | <div class="container"> |
72 | 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 | 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 | 94 | </div> |
84 | 95 | </div> |
85 | 96 | </div> |
86 | - </div> | |
87 | 97 | </div> |
88 | 98 | </section> |
89 | 99 | |
90 | -<section class="bar background-kben ptop30"> | |
100 | +<section class="bar background-kben ptop30 no-mb"> | |
91 | 101 | <div class="container"> |
92 | 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 | 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 | 120 | </div> |
104 | 121 | </div> |
105 | 122 | </div> |
106 | - </div> | |
107 | 123 | </div> |
108 | 124 | </section> |
109 | 125 | |
110 | -<section class="bar background-white ptop30"> | |
126 | +<section class="bar background-white ptop30 no-mb"> | |
111 | 127 | <div class="container"> |
112 | 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 | 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 | 146 | </div> |
124 | 147 | </div> |
125 | 148 | </div> |
126 | - </div> | |
127 | 149 | </div> |
128 | 150 | </section> |
129 | 151 | |
130 | -<section class="bar background-kben ptop30"> | |
152 | +<section class="bar background-kben ptop30 no-mb"> | |
131 | 153 | <div class="container"> |
132 | 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 | 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 | 172 | </div> |
144 | 173 | </div> |
145 | 174 | </div> |
146 | - </div> | |
147 | 175 | </div> |
148 | 176 | </section> |
149 | 177 | |
150 | -<section class="bar background-white ptop30"> | |
178 | +<section class="bar background-white ptop30 no-mb"> | |
151 | 179 | <div class="container"> |
152 | 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 | 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 | 198 | </div> |
164 | 199 | </div> |
165 | 200 | </div> |
166 | - </div> | |
167 | 201 | </div> |
168 | 202 | </section> |
169 | 203 | |
170 | -<section class="bar background-kben ptop30"> | |
204 | +<section class="bar background-kben ptop30 no-mb"> | |
171 | 205 | <div class="container"> |
172 | 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 | 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 | 224 | </div> |
184 | 225 | </div> |
185 | 226 | </div> |
186 | - </div> | |
187 | 227 | </div> |
188 | 228 | </section> |
189 | 229 | |
190 | -<section class="bar background-white ptop30"> | |
230 | +<section class="bar background-white ptop30 pb0"> | |
191 | 231 | <div class="container"> |
192 | 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 | 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 | 250 | </div> |
204 | 251 | </div> |
205 | 252 | </div> |
206 | - </div> | |
207 | 253 | </div> |
208 | 254 | </section> |
209 | 255 | |
... | ... | @@ -267,61 +313,113 @@ $this->registerJs($js, View::POS_END); |
267 | 313 | </div> |
268 | 314 | <div class="row"> |
269 | 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 | 330 | </div> |
283 | 331 | </div> |
284 | 332 | <div class="row portfolio"> |
285 | - <div class="col-sm-3"> | |
333 | + <div class="col-sm-6"> | |
286 | 334 | <div class="box-image"> |
287 | 335 | <div class="image"> |
288 | 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 | 351 | </div> |
291 | - <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p> | |
292 | 352 | </div> |
293 | 353 | </div> |
294 | 354 | <!-- /.box-image --> |
295 | 355 | </div> |
296 | - <div class="col-sm-3"> | |
356 | + <div class="col-sm-6"> | |
297 | 357 | <div class="box-image"> |
298 | 358 | <div class="image"> |
299 | 359 | <div class="image_link_wr"> |
300 | 360 | <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');"></a> |
301 | 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 | 375 | </div> |
304 | 376 | </div> |
305 | 377 | <!-- /.box-image --> |
306 | 378 | </div> |
307 | - <div class="col-sm-3"> | |
379 | + <div class="col-sm-6"> | |
308 | 380 | <div class="box-image"> |
309 | 381 | <div class="image"> |
310 | 382 | <div class="image_link_wr"> |
311 | 383 | <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');"></a> |
312 | 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 | 400 | </div> |
315 | 401 | </div> |
316 | 402 | <!-- /.box-image --> |
317 | 403 | </div> |
318 | - <div class="col-sm-3"> | |
404 | + <div class="col-sm-6"> | |
319 | 405 | <div class="box-image"> |
320 | 406 | <div class="image"> |
321 | 407 | <div class="image_link_wr"> |
322 | 408 | <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');"></a> |
323 | 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 | 423 | </div> |
326 | 424 | </div> |
327 | 425 | <!-- /.box-image --> |
... | ... | @@ -329,7 +427,7 @@ $this->registerJs($js, View::POS_END); |
329 | 427 | </div> |
330 | 428 | <div class="row"> |
331 | 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 | 431 | </div> |
334 | 432 | </div> |
335 | 433 | </div> |
... | ... | @@ -374,103 +472,103 @@ $this->registerJs($js, View::POS_END); |
374 | 472 | </section> |
375 | 473 | |
376 | 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 | 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 | 502 | </div> |
445 | 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 | 526 | </div> |
452 | 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 | 550 | </div> |
462 | 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 | 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 | 569 | </div> |
471 | 570 | </div> |
472 | 571 | </div> |
473 | - </div> | |
474 | 572 | </section> |
475 | 573 | |
476 | 574 | <!-- /.bar --> | ... | ... |
frontend/web/css/style.css
... | ... | @@ -5,7 +5,7 @@ |
5 | 5 | #top { |
6 | 6 | background: #555555; |
7 | 7 | color: #eeeeee; |
8 | - padding: 4px 0; | |
8 | + padding: 6px 0 4px 0px; | |
9 | 9 | line-height: 22px; |
10 | 10 | } |
11 | 11 | |
... | ... | @@ -138,6 +138,11 @@ a.sqre_btn { |
138 | 138 | background-position: center; |
139 | 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 | 146 | .sqre_btn.blue_arrow{ |
142 | 147 | background-color: #0095d7; |
143 | 148 | background-image: url(../img/arrows_right_w.png); |
... | ... | @@ -170,6 +175,7 @@ a.sqre_btn { |
170 | 175 | outline: none; |
171 | 176 | } |
172 | 177 | .btn.right{float:right;} |
178 | +.fleft{float:left;} | |
173 | 179 | .btn.button2:hover{ |
174 | 180 | background-color: #40c4ff; |
175 | 181 | } |
... | ... | @@ -216,7 +222,8 @@ a.sqre_btn { |
216 | 222 | max-width: 864px; |
217 | 223 | max-height: 480px; |
218 | 224 | margin: 0 auto; |
219 | - padding-top: 56%; | |
225 | + /*padding-top: 56%;*/ | |
226 | + padding-top: 42.4999%; | |
220 | 227 | overflow: hidden; |
221 | 228 | border-radius: 5px; |
222 | 229 | background: url(../img/main_video.jpg); |
... | ... | @@ -232,21 +239,55 @@ a.sqre_btn { |
232 | 239 | } |
233 | 240 | .image_link_wr{width: 100%;height: 0;padding-top: 58.829%;position: relative;} |
234 | 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 | 247 | font-weight: bold; |
237 | 248 | font-size: 16px; |
238 | - margin-top: 0; | |
239 | 249 | text-transform: uppercase; |
240 | - padding-top: 8px; | |
241 | 250 | text-decoration: none; |
242 | - color: #555555;; | |
251 | + color: #555555; | |
243 | 252 | } |
244 | 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 | 280 | /* send form buttons */ |
247 | 281 | .send-form.btn{ |
248 | 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 | 292 | @media(min-width:992px) and (max-width:1199px){ |
252 | 293 | .pr_cover { |
... | ... | @@ -283,9 +324,11 @@ a.sqre_btn { |
283 | 324 | #section2{padding: 0!important;} |
284 | 325 | } |
285 | 326 | @media(min-width:768px) and (max-width:991px){ |
327 | + .navbar-header{width: 57px;} | |
328 | + .navbar-brand.home{width:100%;} | |
286 | 329 | .navbar-brand.home img{ |
287 | - width: 76px; | |
288 | - margin-top: 9px; | |
330 | + width: 50px; | |
331 | + margin-top: 15px; | |
289 | 332 | } |
290 | 333 | } |
291 | 334 | @media(max-width:500px){ | ... | ... |