<?php

/* @var $this yii\web\View */
use yii\helpers\Url;
use yii\helpers\BaseInflector;
use app\models\Distribution;
use common\helper\Helper;
$this->title = 'Homepage';
?>
<!-- Welcome Area Start -->
    <section class="welcome-area">
        <div class="welcome-slides owl-carousel">

            <div class="single-welcome-slide bg-img bg-overlay jarallax" style="background-image: url(img/bg-img/45.jpg);">
                <div class="container h-100">
                    <div class="row h-100 align-items-center">
                        <div class="col-12">
                            <div class="welcome-text-two text-center">
                                <h5 data-animation="fadeInUp" data-delay="100ms">Iuran Pemeliharan Lingkungan</h5>
                                <h2 data-animation="fadeInUp" data-delay="300ms">- IPL -</h2>
                                <div class="event-meta" data-animation="fadeInUp" data-delay="500ms">
                                    <a class="event-author" href="#"><i class="zmdi zmdi-alarm-check"></i>  Aplikasi&nbsp;pelaporan &nbsp;pembayaran IPL untuk &nbsp;mengatur pelaporan keuangan kas Perumahan
                                	</a>
                                </div>
                                <div class="hero-btn-group" data-animation="fadeInUp" data-delay="700ms">
                                	<?php
			                    	if (Yii::$app->user->isGuest) {
								        echo '
			                        	<a class="btn confer-btn mt-3 mt-lg-0 ml-3" href="'.Url::to(['site/login']).'"><i class="fa fa-user-circle"></i> LOGIN VIA WEBSITE</a>';
								    } 
			                    	?>  
                                    <a href="https://play.google.com/store/apps/details?id=app.mobile.iplcluster" class="btn confer-btn m-2">Download Aplikasi Android disini ! <i class="zmdi zmdi-long-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Scroll Icon -->
        <div class="icon-scroll" id="scrollDown"></div>
    </section>
    <!-- Welcome Area End -->

    <!-- About Us And Countdown Area Start 
    <section class="about-us-countdown-area section-padding-100-0" id="about">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                    <div class="about-content-text mb-80">
                        <h6 class="wow fadeInUp" data-wow-delay="300ms">Tentang Guru</h6>
                        <h3 class="wow fadeInUp" data-wow-delay="300ms">Selamat Datang <br /> Guru & Siswa</h3>
                        <p class="wow fadeInUp" data-wow-delay="300ms">
                        	Aplikasi sederhana untuk mengolah nilai untuk guru dan sebagai media untuk memberikan materi pelajaran serta soal-soalnya kepada siswa-siswi bimbingan anda.
                        	</p>
                        	<?php
                            if (!Yii::$app->user->isGuest) {
                    		//echo '<a class="btn confer-btn mt-50 wow fadeInUp" data-wow-delay="300ms"  href="'.Url::to(['site/signup']).'">Coba aplikasi ini </a>';
							}
                            ?>
                    </div>
                </div>

                <!-- About Thumb 
                <div class="col-12 col-md-6">
                    <div class="about-thumb mb-80 wow fadeInUp" data-wow-delay="300ms">
                        <img src="img/bg-img/2.png" alt="">
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- About Us And Countdown Area End -->

    <!-- Our Speakings Area Start -->
    
    <!-- Our Speakings Area End -->

 <style>
 	@media only screen and (max-width: 767px) {
         
          .mobilevd{max-width: 50%;height: 50%;}
          .single-speaker-area .speaker-single-thumb {
          	height: 220px;
          }
          }
 </style>

    
    <!-- Contact Area End -->
    <!-- banner-last End -->