Commit abff3f71ea54372acc45a4001cce34df7a09a693
Merge remote-tracking branch 'origin/master'
Showing
5 changed files
with
190 additions
and
2 deletions
Show diff stats
frontend/views/layouts/main.php
| ... | ... | @@ -419,6 +419,174 @@ |
| 419 | 419 | </div> |
| 420 | 420 | |
| 421 | 421 | <!-- *** FeedBack MODAL END *** --> |
| 422 | + | |
| 423 | + <!-- ** Calculate Modal ** --> | |
| 424 | + | |
| 425 | + <div class="modal fade" id="calculate-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true"> | |
| 426 | + <div class="modal-dialog"> | |
| 427 | + <div class="modal-content"> | |
| 428 | + <div class="modal-header"> | |
| 429 | + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
| 430 | + <h3 class="modal-title text-center" id="Login">Анкета расчёта стоимости солнечной электростанции</h3> | |
| 431 | + </div> | |
| 432 | + <div class="modal-body"> | |
| 433 | + <form action="" id="calculate-form"> | |
| 434 | + <div class="row calculate-main-wr"> | |
| 435 | + <div class="col-md-8 col-md-offset-2"> | |
| 436 | + <p style="font-weight:bold;">Контактные данные</p> | |
| 437 | + <div class="form-group field-calculate-name required"> | |
| 438 | + <label class="control-label" for="calculate-name">Имя</label> | |
| 439 | + <input type="text" id="calculate-name" class="form-control" name="Calculate[name]" aria-required="true"> | |
| 440 | + | |
| 441 | + <p class="help-block help-block-error"></p> | |
| 442 | + </div> | |
| 443 | + <div class="form-group field-calculate-phone required"> | |
| 444 | + <label class="control-label" for="calculate-phone">Телефон</label> | |
| 445 | + <input type="text" id="calculate-phone" class="form-control" name="Calculate[phone]" aria-required="true"> | |
| 446 | + | |
| 447 | + <p class="help-block help-block-error"></p> | |
| 448 | + </div> | |
| 449 | + <div class="form-group field-calculate-email required"> | |
| 450 | + <label class="control-label" for="calculate-email">Email</label> | |
| 451 | + <input type="text" id="calculate-email" class="form-control" name="Calculate[email]" aria-required="true"> | |
| 452 | + | |
| 453 | + <p class="help-block help-block-error"></p> | |
| 454 | + </div> | |
| 455 | + </div> | |
| 456 | + </div> | |
| 457 | + <div class="row"> | |
| 458 | + <div class="col-md-12"> | |
| 459 | + <p style="font-weight:bold;">Информация о месте установки СЭС</p> | |
| 460 | + <div class="row"> | |
| 461 | + <div class="col-md-6"> | |
| 462 | + <div class="form-group field-calculate-email required"> | |
| 463 | + <label class="control-label">Адрес</label> | |
| 464 | + <input type="text" class="form-control"> | |
| 465 | + | |
| 466 | + <p class="help-block help-block-error"></p> | |
| 467 | + </div> | |
| 468 | + <div class="form-group field-calculate-email required"> | |
| 469 | + <label class="control-label">Угол установки фотомодулей</label> | |
| 470 | + <input type="text" class="form-control"> | |
| 471 | + | |
| 472 | + <p class="help-block help-block-error"></p> | |
| 473 | + </div> | |
| 474 | + </div> | |
| 475 | + <div class="col-md-6"> | |
| 476 | + <p>Координаты:</p> | |
| 477 | + <div class="form-group field-calculate-email"> | |
| 478 | + <label class="control-label">Широта:</label> | |
| 479 | + <input type="text" class="form-control"> | |
| 480 | + | |
| 481 | + <p class="help-block help-block-error"></p> | |
| 482 | + </div> | |
| 483 | + <div class="form-group field-calculate-email"> | |
| 484 | + <label class="control-label">Долгота:</label> | |
| 485 | + <input type="text" class="form-control"> | |
| 486 | + | |
| 487 | + <p class="help-block help-block-error"></p> | |
| 488 | + </div> | |
| 489 | + <div class="form-group field-calculate-email"> | |
| 490 | + <label class="control-label">Отклонение от юга:</label> | |
| 491 | + <input type="text" class="form-control"> | |
| 492 | + | |
| 493 | + <p class="help-block help-block-error"></p> | |
| 494 | + </div> | |
| 495 | + </div> | |
| 496 | + </div> | |
| 497 | + <div class="row"> | |
| 498 | + <div class="col-md-6 text-center"><img src="/img/form_img_1.jpg" class="img-responsive"></div> | |
| 499 | + <div class="col-md-6 text-center"><img src="/img/form_img_2.jpg" class="img-responsive"></div> | |
| 500 | + </div> | |
| 501 | + </div> | |
| 502 | + </div> | |
| 503 | + <div class="row"> | |
| 504 | + <div class="col-md-12"> | |
| 505 | + <p style="font-weight:bold;">Информация для расчёта мощности СЭС</p> | |
| 506 | + <div class="row"> | |
| 507 | + <div class="col-md-12"> | |
| 508 | + <div class="row" style="margin-bottom: 15px;"> | |
| 509 | + <div class="col-md-3 col-sm-12 col-xs-12"><input class="custom-radio" id="custom-radio-Автономная" type="radio" name="Calculate[mode]" value="Автономная"><label for="custom-radio-Автономная"></label><span style="margin-left:5px;">Автономная</span></div> | |
| 510 | + <div class="col-md-3 col-sm-12 col-xs-12"><input class="custom-radio" id="custom-radio-Сетевая" type="radio" name="Calculate[mode]" value="Сетевая"><label for="custom-radio-Сетевая"></label><span style="margin-left:5px;">Сетевая</span></div> | |
| 511 | + </div> | |
| 512 | + </div> | |
| 513 | + <div class="col-md-12"> | |
| 514 | + <div class="row"> | |
| 515 | + <div class="col-md-4"> | |
| 516 | + <div class="form-group field-calculate-email"> | |
| 517 | + <label class="control-label">Площадь</label> | |
| 518 | + <input type="text" class="form-control"> | |
| 519 | + | |
| 520 | + <p class="help-block help-block-error"></p> | |
| 521 | + </div> | |
| 522 | + </div> | |
| 523 | + <div class="col-md-4"> | |
| 524 | + <div class="form-group field-calculate-email"> | |
| 525 | + <label class="control-label">Мощность</label> | |
| 526 | + <input type="text" class="form-control"> | |
| 527 | + | |
| 528 | + <p class="help-block help-block-error"></p> | |
| 529 | + </div> | |
| 530 | + </div> | |
| 531 | + <div class="col-md-4"> | |
| 532 | + <div class="form-group field-calculate-email"> | |
| 533 | + <label class="control-label">Бюджет</label> | |
| 534 | + <input type="text" class="form-control"> | |
| 535 | + | |
| 536 | + <p class="help-block help-block-error"></p> | |
| 537 | + </div> | |
| 538 | + </div> | |
| 539 | + </div> | |
| 540 | + </div> | |
| 541 | + </div> | |
| 542 | + </div> | |
| 543 | + </div> | |
| 544 | + <div class="row"> | |
| 545 | + <div class="col-md-12"> | |
| 546 | + <p style="font-weight:bold;">Информация о потреблении (для автономных СЭС)</p> | |
| 547 | + <div class="row"> | |
| 548 | + <div class="col-md-6"> | |
| 549 | + <div class="form-group field-calculate-email"> | |
| 550 | + <label class="control-label">Суточное потребление в кВт*ч</label> | |
| 551 | + <input type="text" class="form-control"> | |
| 552 | + | |
| 553 | + <p class="help-block help-block-error"></p> | |
| 554 | + </div> | |
| 555 | + <div class="form-group field-calculate-email"> | |
| 556 | + <label class="control-label">Месячное потребление в кВт*ч</label> | |
| 557 | + <input type="text" class="form-control"> | |
| 558 | + | |
| 559 | + <p class="help-block help-block-error"></p> | |
| 560 | + </div> | |
| 561 | + </div> | |
| 562 | + <div class="col-md-6"> | |
| 563 | + <div class="form-group field-calculate-email"> | |
| 564 | + <label class="control-label">Мощность всех потребителей потребление в кВт*ч</label> | |
| 565 | + <input type="text" class="form-control"> | |
| 566 | + | |
| 567 | + <p class="help-block help-block-error"></p> | |
| 568 | + </div> | |
| 569 | + <div class="form-group field-calculate-email"> | |
| 570 | + <label class="control-label">Суток автономности</label> | |
| 571 | + <input type="text" class="form-control"> | |
| 572 | + | |
| 573 | + <p class="help-block help-block-error"></p> | |
| 574 | + </div> | |
| 575 | + </div> | |
| 576 | + </div> | |
| 577 | + </div> | |
| 578 | + </div> | |
| 579 | + | |
| 580 | + <p class="text-center submit-wr"> | |
| 581 | + <button type="submit" class="send-form btn btn-lg btn-template-primary">Посчитать</button> | |
| 582 | + </p> | |
| 583 | + </form> | |
| 584 | + </div> | |
| 585 | + </div> | |
| 586 | + </div> | |
| 587 | + </div> | |
| 588 | + | |
| 589 | + <!-- ** Calculate Modal End ** --> | |
| 422 | 590 | |
| 423 | 591 | <!-- *** FeedBack MODAL *** |
| 424 | 592 | _________________________________________________________ --> | ... | ... |
frontend/views/site/index.php
| ... | ... | @@ -102,7 +102,7 @@ $this->registerJs($js, View::POS_END); |
| 102 | 102 | <div class="row"> |
| 103 | 103 | <div class="box-simple"> |
| 104 | 104 | <a href="#" class="btn button1 icon_car modaled init-button-consultation" data-title="Заказать выезд специалиста" data-toggle="modal" data-target="#feedback-modal">Заказать <span>выезд специалиста</span></a> |
| 105 | - <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-title="Просчитать стоимость проекта" data-toggle="modal" data-target="#feedback-modal">Просчитать <span>стоимость проекта</span></a> | |
| 105 | + <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-toggle="modal" data-target="#calculate-modal">Просчитать <span>стоимость проекта</span></a> | |
| 106 | 106 | </div> |
| 107 | 107 | </div> |
| 108 | 108 | </div> | ... | ... |
frontend/web/css/main.css
| ... | ... | @@ -7,6 +7,7 @@ |
| 7 | 7 | } |
| 8 | 8 | #back-to-top:hover {background: #20446d;} |
| 9 | 9 | #back-to-top:active {background: #1b2e44;padding-top: 6px;} |
| 10 | +#heading-breadcrumbs{background-attachment: fixed;} | |
| 10 | 11 | .navbar-brand{display: flex;justify-content: center;align-items: center;} |
| 11 | 12 | .button1 { |
| 12 | 13 | margin: 0 auto; |
| ... | ... | @@ -474,7 +475,10 @@ section.bar.background-gray.steps-pre:before { |
| 474 | 475 | margin-bottom: 20px;} |
| 475 | 476 | .post-blog .lead{margin-top: 25px;} |
| 476 | 477 | .post-blog .content{margin-bottom: 50px;} |
| 477 | - | |
| 478 | +.tag-cloud li.active a { | |
| 479 | + background-color: #467fbf; | |
| 480 | + color: #eeeeee!important; | |
| 481 | +} | |
| 478 | 482 | .object-slider{padding-bottom: 40px;} |
| 479 | 483 | .object-slider .carousel{ |
| 480 | 484 | width:100%; |
| ... | ... | @@ -516,6 +520,17 @@ section.bar.background-gray.steps-pre:before { |
| 516 | 520 | line-height: 24px; |
| 517 | 521 | margin-top: 3px; |
| 518 | 522 | } |
| 523 | +.calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;} | |
| 524 | +#calculate-form{margin-top: -15px;} | |
| 525 | +#calculate-form > .row { | |
| 526 | + border-bottom: 1px solid #e5e5e5; | |
| 527 | + padding-bottom: 10px; | |
| 528 | + padding-top: 25px; | |
| 529 | +} | |
| 530 | +#calculate-form .submit-wr{margin-top:25px;} | |
| 531 | +#calculate-form .text-center img{ | |
| 532 | + margin: 0 auto; | |
| 533 | +} | |
| 519 | 534 | |
| 520 | 535 | @media(min-width:992px) and (max-width:1199px){ |
| 521 | 536 | .pr_cover { |
| ... | ... | @@ -594,6 +609,11 @@ section.bar.background-gray.steps-pre:before { |
| 594 | 609 | } |
| 595 | 610 | .object-slider .carousel{height:450px;} |
| 596 | 611 | } |
| 612 | +@media(min-width:870px){ | |
| 613 | + .modal-dialog { | |
| 614 | + width: 830px; | |
| 615 | + } | |
| 616 | +} | |
| 597 | 617 | @media(max-width:768px){ |
| 598 | 618 | .main_video_fb{ |
| 599 | 619 | padding-top: 56.1%; | ... | ... |
21.4 KB
39.9 KB