Eugeny Galkovskiy / kbenergy_new

Commit a1d8385b41febcc795c3f626868e1710dfb89897

Authored by Eugeny Galkovskiy
1 parent 17b2bc47

texts + styles

Showing 4 changed files with 252 additions and 10 deletions   Show diff stats
Inline Side-by-side
common/messages/ru/app.php
  Show/Hide comments   View file @a1d8385
... ... @@ -119,5 +119,6 @@ return [
119 119 'sect3_19' => 'Заключение договора',
120 120 'sect3_20' => 'Открытие банковского счета, обустройство узла учета, заключение договора купли / продажи электроэнергии по "зелёному" тарифу',
121 121 'sect3_21' => 'Обратиться к нам и',
122   -
  122 + 'Office {office}' => 'Офис {office}',
  123 + 'Contact us' => 'Связаться с нами',
123 124 ];
124 125 \ No newline at end of file
... ...
frontend/views/layouts/main.php
  Show/Hide comments   View file @a1d8385
... ... @@ -467,7 +467,7 @@ _________________________________________________________ -->
467 467 <?php
468 468 }
469 469 ?>
470   - <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal">Contact us!</a>
  470 + <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal"><?php echo \Yii::t('app', 'Contact us'); ?></a>
471 471 </div>
472 472  
473 473 <div class="col-md-4 col-sm-12 col-md-offset-2">
... ...
frontend/views/site/legal.php
  Show/Hide comments   View file @a1d8385
... ... @@ -12,10 +12,18 @@ use yii\helpers\Html;
12 12 use yii\bootstrap\ActiveForm;
13 13 use yii\web\View;
14 14  
  15 +MapAsset::register($this);
15 16 $settings = Settings::getInstance();
16 17  
17 18 $this->title = \Yii::t('app', 'menu-legal');
18 19 $this->params[ 'breadcrumbs' ][] = $this->title;
  20 +
  21 +$js = <<< JS
  22 +window.lat = {$settings->lat};
  23 +window.lon = {$settings->lon};
  24 +JS;
  25 +
  26 +$this->registerJs($js, View::POS_END);
