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,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->registerJs($js, View::POS_END); | @@ -29,181 +28,228 @@ $this->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->registerJs($js, View::POS_END); | @@ -267,61 +313,113 @@ $this->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->registerJs($js, View::POS_END); | @@ -329,7 +427,7 @@ $this->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->registerJs($js, View::POS_END); | @@ -374,103 +472,103 @@ $this->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){ |