index.php 17.1 KB
<?php
    
    /**
     * @var $this yii\web\View
     * @var $slider \common\models\Slider
     */
    
use common\models\Settings;
use frontend\assets\MapAsset;
use yii\web\View;

MapAsset::register($this);
$settings = Settings::getInstance();
$this->title = 'KB Energy';

$js = <<< JS
window.lat = {$settings->lat};
window.lon = {$settings->lon};
JS;

$this->registerJs($js, View::POS_END);
?>

<div id="main-page">
    <section class="no-mb main-slider">
    
        <?php
            $slideItems = [];
            foreach ($slider->slides as $slide){
                $slideItems[] = $slide->lang->image->getImg();
            }
            echo \yii\bootstrap\Carousel::widget(
                [
                    'items' => $slideItems
                ]
            );
        ?>
        <!-- тут место для слайдера -->
    </section>

    <section class="blue-fon why-us-wr no-mg">
        <div class="container">
            <div class="heading text-left">
                <h2 class="big-text">Почему мы</h2>
            </div>
            <div class="why-us row">
                <div class="col-md-12 row">
                    <div class="col-xs-12 col-sm-4">
                        <div class="box-simple">
                            <div class="icon">
                                <img src="/img/icon_1.png">
                            </div>
                            <h3>Мы первые подключили СЭС</h3>
                            <p>по Зеленому тарифу в Киевской области</p>
                            <img src="/img/line.png" class="line_why hidden-xs hidden-sm">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <div class="box-simple">
                            <div class="icon">
                                <img src="/img/icon_2.png">
                            </div>
                            <h3>Более 50 объектов</h3>
                            <p>по Киевской области</p>
                            <img src="/img/line.png" class="line_why hidden-xs hidden-sm">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <div class="box-simple">
                            <div class="icon">
                                <img src="/img/icon_3.png">
                            </div>
                            <h3>Собственный штат</h3>
                            <p>инженеров-монтажников</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-offset-2 col-sm-offset-2">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_4.png">
                        </div>
                        <h3>Энергоаудит</h3>
                        <p>перед установкой мы делаем полный анализ вашей домашней энергосистемы</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_5.png">
                        </div>
                        <h3>Экономим ваши деньги</h3>
                        <p>проектируя эффективную систему</p>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="box-simple">
                            <a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="Заказать консультацию" data-toggle="modal" data-target="#feedback-modal">Заказать <span>консультацию</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="bar background-white objects-main-wr">
        <div class="container">
            <div class="col-md-12">
                <div class="heading text-left">
                    <h2>Наши объекты</h2>
                </div>

                <div class="row portfolio">
                    <div class="col-sm-6">
                        <div class="box-image">
                            <div class="image">
                                <div class="image_link_wr">
                                    <a href="https://youtu.be/HymA-lcE14c" target="_blank" class="image_link" style="background-image:url('/img/video_yt.jpg');"></a>
                                </div>
                                <div class="img-title">
                                    <table>
                                        <tr>
                                            <td class="buts text-left">
                                                <a href="https://youtu.be/HymA-lcE14c" class="sqre_btn blue_arrow"  target="_blank" title="<?= Yii::t('app', 'yt1') ?>"></a>
                                                <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>
                                            </td>
                                            <td class="i-title" valign="center">
                                                <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-image -->
                    </div>
                    <div class="col-sm-6">
                        <div class="box-image">
                            <div class="image">
                                <div class="image_link_wr">
                                    <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a>
                                </div>
                                <div class="img-title">
                                    <table>
                                        <tr>
                                            <td class="buts text-left">
                                                <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a>
                                                <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>
                                            </td>
                                            <td class="i-title" valign="center">
                                                <p class="pr_title2"><a href="#" class="open_gal" id="gal02"><?= Yii::t('app', 'sect2_8') ?></a></p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-image -->
                    </div>
                    <div class="col-sm-6">
                        <div class="box-image">
                            <div class="image">
                                <div class="image_link_wr">
                                    <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a>
                                </div>
                                <div class="img-title">
                                    <table>
                                        <tr>
                                            <td class="buts text-left">
                                                <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a>
                                                <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>
                                            </td>
                                            <td class="i-title" valign="center">
                                                <p class="pr_title2">
                                                    <a href="#" class="open_gal" id="gal01"><?= Yii::t('app', 'sect2_9') ?></a>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-image -->
                    </div>
                    <div class="col-sm-6">
                        <div class="box-image">
                            <div class="image">
                                <div class="image_link_wr">
                                    <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a>
                                </div>
                                <div class="img-title">
                                    <table>
                                        <tr>
                                            <td class="buts text-left">
                                                <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a>
                                                <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>
                                            </td>
                                            <td class="i-title" valign="center">
                                                <p class="pr_title2"><a href="#" class="open_gal" id="gal03"><?= Yii::t('app', 'sect2_10') ?></a></p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-image -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;">
                        <a href='site/objects' class="button1 more-projects" target="_blank"><?= Yii::t('app', 'sect2_6') ?></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="blue-fon no-mg economy-wr">
        <div class="container">
            <div class="heading text-left">
                <h2 class="big-text">Как заказать электростанцию <br/>и начать экономить уже сегодня?</h2>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_sentence.png">
                        </div>
                        <h3>Наше предложение</h3>
                        <p>Наш специалист связывается с вами и, исходя из ваших пожеланий, формирует предложение</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_agreement.png">
                        </div>
                        <h3>Договор</h3>
                        <p>Официально подтверждаем и фиксируем наши договоренности</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_installation.png">
                        </div>
                        <h3>Монтаж</h3>
                        <p>Наши квалифицированные специалисты гарантированно обеспечат высокое качество монтажа</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_recomendation.png">
                        </div>
                        <h3>Рекомендации</h3>
                        <p>Вы рекомендуете нас своим друзьям и знакомым</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_service.png">
                        </div>
                        <h3>Сервисное обслуживание</h3>
                        <p>Последующее сопровождение бесперебойной работы вашей электростанции</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <div class="box-simple">
                        <div class="icon">
                            <img src="/img/icon_tarrif.png">
                        </div>
                        <h3>Подключение зеленого тарифа</h3>
                        <p>Экспертная консультация, как подключить ЗТ и продавать избыточную энергию государству</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="bar background-white no-mg">
        <div class="container">
            <div class="heading text-left">
                <h2>СМИ о нас</h2>
            </div>
            <div class="about row">
                <div class="col-md-8 col-sm-12 col-xs-12 smi_left">
                    <div class="video">
                        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/4XJ_UHggzto" frameborder="0" allowfullscreen=""></iframe>
                    </div>
                    <div class="text lead quote">
                        Как сделать собственную солнечную электростанцию и продавать электроэнергию государству? Практические советы от первого в Киевской области производителя "зеленой" энергетики на продажу, а также от эксперта компании "KB Energy"
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 col-xs-12 smi_right">
                    <div class="post video">
                        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/NCNqrRzXpTw" frameborder="0" allowfullscreen=""></iframe>

                    </div>
                    <div class="post" style="background-image: url('/img/post_cover_2.jpg');">
                        <a href="http://censor.net.ua/resonance/322240/kak_ya_stal_nezavisimym_ot_veernyh_otklyucheniyi_pervaya_domashnyaya_elektrostantsiya_v_kievskoyi_oblasti" target="_blank">
                            <div class="title">"Как я стал независим от веерных отключений" - первая домашняя электростанция в Киевской области</div>
                            <div class="blue_arrow"></div>
                        </a>
                    </div>
                    <div class="post hidden-xs hidden-sm" style="background-color: white; box-shadow: none">
                    </div>

                </div>
            </div>
            <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;">
                <a href="site/objects" class="button1 more-projects" target="_blank">Больше о наших проектах</a>
            </div>
        </div>
    </section>
    <section class="no-mg">
        <div id="map">

        </div>
    </section>
</div>