19 27 ?>
20 28  
21 29 <div id="legal-wr">
... ... @@ -257,5 +265,110 @@ $this-&gt;params[ &#39;breadcrumbs&#39; ][] = $this-&gt;title;
257 265 </div>
258 266 </div>
259 267 </section>
  268 +
  269 + <section class="bar background-kben no-mg bt-shadow">
  270 + <div class="container">
  271 + <div class="col-md-12">
  272 + <div class="heading text-left">
  273 + <h2><?= Yii::t('app', 'title12') ?></h2>
  274 + </div>
  275 +
  276 + <div class="row">
  277 + <div class="col-md-4">
  278 + <div class="box-simple">
  279 + <div class="icon icon_en" id="icon01"></div>
  280 + <h3><?= Yii::t('app', 'sect3_1') ?></h3>
  281 + <p><?= Yii::t('app', 'sect3_2') ?></p>
  282 + </div>
  283 + </div>
  284 + <div class="col-md-4">
  285 + <div class="box-simple">
  286 + <div class="icon icon_en" id="icon02"></div>
  287 + <h3><?= Yii::t('app', 'sect3_3') ?></h3>
  288 + <p><?= Yii::t('app', 'sect3_4') ?></p>
  289 + </div>
  290 + </div>
  291 + <div class="col-md-4">
  292 + <div class="box-simple">
  293 + <div class="icon icon_en" id="icon03"></div>
  294 + <h3><?= Yii::t('app', 'sect3_5') ?></h3>
  295 + <p><?= Yii::t('app', 'sect3_6') ?></p>
  296 + </div>
  297 + </div>
  298 + </div>
  299 +
  300 + <div class="row">
  301 + <div class="col-md-4">
  302 + <div class="box-simple">
  303 + <div class="icon icon_en" id="icon04"></div>
  304 + <h3><?= Yii::t('app', 'sect3_7') ?></h3>
  305 + <p><?= Yii::t('app', 'sect3_8') ?></p>
  306 + </div>
  307 + </div>
  308 + <div class="col-md-4">
  309 + <div class="box-simple">
  310 + <div class="icon icon_en" id="icon05"></div>
  311 + <h3><?= Yii::t('app', 'sect3_9') ?></h3>
  312 + <p><?= Yii::t('app', 'sect3_10') ?></p>
  313 + </div>
  314 + </div>
  315 + <div class="col-md-4">
  316 + <div class="box-simple">
  317 + <div class="icon icon_en" id="icon06"></div>
  318 + <h3><?= Yii::t('app', 'sect3_11') ?></h3>
  319 + <p><?= Yii::t('app', 'sect3_12') ?></p>
  320 + </div>
  321 + </div>
  322 + </div>
  323 +
  324 + <div class="row">
  325 + <div class="col-md-4">
  326 + <div class="box-simple">
  327 + <div class="icon icon_en" id="icon07"></div>
  328 + <h3><?= Yii::t('app', 'sect3_13') ?></h3>
  329 + <p><?= Yii::t('app', 'sect3_14') ?></p>
  330 + </div>
  331 + </div>
  332 + <div class="col-md-4">
  333 + <div class="box-simple">
  334 + <div class="icon icon_en" id="icon08"></div>
  335 + <h3><?= Yii::t('app', 'sect3_15') ?></h3>
  336 + <p><?= Yii::t('app', 'sect3_16') ?></p>
  337 + </div>
  338 + </div>
  339 + <div class="col-md-4">
  340 + <div class="box-simple">
  341 + <div class="icon icon_en" id="icon09"></div>
  342 + <h3><?= Yii::t('app', 'sect3_17') ?></h3>
  343 + <p><?= Yii::t('app', 'sect3_18') ?></p>
  344 + </div>
  345 + </div>
  346 + </div>
  347 +
  348 + <div class="row">
  349 + <div class="col-md-4 col-md-offset-4">
  350 + <div class="box-simple">
  351 + <div class="icon icon_en" id="icon10"></div>
  352 + <h3><?= Yii::t('app', 'sect3_19') ?></h3>
  353 + <p><?= Yii::t('app', 'sect3_20') ?></p>
  354 + </div>
  355 + </div>
  356 + </div>
  357 + <div class="row">
  358 + <div class="lead">
  359 + <p class="text-center"><?= Yii::t('app', 'sect3_21') ?></p>
  360 + </div>
  361 + <div class="col-md-12" style="text-align:center;">
  362 + <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>
  363 + </div>
  364 + </div>
  365 + </div>
  366 + </div>
  367 + </section>
  368 + <section class="no-mg">
  369 + <div id="map">
  370 +
  371 + </div>
  372 + </section>
260 373 </div>
261 374 </div>
262 375 \ No newline at end of file
... ...
frontend/web/css/main.css
  Show/Hide comments   View file @a1d8385
1 1 .no-mg{margin:0;}
  2 +#back-to-top{
  3 + background: #467fbf;
  4 + border-radius: 0 50px 50px 0;
  5 + width: 50px;
  6 + padding-right: 6px;
  7 +}
  8 +#back-to-top:hover {background: #20446d;}
  9 +#back-to-top:active {background: #1b2e44;padding-top: 6px;}
2 10 .navbar ul.nav > li > a {
3 11 font-size: 13px;
4 12 letter-spacing: -0.40px;
... ... @@ -9,6 +17,7 @@
9 17 display: flex;
10 18 justify-content: center;
11 19 align-items: center;
  20 + text-decoration: none;
12 21 }
13 22 .navbar-brand{display: flex;justify-content: center;align-items: center;}
14 23 .button1 {
... ... @@ -77,11 +86,7 @@
77 86 line-height: 13px;
78 87 cursor: default;
79 88 }
80   -#top {
81   - background: #555555;
82   - color: #eeeeee;
83   - padding: 7px 0 6px;
84   -}
  89 +#top {background: #555555;color: #eeeeee;padding: 7px 0 6px;}
