index.php 12.4 KB
<?php

/* @var $this yii\web\View
 * @var \common\models\speaker\Speaker[] $speakers
 */
    
    use artbox\core\helpers\ImageHelper;
    use artbox\core\helpers\Url;
    use frontend\assets\SliderAsset;
    
    SliderAsset::register($this);
?>

<section class="section-first-home">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 first-home-title">
        <span><?=\Yii::t('app', '9F')?></span>
      </div>
    </div>
    <div class="row first-home-links">
      <div class="hidden-xs col-sm-1 col-md-2"></div>
      <div class="col-xs-6 col-sm-5 col-md-4 first-home-links-col">

        <a class="first-home-program" target="_blank"
           href="/pdf/Kyiv_-_EM_and_9th_Forum_-_OverviewHyper_MASTER_07-5_Clean.pdf" ><span>
		        <?=\Yii::t('app', 'Prog z')?></span></a>
      </div>
      <div class="col-xs-6 col-sm-5 col-md-4 first-home-links-col">
        <a class="first-home-reg" href="<?=Url::to(['site/register'])?>"><span>
                <?=Yii::t('app', 'Register!')?></span></a>
      </div>
      <div class="hidden-xs col-sm-1 col-md-2"></div>
    </div>
  </div>
</section>

<section class="section-second">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 editor-home">
        <p>Кабінет Міністрів України утворив Організаційний комітет з підготовки та проведення в Україні восени 2018 року 9-го Міжнародного форуму з енергетики для сталого розвитку. Його очолив Віце-прем’єр-міністр України Володимир Кістіон. Відповідне рішення прийнято 13 грудня на засіданні Уряду.
        </p>
        <p>Форум проходитиме під егідою Європейської Економічної Комісії Організації Об’єднаних Націй.
        </p>
        <p>Міжнародні форуми  з енергетики в інтересах сталого розвитку є щорічними заходами, що організовуються п’ятьма Регіональними комісіями ООН з 2010 року. Такі заходи є важливим елементом для поліпшення розуміння сталої енергетики та дієвою платформою для широкого політичного діалогу з метою досягнення Цілей сталого розвитку ООН у майбутньому.
        </p>
      </div>
    </div>
  </div>
</section>
<?php if (!empty($speakers)){?>
<section class="section-speakers">
  <div class="container">
    <div class="row">
      <div class="col-xs-12"><div class="speakers-title">
              <?=\Yii::t('app', 'Speakers')?></div></div>
    </div>
    
    <div class="row">
      <div class="col-xs-12 col-sm-12">
        <div class="slider-home sliders row owl-carousel">
          <?php foreach ($speakers as $speaker){?>
          <div class="col-xs-12 col-sm-4 col-md-3 items-home-col">
            <div class="items-home">
              <div class="items-home-img">
                <!--263x210-->
                <a href="#"><img src="<?=ImageHelper::set($speaker->image->getPath())
                        ->cropResize(263, 210)
                        ->render()?>" alt=""></a>
              </div>
              <div class="items-home-name"><?=$speaker->language->name?></div>
              <div class="items-home-job"><?=$speaker->language->position?></div>
              <div class="items-home-country-wr">
                <div class="items-home-country">
                    <span>
                        <?=$speaker->language->organization?>
                    </span>
                </div>
              </div>
            </div>
          </div>
         <?php } ?>
        </div>
      </div>
    </div>
  </div>
</section>
<?php } ?>



<section class="section-partners">
    <div class="container">
        <div class="row" style="margin-top: -20px;">
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="style partners-title"><span>
                                <?=\Yii::t('app','Orgs')?></span></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 partners-col">
                        <div class="row">
                            <div class="partners-wr col-xs-12 col-sm-6">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-1.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-6">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-2.png" alt="">
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="border-mobile hidden visible-xs"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-8 col-md-8">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="style partners-title"><span>
                                 <?=\Yii::t('app','Generals')?>
                                </span></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 partners-col">
                        <div class="row slider-partners">
                            <div class="partners-wr col-xs-12 col-sm-3">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-3.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-3">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-4-2.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-3">
                                <div>
                                    <a href="#">
                                        <img src="/images/partners/img-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-3">
                                <div>
                                    <a href="#">
                                        <img src="/images/partners/img-6.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="border-mobile hidden visible-xs"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="style partners-title"><span>
                                <?=\Yii::t('app','Partners')?>
                               </span></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 partners-col">
                        <div class="row slider-partners">
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-7.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-8.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-9.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-10.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-11.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-12.png" alt="">
                                    </span>
                                </div>
                            </div>

                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-13.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-14.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-19-n.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-16.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-20-n.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <div class="partners-wr col-xs-12 col-sm-2">
                                <div>
                                    <span>
                                        <img src="/images/partners/img-18.png" alt="">
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="border-mobile hidden visible-xs"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>