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){ | ... | ... |