85 90 #top .social a {
86 91 color: #999999;
87 92 display: inline-block;
... ... @@ -254,11 +259,134 @@ section.blue-fon {padding-top: 25px;}
254 259 position: relative;
255 260 margin-bottom: 25px;
256 261 }
257   -@media (min-width: 501px){
258   - .bigtext#header3 h2 {
  262 +.icon_en{width:80px!important;height:80px!important;border:none;}
  263 +.icon_en#icon01 {background-image: url(../img/icons/icon01.png);}
  264 +.icon_en#icon02 {background-image: url(../img/icons/icon02.png);}
  265 +.icon_en#icon03 {background-image: url(../img/icons/icon03.png);}
  266 +.icon_en#icon04 {background-image: url(../img/icons/icon04.png);}
  267 +.icon_en#icon05 {background-image: url(../img/icons/icon05.png);}
  268 +.icon_en#icon06 {background-image: url(../img/icons/icon06.png);}
  269 +.icon_en#icon07 {background-image: url(../img/icons/icon07.png);}
  270 +.icon_en#icon08 {background-image: url(../img/icons/icon08.png);}
  271 +.icon_en#icon09 {background-image: url(../img/icons/icon09.png);}
  272 +.icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
  273 +.btn.icon_stat {background-image: url(../img/icon_stat.png);}
  274 +.bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
  275 +
  276 +#footer {
  277 + background: #0080ca;
  278 + padding: 15px 0;
  279 + color: #ffffff;
  280 +}
  281 +
  282 +
  283 +@media(min-width:992px) and (max-width:1199px){
  284 + .pr_cover {
  285 + max-width: 320px;
  286 + max-height: 180px;
  287 + overflow: hidden;
  288 + display: inline-block;
  289 + width: calc(100% + 15px);
  290 + height: 0;
  291 + padding-bottom: 67.087%;
  292 + position: relative;
  293 + }
  294 + .head_video_buttons .button1{margin-bottom: 7px;}
  295 + .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
  296 +}
  297 +@media(max-width:991px){
  298 + .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
  299 + .pr_cover {
  300 + max-width: 320px;
  301 + max-height: 180px;
  302 + width: 105%;
  303 + height: 19vh;
  304 + position: relative;
  305 + }
  306 + .project-right .open_gal img {
  307 + position: absolute;
  308 + width:100%;height:100%;
  309 + }
  310 + #section2{padding: 0!important;}
  311 + .main_video_fb{
  312 + padding-top: 404px;
  313 + }
  314 + .card1 p.lead {
  315 + /*margin-top: 20px;*/
  316 + /*margin-bottom: 0px;*/
  317 + margin-top: -25px;
  318 + margin-bottom: 40px;
  319 + }
  320 + .main_video_yt{
  321 + width: 100%;
  322 + height: 0;
  323 + padding-bottom: calc(57% - 6px);
  324 + position: relative;
  325 + }
  326 + .main_video_yt iframe{
  327 + width: 100%;
  328 + height: 100%;
  329 + position: absolute;
  330 + top: 0;
  331 + left: 0;
  332 + }
  333 +}
  334 +@media(max-width:768px){
  335 + .main_video_fb{
  336 + padding-top: 56.1%;
  337 + }
  338 +}
  339 +@media(min-width:768px) and (max-width:991px){
  340 + .navbar-header{width: 57px;}
  341 + .navbar-brand.home{width:100%;}
  342 + .navbar-brand.home img{
  343 + width: 50px;
  344 + margin-top: 15px;
  345 + }
  346 +}
  347 +@media(min-width:501px){
  348 + .bigtext#header3 h2{
259 349 width: 161%;
260 350 }
261 351 }
262   -@media (max-width: 500px){
  352 +@media(max-width:500px){
  353 + .head_video_buttons .button1{margin-bottom: 7px;}
  354 + .head_video_buttons .button1, .head_video_buttons .button2{
  355 + float:none!important;
  356 + display:block!important;
  357 + }
  358 + /*.button1{width:100%;}*/
263 359 h2, .h2 {font-size: 6vw;}
  360 + .lead{font-size:16px;}
  361 + .img-title table td.buts{
  362 + width: 40px;
  363 + }
  364 + .img-title table td.buts a.sqre_btn{
  365 + margin-bottom: 5px;
  366 + width: 30px;
  367 + height: 30px;
  368 + background-size: 45%;
  369 + }
  370 + p.lead {
  371 + margin-bottom: 25px;
  372 + }
  373 +}
  374 +@media(max-width:380px){
  375 + .more-projects{
  376 + padding: 18px;
  377 + width: 100%!important;
  378 + font-size: 4.68vw;
  379 + line-height: 2.5vh;
  380 + margin-bottom: 50px;
  381 + }
  382 +}
  383 +@media(max-width:280px) {
  384 + .pr_cover {
  385 + width:109%;
  386 + }
  387 +}
  388 +@media(max-width:275px){
  389 + .head_video_buttons .button1, .head_video_buttons .button2{
  390 + width: 100%!important;
  391 + }
264 392 }
265 393 \ No newline at end of file
... ...