Commit 4a32dd4ede7b85cd5503e22086b3f2f01c0905a2
1 parent
87debd40
main page
Showing
4 changed files
with
374 additions
and
239 deletions
Show diff stats
common/messages/ru/app.php
| ... | ... | @@ -11,4 +11,15 @@ return [ |
| 11 | 11 | 'menu-mediaabout' => 'СМИ о нас', |
| 12 | 12 | 'menu-blog' => 'Блог', |
| 13 | 13 | 'menu-contacts' => 'Контакты', |
| 14 | + 'Київ' => 'Киев', | |
| 15 | + 'Україна' => 'Украина', | |
| 16 | + "Комплексний підхід до енергозбереження та енергонезалежності" => 'Комплексный подход к энергосбережению и энергонезависимости', | |
| 17 | + 'yt1' => 'Смотреть на YouTube', | |
| 18 | + 'sect2_6' => 'Больше наших проектов', | |
| 19 | + 'sect2_7' => 'Первая солнечная электростанция в Киеве', | |
| 20 | + 'sect2_8' => 'Металлоконструкция. Собственное изготовление', | |
| 21 | + 'sect2_9' => 'Осветление Харьковского шоссе', | |
| 22 | + 'sect2_10' => 'Солнечная электростанция для Укртрансгаз', | |
| 23 | + 'About us' => 'О нас', | |
| 24 | + 'Contact' => 'Контакты', | |
| 14 | 25 | ]; |
| 15 | 26 | \ No newline at end of file | ... | ... |
common/messages/ua/app.php
| ... | ... | @@ -9,4 +9,13 @@ return [ |
| 9 | 9 | 'menu-mediaabout' => 'ЗМІ про нас', |
| 10 | 10 | 'menu-blog' => 'Блог', |
| 11 | 11 | 'menu-contacts' => 'Контакти', |
| 12 | + 'Київ' => 'Киев', | |
| 13 | + 'Україна' => 'Украина', | |
| 14 | + "Комплексний підхід до енергозбереження та енергонезалежності" => 'Комплексный подход к энергосбережению и энергонезависимости', | |
| 15 | + 'yt1' => 'Смотреть на YouTube', | |
| 16 | + 'sect2_6' => 'Больше наших проектов', | |
| 17 | + 'sect2_7' => 'Первая солнечная электростанция в Киеве', | |
| 18 | + 'sect2_8' => 'Металлоконструкция. Собственное изготовление', | |
| 19 | + 'sect2_9' => 'Осветление Харьковского шоссе', | |
| 20 | + 'sect2_10' => 'Солнечная электростанция для Укртрансгаз', | |
| 12 | 21 | ]; |
| 13 | 22 | \ No newline at end of file | ... | ... |
frontend/views/site/index.php
| ... | ... | @@ -2,308 +2,274 @@ |
| 2 | 2 | |
| 3 | 3 | /* @var $this yii\web\View */ |
| 4 | 4 | |
| 5 | +use common\models\Settings; | |
| 6 | +use frontend\assets\MapAsset; | |
| 7 | +use yii\web\View; | |
| 8 | + | |
| 9 | +MapAsset::register($this); | |
| 10 | +$settings = Settings::getInstance(); | |
| 5 | 11 | $this->title = 'KB Energy'; |
| 6 | 12 | |
| 13 | +$js = <<< JS | |
| 14 | +window.lat = {$settings->lat}; | |
| 15 | +window.lon = {$settings->lon}; | |
| 16 | +JS; | |
| 17 | + | |
| 18 | +$this->registerJs($js, View::POS_END); | |
| 7 | 19 | ?> |
| 8 | 20 | |
| 9 | 21 | <div id="main-page"> |
| 10 | - <section class="no-mb"> | |
| 11 | - <!-- *** JUMBOTRON *** | |
| 12 | - _________________________________________________________ --> | |
| 13 | - | |
| 14 | - <div class="jumbotron"> | |
| 15 | - | |
| 16 | - <div class="dark-mask"></div> | |
| 22 | + <section class="no-mb main-slider"> | |
| 23 | + <!-- тут место для слайдера --> | |
| 24 | + </section> | |
| 17 | 25 | |
| 18 | - <div class="container"> | |
| 19 | - <div class="row mb-small"> | |
| 20 | - <div class="col-sm-12 text-center"> | |
| 21 | - <h1>Universal is great</h1> | |
| 22 | - <h2>Last week more than 100 companies signed up to help them in their projects.</h2> | |
| 26 | + <section class="blue-fon why-us-wr no-mg"> | |
| 27 | + <div class="container"> | |
| 28 | + <div class="heading text-left"> | |
| 29 | + <h2 class="big-text">Почему мы</h2> | |
| 30 | + </div> | |
| 31 | + <div class="why-us row"> | |
| 32 | + <div class="col-xs-12 col-sm-4"> | |
| 33 | + <div class="box-simple"> | |
| 34 | + <div class="icon"> | |
| 35 | + <img src="/img/icon_1.png"> | |
| 36 | + </div> | |
| 37 | + <h3>Мы первые подключили СЭС</h3> | |
| 38 | + <p>по Зеленому тарифу в Киевской области</p> | |
| 39 | + <img src="/img/line.png" class="line_why hidden-xs hidden-sm"> | |
| 23 | 40 | </div> |
| 24 | 41 | </div> |
| 25 | - | |
| 26 | - <div class="row"> | |
| 27 | - <div class="col-sm-6 mb-small"> | |
| 28 | - <img class="img-responsive" src="img/template-mac.png" alt=""> | |
| 42 | + <div class="col-xs-12 col-sm-4"> | |
| 43 | + <div class="box-simple"> | |
| 44 | + <div class="icon"> | |
| 45 | + <img src="/img/icon_2.png"> | |
| 46 | + </div> | |
| 47 | + <h3>Более 50 объектов</h3> | |
| 48 | + <p>по Киевской области</p> | |
| 49 | + <img src="/img/line.png" class="line_why hidden-xs hidden-sm"> | |
| 29 | 50 | </div> |
| 30 | - | |
| 31 | - <div class="col-sm-6 text-center-xs"> | |
| 32 | - <p class="text-uppercase">Business. Corporate. Agency. | |
| 33 | - <br/>Portfolio. Blog. E-commerce. | |
| 34 | - <br/>We have covered everything.</p> | |
| 35 | - <p>See our current packages comparison | |
| 36 | - <br/>to choose the right one for you.</p> | |
| 37 | - <p><a href="#packages" class="scroll-to btn btn-template-transparent-black">See packages</a> | |
| 38 | - </p> | |
| 39 | - | |
| 51 | + </div> | |
| 52 | + <div class="col-xs-12 col-sm-4"> | |
| 53 | + <div class="box-simple"> | |
| 54 | + <div class="icon"> | |
| 55 | + <img src="/img/icon_3.png"> | |
| 56 | + </div> | |
| 57 | + <h3>Собственный штат</h3> | |
| 58 | + <p>инженеров-монтажников</p> | |
| 59 | + </div> | |
| 60 | + </div> | |
| 61 | + <div class="col-xs-12 col-sm-4"> | |
| 62 | + <div class="box-simple"> | |
| 63 | + <div class="icon"> | |
| 64 | + <img src="/img/icon_4.png"> | |
| 65 | + </div> | |
| 66 | + <h3>Энергоаудит</h3> | |
| 67 | + <p>перед установкой мы делаем полный анализ вашей домашней энергосистемы</p> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="col-xs-12 col-sm-4 col-md-offset-4 col-sm-offset-4"> | |
| 71 | + <div class="box-simple"> | |
| 72 | + <div class="icon"> | |
| 73 | + <img src="/img/icon_5.png"> | |
| 74 | + </div> | |
| 75 | + <h3>Экономим ваши деньги</h3> | |
| 76 | + <p>проектируя эффективную систему</p> | |
| 40 | 77 | </div> |
| 41 | 78 | </div> |
| 42 | 79 | </div> |
| 43 | 80 | </div> |
| 44 | - | |
| 45 | - <!-- *** JUMBOTRON END *** --> | |
| 46 | 81 | </section> |
| 47 | 82 | |
| 48 | - <section class="bar background-white"> | |
| 83 | + <section class="bar background-white objects-main-wr"> | |
| 49 | 84 | <div class="container"> |
| 50 | 85 | <div class="col-md-12"> |
| 51 | - <div class="heading text-center"> | |
| 52 | - <h2>Our main focus</h2> | |
| 86 | + <div class="heading text-left"> | |
| 87 | + <h2>Наши объекты</h2> | |
| 53 | 88 | </div> |
| 54 | 89 | |
| 55 | - <div class="row"> | |
| 56 | - <div class="col-md-4"> | |
| 57 | - <div class="box-simple"> | |
| 58 | - <div class="icon"> | |
| 59 | - <i class="fa fa-desktop"></i> | |
| 60 | - </div> | |
| 61 | - <h3>Webdesign</h3> | |
| 62 | - <p>Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p> | |
| 63 | - </div> | |
| 64 | - </div> | |
| 65 | - <div class="col-md-4"> | |
| 66 | - <div class="box-simple"> | |
| 67 | - <div class="icon"> | |
| 68 | - <i class="fa fa-print"></i> | |
| 90 | + <div class="row portfolio"> | |
| 91 | + <div class="col-sm-6"> | |
| 92 | + <div class="box-image"> | |
| 93 | + <div class="image"> | |
| 94 | + <div class="image_link_wr"> | |
| 95 | + <a href="https://youtu.be/HymA-lcE14c" target="_blank" class="image_link" style="background-image:url('/img/video_yt.jpg');"></a> | |
| 96 | + </div> | |
| 97 | + <div class="img-title"> | |
| 98 | + <table> | |
| 99 | + <tr> | |
| 100 | + <td class="buts text-left"> | |
| 101 | + <a href="https://youtu.be/HymA-lcE14c" class="sqre_btn blue_arrow" target="_blank" title="<?= Yii::t('app', 'yt1') ?>"></a> | |
| 102 | + <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> | |
| 103 | + </td> | |
| 104 | + <td class="i-title" valign="center"> | |
| 105 | + <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p> | |
| 106 | + </td> | |
| 107 | + </tr> | |
| 108 | + </table> | |
| 109 | + </div> | |
| 69 | 110 | </div> |
| 70 | - <h3>Print</h3> | |
| 71 | - <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | |
| 72 | 111 | </div> |
| 112 | + <!-- /.box-image --> | |
| 73 | 113 | </div> |
| 74 | - <div class="col-md-4"> | |
| 75 | - <div class="box-simple"> | |
| 76 | - <div class="icon"> | |
| 77 | - <i class="fa fa-globe"></i> | |
| 114 | + <div class="col-sm-6"> | |
| 115 | + <div class="box-image"> | |
| 116 | + <div class="image"> | |
| 117 | + <div class="image_link_wr"> | |
| 118 | + <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a> | |
| 119 | + </div> | |
| 120 | + <div class="img-title"> | |
| 121 | + <table> | |
| 122 | + <tr> | |
| 123 | + <td class="buts text-left"> | |
| 124 | + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a> | |
| 125 | + <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> | |
| 126 | + </td> | |
| 127 | + <td class="i-title" valign="center"> | |
| 128 | + <p class="pr_title2"><a href="#" class="open_gal" id="gal02"><?= Yii::t('app', 'sect2_8') ?></a></p> | |
| 129 | + </td> | |
| 130 | + </tr> | |
| 131 | + </table> | |
| 132 | + </div> | |
| 78 | 133 | </div> |
| 79 | - <h3>SEO and SEM</h3> | |
| 80 | - <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p> | |
| 81 | 134 | </div> |
| 135 | + <!-- /.box-image --> | |
| 82 | 136 | </div> |
| 83 | - </div> | |
| 84 | - | |
| 85 | - <div class="row"> | |
| 86 | - <div class="col-md-4"> | |
| 87 | - <div class="box-simple"> | |
| 88 | - <div class="icon"> | |
| 89 | - <i class="fa fa-lightbulb-o"></i> | |
| 137 | + <div class="col-sm-6"> | |
| 138 | + <div class="box-image"> | |
| 139 | + <div class="image"> | |
| 140 | + <div class="image_link_wr"> | |
| 141 | + <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a> | |
| 142 | + </div> | |
| 143 | + <div class="img-title"> | |
| 144 | + <table> | |
| 145 | + <tr> | |
| 146 | + <td class="buts text-left"> | |
| 147 | + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a> | |
| 148 | + <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> | |
| 149 | + </td> | |
| 150 | + <td class="i-title" valign="center"> | |
| 151 | + <p class="pr_title2"> | |
| 152 | + <a href="#" class="open_gal" id="gal01"><?= Yii::t('app', 'sect2_9') ?></a> | |
| 153 | + </p> | |
| 154 | + </td> | |
| 155 | + </tr> | |
| 156 | + </table> | |
| 157 | + </div> | |
| 90 | 158 | </div> |
| 91 | - <h3>Consulting</h3> | |
| 92 | - <p>Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p> | |
| 93 | 159 | </div> |
| 160 | + <!-- /.box-image --> | |
| 94 | 161 | </div> |
| 95 | - <div class="col-md-4"> | |
| 96 | - <div class="box-simple"> | |
| 97 | - <div class="icon"> | |
| 98 | - <i class="fa fa-envelope-o"></i> | |
| 162 | + <div class="col-sm-6"> | |
| 163 | + <div class="box-image"> | |
| 164 | + <div class="image"> | |
| 165 | + <div class="image_link_wr"> | |
| 166 | + <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a> | |
| 167 | + </div> | |
| 168 | + <div class="img-title"> | |
| 169 | + <table> | |
| 170 | + <tr> | |
| 171 | + <td class="buts text-left"> | |
| 172 | + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a> | |
| 173 | + <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> | |
| 174 | + </td> | |
| 175 | + <td class="i-title" valign="center"> | |
| 176 | + <p class="pr_title2"><a href="#" class="open_gal" id="gal03"><?= Yii::t('app', 'sect2_10') ?></a></p> | |
| 177 | + </td> | |
| 178 | + </tr> | |
| 179 | + </table> | |
| 180 | + </div> | |
| 99 | 181 | </div> |
| 100 | - <h3>Email Marketing</h3> | |
| 101 | - <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | |
| 102 | 182 | </div> |
| 183 | + <!-- /.box-image --> | |
| 103 | 184 | </div> |
| 104 | - <div class="col-md-4"> | |
| 105 | - <div class="box-simple"> | |
| 106 | - <div class="icon"> | |
| 107 | - <i class="fa fa-user"></i> | |
| 108 | - </div> | |
| 109 | - <h3>UX</h3> | |
| 110 | - <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p> | |
| 111 | - </div> | |
| 185 | + </div> | |
| 186 | + <div class="row"> | |
| 187 | + <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;"> | |
| 188 | + <a href='site/objects' class="button1 more-projects" target="_blank"><?= Yii::t('app', 'sect2_6') ?></a> | |
| 112 | 189 | </div> |
| 113 | 190 | </div> |
| 114 | 191 | </div> |
| 115 | 192 | </div> |
| 116 | 193 | </section> |
| 117 | 194 | |
| 118 | - <section class="bar background-pentagon no-mb"> | |
| 195 | + <section class="blue-fon no-mg economy-wr"> | |
| 119 | 196 | <div class="container"> |
| 120 | - <div class="row showcase"> | |
| 121 | - <div class="col-md-3 col-sm-6"> | |
| 122 | - <div class="item"> | |
| 123 | - <div class="icon"><i class="fa fa-align-justify"></i> | |
| 197 | + <div class="heading text-left"> | |
| 198 | + <h2 class="big-text">Как заказать электростанцию <br/>и начать экономить уже сегодня?</h2> | |
| 199 | + </div> | |
| 200 | + <div class="row"> | |
| 201 | + <div class="col-xs-12 col-sm-4"> | |
| 202 | + <div class="box-simple"> | |
| 203 | + <div class="icon"> | |
| 204 | + <img src="/img/icon_sentence.png"> | |
| 124 | 205 | </div> |
| 125 | - <h4><span class="counter">580</span><br> | |
| 126 | - | |
| 127 | - Websites</h4> | |
| 206 | + <h3>Наше предложение</h3> | |
| 207 | + <p>Наш специалист связывается с вами и, исходя из ваших пожеланий, формирует предложение</p> | |
| 128 | 208 | </div> |
| 129 | 209 | </div> |
| 130 | - <div class="col-md-3 col-sm-6"> | |
| 131 | - <div class="item"> | |
| 132 | - <div class="icon"><i class="fa fa-users"></i> | |
| 210 | + <div class="col-xs-12 col-sm-4"> | |
| 211 | + <div class="box-simple"> | |
| 212 | + <div class="icon"> | |
| 213 | + <img src="/img/icon_agreement.png"> | |
| 133 | 214 | </div> |
| 134 | - <h4><span class="counter">100</span><br> | |
| 135 | - | |
| 136 | - Satisfied Clients</h4> | |
| 215 | + <h3>Договор</h3> | |
| 216 | + <p>Официально подтверждаем и фиксируем наши договоренности</p> | |
| 137 | 217 | </div> |
| 138 | 218 | </div> |
| 139 | - <div class="col-md-3 col-sm-6"> | |
| 140 | - <div class="item"> | |
| 141 | - <div class="icon"><i class="fa fa-copy"></i> | |
| 219 | + <div class="col-xs-12 col-sm-4"> | |
| 220 | + <div class="box-simple"> | |
| 221 | + <div class="icon"> | |
| 222 | + <img src="/img/icon_installation.png"> | |
| 142 | 223 | </div> |
| 143 | - <h4><span class="counter">320</span><br> | |
| 144 | - | |
| 145 | - Projects</h4> | |
| 224 | + <h3>Монтаж</h3> | |
| 225 | + <p>Наши квалифицированные специалисты гарантированно обеспечат высокое качество монтажа</p> | |
| 146 | 226 | </div> |
| 147 | 227 | </div> |
| 148 | - <div class="col-md-3 col-sm-6"> | |
| 149 | - <div class="item"> | |
| 150 | - <div class="icon"><i class="fa fa-font"></i> | |
| 228 | + <div class="col-xs-12 col-sm-4"> | |
| 229 | + <div class="box-simple"> | |
| 230 | + <div class="icon"> | |
| 231 | + <img src="/img/icon_recomendation.png"> | |
| 151 | 232 | </div> |
| 152 | - <h4><span class="counter">923</span><br> | |
| 153 | - | |
| 154 | - Magazines and Brochures</h4> | |
| 233 | + <h3>Рекомендации</h3> | |
| 234 | + <p>Вы рекомендуете нас своим друзьям и знакомым</p> | |
| 155 | 235 | </div> |
| 156 | 236 | </div> |
| 157 | - </div> | |
| 158 | - <!-- /.row --> | |
| 159 | - </div> | |
| 160 | - <!-- /.container --> | |
| 161 | - </section> | |
| 162 | - <!-- /.bar --> | |
| 163 | - | |
| 164 | - <section class="bar background-white no-mb"> | |
| 165 | - <div class="container" data-animate="fadeInUpBig"> | |
| 166 | - <div class="row"> | |
| 167 | - <div class="col-md-12"> | |
| 168 | - <div class="heading text-center"> | |
| 169 | - <h2>Latest works from our portfolio</h2> | |
| 170 | - </div> | |
| 171 | - | |
| 172 | - <p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies | |
| 173 | - mi vitae est. Mauris placerat eleifend leo.</p> | |
| 174 | - | |
| 175 | - | |
| 176 | - <div class="row portfolio"> | |
| 177 | - <div class="col-sm-4"> | |
| 178 | - <div class="box-image"> | |
| 179 | - <div class="image"> | |
| 180 | - <img src="/img/portfolio-1.jpg" alt="" class="img-responsive"> | |
| 181 | - </div> | |
| 182 | - <div class="bg"></div> | |
| 183 | - <div class="name"> | |
| 184 | - <h3><a href="portfolio-detail.html">Portfolio item</a></h3> | |
| 185 | - </div> | |
| 186 | - <div class="text"> | |
| 187 | - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p> | |
| 188 | - <p class="buttons"> | |
| 189 | - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a> | |
| 190 | - <a href="#" class="btn btn-template-transparent-primary">Website</a> | |
| 191 | - </p> | |
| 192 | - </div> | |
| 193 | - </div> | |
| 194 | - <!-- /.item --> | |
| 195 | - | |
| 196 | - </div> | |
| 197 | - | |
| 198 | - <div class="col-sm-4"> | |
| 199 | - <div class="box-image"> | |
| 200 | - <div class="image"> | |
| 201 | - <img src="/img/portfolio-2.jpg" alt="" class="img-responsive"> | |
| 202 | - </div> | |
| 203 | - <div class="bg"></div> | |
| 204 | - <div class="name"> | |
| 205 | - <h3><a href="portfolio-detail.html">Portfolio item</a></h3> | |
| 206 | - </div> | |
| 207 | - <div class="text"> | |
| 208 | - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p> | |
| 209 | - <p class="buttons"> | |
| 210 | - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a> | |
| 211 | - <a href="#" class="btn btn-template-transparent-primary">Website</a> | |
| 212 | - </p> | |
| 213 | - </div> | |
| 214 | - </div> | |
| 215 | - <!-- /.item --> | |
| 216 | - | |
| 217 | - </div> | |
| 218 | - | |
| 219 | - <div class="col-sm-4"> | |
| 220 | - <div class="box-image"> | |
| 221 | - <div class="image"> | |
| 222 | - <img src="/img/portfolio-3.jpg" alt="" class="img-responsive"> | |
| 223 | - </div> | |
| 224 | - <div class="bg"></div> | |
| 225 | - <div class="name"> | |
| 226 | - <h3><a href="portfolio-detail.html">Portfolio item</a></h3> | |
| 227 | - </div> | |
| 228 | - <div class="text"> | |
| 229 | - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p> | |
| 230 | - <p class="buttons"> | |
| 231 | - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a> | |
| 232 | - <a href="#" class="btn btn-template-transparent-primary">Website</a> | |
| 233 | - </p> | |
| 234 | - </div> | |
| 235 | - </div> | |
| 236 | - <!-- /.item --> | |
| 237 | - | |
| 237 | + <div class="col-xs-12 col-sm-4"> | |
| 238 | + <div class="box-simple"> | |
| 239 | + <div class="icon"> | |
| 240 | + <img src="/img/icon_service.png"> | |
| 238 | 241 | </div> |
| 239 | - | |
| 242 | + <h3>Сервисное обслуживание</h3> | |
| 243 | + <p>Последующее сопровождение бесперебойной работы вашей электростанции</p> | |
| 240 | 244 | </div> |
| 241 | - | |
| 242 | - | |
| 243 | - <div class="see-more"> | |
| 244 | - <p>Do you want to see more?</p> | |
| 245 | - | |
| 246 | - <a href="portfolio-4.html" class="btn btn-template-main">See more of our work</a> | |
| 245 | + </div> | |
| 246 | + <div class="col-xs-12 col-sm-4"> | |
| 247 | + <div class="box-simple"> | |
| 248 | + <div class="icon"> | |
| 249 | + <img src="/img/icon_tarrif.png"> | |
| 250 | + </div> | |
| 251 | + <h3>Подключение зеленого тарифа</h3> | |
| 252 | + <p>Экспертная консультация, как подключить ЗТ и продавать избыточную энергию государству</p> | |
| 247 | 253 | </div> |
| 248 | - | |
| 249 | 254 | </div> |
| 250 | - | |
| 251 | 255 | </div> |
| 252 | 256 | </div> |
| 253 | 257 | </section> |
| 254 | 258 | |
| 255 | - <section class="bar background-gray no-mb"> | |
| 259 | + <section class="bar background-white"> | |
| 256 | 260 | <div class="container"> |
| 257 | - <div class="row"> | |
| 258 | - <div class="col-md-12"> | |
| 259 | - <div class="heading text-center"> | |
| 260 | - <h2>Our clients</h2> | |
| 261 | - </div> | |
| 262 | - | |
| 263 | - <ul class="owl-carousel customers"> | |
| 264 | - <li class="item"> | |
| 265 | - <img src="/img/customer-1.png" alt="" class="img-responsive"> | |
| 266 | - </li> | |
| 267 | - <li class="item"> | |
| 268 | - <img src="/img/customer-2.png" alt="" class="img-responsive"> | |
| 269 | - </li> | |
| 270 | - <li class="item"> | |
| 271 | - <img src="/img/customer-3.png" alt="" class="img-responsive"> | |
| 272 | - </li> | |
| 273 | - <li class="item"> | |
| 274 | - <img src="/img/customer-4.png" alt="" class="img-responsive"> | |
| 275 | - </li> | |
| 276 | - <li class="item"> | |
| 277 | - <img src="/img/customer-5.png" alt="" class="img-responsive"> | |
| 278 | - </li> | |
| 279 | - <li class="item"> | |
| 280 | - <img src="/img/customer-6.png" alt="" class="img-responsive"> | |
| 281 | - </li> | |
| 282 | - </ul> | |
| 283 | - <!-- /.owl-carousel --> | |
| 284 | - </div> | |
| 285 | - | |
| 261 | + <div class="heading text-left"> | |
| 262 | + <h2>СМИ о нас</h2> | |
| 263 | + </div> | |
| 264 | + <div class="row text-center"> | |
| 265 | + <a href="#">Больше о наших проектах</a> | |
| 286 | 266 | </div> |
| 287 | 267 | </div> |
| 288 | 268 | </section> |
| 289 | 269 | |
| 290 | - <!-- /.bar --> | |
| 270 | + <section class="no-mg"> | |
| 271 | + <div id="map"> | |
| 291 | 272 | |
| 292 | - <section class="bar background-image-fixed-2 no-mb color-white text-center"> | |
| 293 | - <div class="dark-mask"></div> | |
| 294 | - <div class="container"> | |
| 295 | - <div class="row"> | |
| 296 | - <div class="col-md-12"> | |
| 297 | - <div class="icon icon-lg"><i class="fa fa-file-code-o"></i> | |
| 298 | - </div> | |
| 299 | - <h1>Do you want to see more?</h1> | |
| 300 | - <p class="lead">We have prepared for you more than 40 different HTML pages, including 5 variations of homepage.</p> | |
| 301 | - <p class="text-center"> | |
| 302 | - <a href="index3.html" class="btn btn-template-transparent-black btn-lg">Check other homepage</a> | |
| 303 | - </p> | |
| 304 | - </div> | |
| 305 | - | |
| 306 | - </div> | |
| 307 | 273 | </div> |
| 308 | 274 | </section> |
| 309 | 275 | </div> |
| 310 | 276 | \ No newline at end of file | ... | ... |
frontend/web/css/main.css
| 1 | +.no-mg{ | |
| 2 | + margin:0; | |
| 3 | +} | |
| 1 | 4 | .navbar ul.nav > li > a { |
| 2 | 5 | font-size: 13px; |
| 3 | 6 | letter-spacing: -0.40px; |
| ... | ... | @@ -14,6 +17,31 @@ |
| 14 | 17 | justify-content: center; |
| 15 | 18 | align-items: center; |
| 16 | 19 | } |
| 20 | +.button1 { | |
| 21 | + margin: 0 auto; | |
| 22 | + color: black; | |
| 23 | + text-transform: uppercase; | |
| 24 | + background-color: #ffd800; | |
| 25 | + text-decoration: none; | |
| 26 | + cursor: pointer; | |
| 27 | + transition: 0.3s; | |
| 28 | + display: inline-block; | |
| 29 | + text-align: center; | |
| 30 | + font-weight: bold; | |
| 31 | + width: 158px; | |
| 32 | + padding: 8px 0; | |
| 33 | + padding-top: 10px; | |
| 34 | + font-size: 13px; | |
| 35 | + line-height: 14px; | |
| 36 | + background-position: 14px center; | |
| 37 | + background-size: 11%; | |
| 38 | + background-repeat: no-repeat; | |
| 39 | + padding-left: 25px; | |
| 40 | + letter-spacing: 0; | |
| 41 | + border: none; | |
| 42 | + outline: none; | |
| 43 | + border-radius: 2px; | |
| 44 | +} | |
| 17 | 45 | .static_logo_img{ |
| 18 | 46 | width:85px; |
| 19 | 47 | } |
| ... | ... | @@ -49,4 +77,125 @@ |
| 49 | 77 | font-size: 12px; |
| 50 | 78 | text-align: center; |
| 51 | 79 | vertical-align: bottom; |
| 52 | -} | |
| 53 | 80 | \ No newline at end of file |
| 81 | +} | |
| 82 | + | |
| 83 | +.blue-fon{ | |
| 84 | + background-image:url('/img/slide_two_fon.png'); | |
| 85 | + color:#fff; | |
| 86 | +} | |
| 87 | +.blue-fon .icon{ | |
| 88 | + position: relative; | |
| 89 | + width:120px; | |
| 90 | + height:120px; | |
| 91 | + border:none; | |
| 92 | +} | |
| 93 | +.blue-fon .icon img { | |
| 94 | + width: 100%; | |
| 95 | + margin: 0; | |
| 96 | + padding: 0; | |
| 97 | +} | |
| 98 | +.blue-fon .box-simple h3 { | |
| 99 | + color: #ffd800; | |
| 100 | + margin-bottom: 5px; | |
| 101 | +} | |
| 102 | +.blue-fon .box-simple p { | |
| 103 | + color: #fff; | |
| 104 | +} | |
| 105 | +.why-us .line_why { | |
| 106 | + position: absolute; | |
| 107 | + top: 50px; | |
| 108 | + right: -83px; | |
| 109 | + opacity: 0.3; | |
| 110 | +} | |
| 111 | +.blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5{ | |
| 112 | + color:#fff; | |
| 113 | + border-color: #ffd800!important; | |
| 114 | +} | |
| 115 | +a.sqre_btn { | |
| 116 | + padding: 0; | |
| 117 | + margin: 0; | |
| 118 | + outline: none; | |
| 119 | + font-weight: normal; | |
| 120 | + font-size: 14px; | |
| 121 | + line-height: normal; | |
| 122 | + letter-spacing: 0; | |
| 123 | + display: inline-block; | |
| 124 | + vertical-align: middle; | |
| 125 | + width: 40px; | |
| 126 | + height: 40px; | |
| 127 | + background-color: rgba(255, 0, 0, 0.23); | |
| 128 | + border-radius: 0; | |
| 129 | + text-align: center; | |
| 130 | + overflow: hidden; | |
| 131 | + margin-left: 5px; | |
| 132 | + margin-top: 5px; | |
| 133 | + background-position: center; | |
| 134 | + background-repeat: no-repeat; | |
| 135 | +} | |
| 136 | +section.blue-fon { | |
| 137 | + padding-top: 25px; | |
| 138 | +} | |
| 139 | +.objects-main-wr .image_link_wr { | |
| 140 | + width: 100%; | |
| 141 | + height: 0; | |
| 142 | + padding-top: 58.829%; | |
| 143 | + position: relative; | |
| 144 | +} | |
| 145 | +.objects-main-wr .img-title table { | |
| 146 | + width: 100%; | |
| 147 | + margin-top: 10px; | |
| 148 | +} | |
| 149 | +.objects-main-wr .image_link { | |
| 150 | + background-position: center; | |
| 151 | + position: absolute; | |
| 152 | + top: 0; | |
| 153 | + left: 0; | |
| 154 | + background-size: cover; | |
| 155 | + background-repeat: no-repeat; | |
| 156 | + width: 100%; | |
| 157 | + height: 100%; | |
| 158 | +} | |
| 159 | +.objects-main-wr .img-title table td.buts { | |
| 160 | + width: 95px; | |
| 161 | + max-width: 100%; | |
| 162 | + vertical-align: top; | |
| 163 | + text-align: left; | |
| 164 | +} | |
| 165 | +.sqre_btn.blue_arrow { | |
| 166 | + background-color: #0095d7; | |
| 167 | + background-image: url(../img/arrows_right_w.png); | |
| 168 | +} | |
| 169 | +.text-left a.sqre_btn { | |
| 170 | + margin-left: 0; | |
| 171 | + margin-right: 5px; | |
| 172 | +} | |
| 173 | +.img-title table .text-left a.sqre_btn { | |
| 174 | + margin-top: 0; | |
| 175 | +} | |
| 176 | +.sqre_btn.yellow_calc { | |
| 177 | + background-color: #ffd800; | |
| 178 | + background-image: url(../img/icon_calc2.png); | |
| 179 | +} | |
| 180 | +.img-title table td.i-title { | |
| 181 | + padding-left: 10px; | |
| 182 | + text-align: left; | |
| 183 | + padding-right: 10px; | |
| 184 | +} | |
| 185 | +.img-title table .pr_title2 { | |
| 186 | + margin: 0; | |
| 187 | + padding: 0; | |
| 188 | +} | |
| 189 | +.pr_title2 a { | |
| 190 | + font-weight: bold; | |
| 191 | + font-size: 16px; | |
| 192 | + text-transform: uppercase; | |
| 193 | + text-decoration: none; | |
| 194 | + color: #555555; | |
| 195 | +} | |
| 196 | +.button1.more-projects { | |
| 197 | + padding: 14px; | |
| 198 | + width: 240px; | |
| 199 | + font-size: 14px; | |
| 200 | + margin-bottom: 25px; | |
| 201 | +} | |
| 202 | +.pr_title2 span{display:none!important;} | |
| 54 | 203 | \ No newline at end of file | ... | ... |