1#@!#!123s

: / var / www / html / epaji.com / public_html / hindiusa / views / site /
Filename : school.php
back
<?php

/* @var $this yii\web\View */
use yii\helpers\Html;
//$this->title = 'Hindi USA';
//$this->meta_description = '$aboutschool->meta_desc;'
?>

<!--====================================
——— BEGIN MAIN SLIDE LIST
===================================== -->

<section class="rev_slider_wrapper fullwidthbanner-container over" dir="ltr">

  <!-- the ID here will be used in the JavaScript below to initialize the slider -->
  <div id="rev_slider_1" class="rev_slider rev-slider-kidz-school" data-version="5.4.5" style="display:none">

        <ul>
      <?php

      foreach ($sliders as $slider) {
        // code...
     

      ?>
            <!-- SLIDE 1  -->
            <li data-transition="fade">
              <?= Html::img(Yii::$app->request->baseUrl.'/'.$slider->image, ['class' => 'rev-slidebg','alt'=>$slider->title]); ?>
              
        <!-- LAYERS -->
        
        <!-- LAYER NR. 1 -->
        <div class="tp-caption tp-resizeme font-dosis font-weight-bold"
          data-frames='[{
            "delay":1600,"speed":1000,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},
            {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'

          data-visibility="on"
          data-x="left"
          data-y="middle"
          data-hoffset="['10', '40', '15', '30']"
          data-voffset="['-75', '-75', '-65', '-45']"
          data-fontsize="['50', '45', '40', '30']"
          data-lineheight="['50', '45', '40', '30']"
          data-color="#FFF"
          data-width="auto"
          data-basealign="grid"
          data-responsive_offset="off"
          style="z-index: 1;">
            <span class="text-white"><?= $slider->hover_text1; ?></span>
        </div>
        
        <!-- LAYER NR. 2 -->
        <div class="tp-caption tp-resizeme"
          data-frames='[{
          "delay":2000,"speed":1300,"frame":"500","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},
          {"delay":"wait","speed":200,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'

          data-visibility="on"
          data-x="left"
          data-y="middle"
          data-hoffset="['10', '40', '15', '30']"
          data-voffset="['0', '0', '0', '0']"
          data-width="['550','500','500','420']"
          data-fontsize="['25', '23', '23', '23']"
          data-lineheight="['30', '25', '25', '25']"
          data-color="#FFF"
          data-textAlign="left"
          data-basealign="grid"
          data-responsive_offset="off"
          data-type="text"
          data-whitespace="normal"
          style="z-index: 10;">
           <?= $slider->hover_text2; ?>
        </div>

            </li>
      <?php } ?>

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

<!-- ====================================
——— BOX SECTION
===================================== -->
<section class="d-none d-sm-block section-top">
  <div class="container">
    <div class="row wow fadeInUp">
      
       <div class="col-sm-3">
                <a href="#gallery">
                    <div class="card bg-danger card-hover scrolling">
                        <div class="card-body text-center p-0">
                            <div class="card-icon-border-large border-danger">
                                <i class="fa fa-picture-o" aria-hidden="true"></i>
                            </div>
                            <h2 class="text-white font-size-32 pt-1 pt-lg-5 pb-2 pb-lg-6 mb-0 font-dosis">Gallery</h2>
              <a href="#gallery" class="btn-scroll-down d-block pb-4 pb-lg-5">
                <i class="fa fa-chevron-down" aria-hidden="true"></i>
              </a>
                        </div>
                    </div>
                </a>
      </div>

      <div class="col-sm-3">
        <?php
        $teacherurl = '';
          if($this->params['url'] == '/'){

            $teacherurl = 'our-teachers';

          }
          else{

            $teacherurl = $this->params['url'].'/our-teachers';

          }

        ?>
                <a href="<?= $teacherurl ?>">
                    <div class="card bg-success card-hover scrolling">
                        <div class="card-body text-center p-0">
                            <div class="card-icon-border-large border-success">
                                <i class="fa fa-calendar-o" aria-hidden="true"></i>
                            </div>
                            <h2 class="text-white font-size-32 pt-1 pt-lg-5 pb-2 pb-lg-6 mb-0 font-dosis">Volunteers</h2>
                            <a href="<?= $teacherurl ?>" class="btn-scroll-down d-block pb-4 pb-lg-5">
                                <i class="fa fa-chevron-down" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </a>
      </div>

     

      <div class="col-sm-3">
                <a href="#blog">
                    <div class="card bg-info card-hover scrolling">
                        <div class="card-body text-center p-0">
                            <div class="card-icon-border-large border-info">
                                <i class="fa fa-files-o" aria-hidden="true"></i>
                            </div>
                            <h2 class="text-white font-size-32 pt-1 pt-lg-5 pb-2 pb-lg-6 mb-0 font-dosis">Blogs</h2>
                            <a href="#blog" class="btn-scroll-down d-block pb-4 pb-lg-5">
                                <i class="fa fa-chevron-down" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </a>
      </div>
      <div class="col-sm-3">
                <a href="#courses">
                    <div class="card bg-warning card-hover scrolling">
                        <div class="card-body text-center p-0">
                            <div class="card-icon-border-large border-warning">
                                <i class="fa fa-file-text-o" aria-hidden="true"></i>
                            </div>
                            <h2 class="text-white font-size-32 pt-1 pt-lg-5 pb-2 pb-lg-6 mb-0 font-dosis">Testimonials</h2>
                            <a href="#notice" class="btn-scroll-down d-block pb-4 pb-lg-5">
                                <i class="fa fa-chevron-down" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </a>
      </div>
    </div>
  </div>
</section>

<!-- ====================================
——— HOME FEATURE
===================================== -->
<section class="pt-9 pb-6 py-md-7">
  <div class="container">
    <div class="section-title justify-content-center mb-4 mb-md-8 wow fadeInUp">
      <span class="shape shape-left bg-info"></span>
      <h2 class="text-danger">About <?= $school->name; ?></h2>
      <span class="shape shape-right bg-info"></span>
    </div>

    <div class="row wow fadeInUp">
            <!-- Media -->
      <div class="col-sm-6 col-xl-4 col-xs-12">
        <div class="media mb-6">
                    <div class="media-icon-large bg-warning mr-xl-4">
                        <i class="fa fa-graduation-cap" aria-hidden="true"></i>
                    </div>

          <div class="media-body">
            <h3 class="text-warning">Who We Are</h3>
            <p><?php if(isset($aboutschool)) echo strip_tags(substr($aboutschool->description, 0, 200)); ?>..</p>
          </div>
        </div>
      </div>

            <!-- Media -->
      <div class="col-sm-6 col-xl-4 col-xs-12">
        <div class="media mb-6">
                    <div class="media-icon-large bg-success mr-xl-4">
                        <i class="fa fa-eye" aria-hidden="true"></i>
                    </div>

          <div class="media-body">
            <h3 class="text-success">Our Vision</h3>
            <p><?php if(isset($aboutschool)) echo strip_tags(substr($aboutschool->our_vision, 0, 200)); ?>...</p>
          </div>
        </div>
      </div>

            <!-- Media -->
      <div class="col-sm-6 col-xl-4 col-xs-12">
        <div class="media mb-6">
                    <div class="media-icon-large bg-danger mr-xl-4">
                        <i class="fa fa-bullseye" aria-hidden="true"></i>
                    </div>
          <div class="media-body">
            <h3 class="text-danger">Our Mission</h3>
            <p><?php if(isset($aboutschool)) echo strip_tags(substr($aboutschool->our_mission, 0, 200)); ?>...</p>
          </div>
        </div>
      </div>

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

<!-- ====================================
——— CALL TO ACTION
===================================== -->
<section class="py-9 bg-parallax bg-info" style="background-image: url(/uploads/avator-bg.png);">
    <div class="container">
    <div class="wow fadeInUp">
      <div class="section-title justify-content-center">
        <h2 class="text-white text-center">Need More Information?</h2>
      </div>
      <div class="text-center">
         <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', 'View More'), ['about-schools/about-us'], ['class' => 'btn btn-danger shadow-sm text-uppercase mt-4']);
                  }
                  else{
                    echo Html::a(Yii::t('app', 'View More'), ['about-schools/about-us', 'url' => $this->params['url']], ['class' => 'btn btn-danger shadow-sm text-uppercase mt-4']);
                  }

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


<!-- ====================================
——— GALLERY
===================================== -->
<section class="pt-9 pb-7 py-md-10" id="gallery">
    <div class="container">
        <div class="section-title justify-content-center mb-4 mb-md-8 wow fadeInUp">
      <span class="shape shape-left bg-info"></span>
      <h2 class="text-danger">Our Gallery</h2>
      <span class="shape shape-right bg-info"></span>
    </div>

        <div class="d-flex justify-content-center wow fadeInUp">
      <div id="filters" class="button-group">
                <button class="button is-checked" data-filter="*">View All</button>
        <?php 

        $colours = ['warning','success','danger','info','purple','pink'];

      ?>

        

          <?php foreach ($category as $value) { 

            $colourname = $colours[array_rand($colours)];

            ?>
        <button class="button" data-filter=".<?= 'cat-'.$value['id']; ?>"><?= $value['name']; ?></button>
        
      <?php } ?>
      </div>
    </div>

    <div id="gallery-grid">
      <div class="row grid wow fadeInUp">
        <?php foreach ($gallery as $galvalue) { ?>
        <div class="col-md-4 col-lg-3 col-xs-12 element-item <?= 'cat-'.$galvalue->galleryCategory->id; ?>">
          <div class="media media-hoverable justify-content-center">
            <div class="position-relative w-100">
              <img class="media-img w-100 lazyestload gallery-list-page-img" data-src="<?= Yii::$app->request->baseUrl.'/'.$galvalue->image; ?>" src="<?= Yii::$app->request->baseUrl.'/'.$galvalue->image; ?>"
               alt="<?= $galvalue->title; ?>">
             <!-- <a class="media-img-overlay" data-fancybox="gallery" href="<?= Yii::$app->request->baseUrl.'/'.$galvalue->image; ?>">
                <div class="btn btn-squre">
                  <i class="fa fa-search-plus"></i>
                </div>
              </a>-->

              <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', '<div class="btn btn-squre"><i class="fa fa-search-plus"></i></div>'), ['image-galleries/gallery-details','id'=>$galvalue->id, 'title'=>$galvalue->title ], ['class' => 'media-img-overlay']);
                  }
                  else{

                    echo Html::a(Yii::t('app', '<div class="btn btn-squre"><i class="fa fa-search-plus"></i></div>'), ['image-galleries/gallery-details', 'url' => $this->params['url'],'id'=>$galvalue->id, 'title'=>$galvalue->title ], ['class' => 'media-img-overlay']);
                  }

                ?>
            </div>
          </div>
          <h4 class="card-title">
               <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', $galvalue->title), ['image-galleries/gallery-details','id'=>$galvalue->id, 'title'=>$galvalue->title ], ['class' => 'text-'.$colourname.' text-capitalize d-block text-truncate']);
                  }
                  else{

                    echo Html::a(Yii::t('app', $galvalue->title), ['image-galleries/gallery-details', 'url' => $this->params['url'],'id'=>$galvalue->id, 'title'=>$galvalue->title ], ['class' => 'text-'.$colourname.' text-capitalize d-block text-truncate']);
                  }

                ?>
            </h4>
        </div>
        <?php } ?>
        
      </div>
    </div>

        <div class="btn-aria text-center mt-4 wow fadeInUp">

           <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', 'View More'), ['image-galleries/photo-gallery'], ['class' => 'btn btn-danger text-uppercase box-shadow']);
                  }
                  else{
                    echo Html::a(Yii::t('app', 'View More'), ['image-galleries/photo-gallery', 'url' => $this->params['url']], ['class' => 'btn btn-danger text-uppercase box-shadow']);
                  }

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


<!-- ====================================
——— TEACHERS SECTION
===================================== -->
<section class="pt-9 pb-2 py-md-10 bg-purple" id="teachers" style="background-image: url(/uploads/avator-bg.png);">
  <div class="container">
    <div class="section-title justify-content-center mb-2 mb-md-8 wow fadeInUp">
      <span class="shape shape-left bg-danger"></span>
      <h2 class="text-white">

<?php if($this->params['url'] == '/'){ ?>
      Meet Our Board of Directors
  <?php } else { ?>
      Meet Our Volunteers
  <?php } ?>

     </h2>
      <span class="shape shape-right bg-danger"></span>
    </div>

    <div class="team-slider owl-carousel owl-theme wow fadeInUp" dir="ltr">

       <?php 

      foreach ($teachers as $teacher) {

      ?>

      <div class="card card-hover card-transparent shadow-none">
        <div class="card-img-wrapper position-relative shadow-sm rounded-circle mx-auto">
<?php if ($teacher->photo_image != '') { ?>
           <img class="card-img-top rounded-circle lazyestload" data-src="<?= Yii::$app->request->baseUrl.'/'.$teacher->photo_image; ?>" src="<?= Yii::$app->request->baseUrl.'/'.$teacher->photo_image; ?>" alt="teacher-img"/>
<?php } else { ?>
 <img class="card-img-top rounded-circle lazyestload" data-src="/uploads/user.jpg" src="/uploads/user.jpg" alt="teacher-img"/>


<?php } ?>

          <div class="card-img-overlay text-center rounded-circle">
            <ul class="list-unstyled mb-0 d-flex align-items-center h-100 justify-content-center">
              
              <?php if($teacher->facebook != '') { ?>
              <li class="mr-2">
                <a href="<?= $teacher->facebook; ?>" target="_blank" class="text-white"><i class="fa fa-facebook" aria-hidden="true"></i></a>
              </li>
            <?php } ?>

             <?php if($teacher->twitter != '') { ?>
              <li class="mr-2">
                <a href="<?= $teacher->twitter; ?>" target="_blank" class="text-white"><i class="fa fa-twitter" aria-hidden="true"></i></a>
              </li>
            <?php } ?>
             <?php if($teacher->linkdin != '') { ?>
              <li class="mr-2">
                <a href="<?= $teacher->linkdin; ?>" target="_blank" class="text-white"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
              </li>
            <?php } ?>
             <?php if($teacher->youtube != '') { ?>
              <li class="mr-2">
                <a href="<?= $teacher->youtube; ?>" target="_blank" class="text-white"><i class="fa fa-youtube" aria-hidden="true"></i></a>
              </li>
            <?php } ?>

            </ul>
          </div>
        </div>
        <div class="card-body text-center">
           <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', $teacher->name), ['teachers/teacher-details','id'=>$teacher->id ], ['class' => 'font-size-20 font-weight-medium d-block']);
                  }
                  else{

                    echo Html::a(Yii::t('app', $teacher->name), ['teachers/teacher-details', 'url' => $this->params['url'],'id'=>$teacher->id ], ['class' => 'font-size-20 font-weight-medium d-block']);
                  }

                ?>
          <span class="text-white"><?= $teacher->designation; ?></span>
        </div>
      </div>

    <?php } ?>

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

<!-- ====================================
——— BLOG SECTION
===================================== -->
<section class="pt-9 pb-7" id="blog">
  <div class="container">
    <div class="section-title justify-content-center mb-4 mb-md-8 wow fadeInUp">
      <span class="shape shape-left bg-info"></span>
      <h2 class="text-danger">Latest Blogs</h2>
      <span class="shape shape-right bg-info"></span>
    </div>

    <div class="row wow fadeInUp">
      
<?php 

      $colour_array = ['warning','success','danger','info','purple','pink'];

      foreach ($blogs as $blog) {

        $colour_name = $colour_array[array_rand($colour_array)];
      ?>
      <div class="col-md-4">
        <div class="card">
          <div class="position-relative">
            <a href="#">
               <?php echo Html::img(Yii::$app->request->baseUrl.'/'.$blog->thumb_image, ['class' => 'card-img-top listing-page-img','alt' => $blog->title]); ?>
            </a>
            <div class="card-img-overlay p-0">
              <span class="badge badge-rounded badge-<?= $colour_name; ?> m-4"> <?= date('d',strtotime($blog->created)); ?> <br> <?= date('M',strtotime($blog->created)); ?></span>
            </div>
          </div>

          <div class="card-body border-top-5 px-3 rounded-bottom border-<?= $colour_name; ?>">
            <h3 class="card-title">

               <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', $blog->title), ['blogs/blog-details','id'=>$blog->id ], ['class' => 'text-'.$colour_name.' text-capitalize d-block text-truncate']);
                  }
                  else{

                    echo Html::a(Yii::t('app', $blog->title), ['blogs/blog-details', 'url' => $this->params['url'],'id'=>$blog->id ], ['class' => 'text-'.$colour_name.' text-capitalize d-block text-truncate']);
                  }

                ?>
            </h3>
            <ul class="list-unstyled d-flex mb-1">
              <li class="mr-2">
                <a class="text-muted" href="#">
                  <i class="fa fa-user mr-2" aria-hidden="true"></i><?php echo $blog->user->firstname.' '.$blog->user->lastname; ?>
                </a>
              </li>
              <!--<li class="mr-2">
                <a class="text-muted" href="blog-single-left-sidebar.html">
                  <i class="fa fa-comments-o mr-2" aria-hidden="true"></i>4 Comments
                </a>
              </li>-->
            </ul>
            <p class="mb-2"> <?= substr($blog->description, 0, 150); ?></p>
            
            <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', '<i class="fa fa-angle-double-right mr-1" aria-hidden="true"></i> Read More'), ['blogs/blog-details','id'=>$blog->id ], ['class' => 'btn btn-link text-hover-'.$colour_name.' pl-0']);
                  }
                  else{
                    echo Html::a(Yii::t('app', '<i class="fa fa-angle-double-right mr-1" aria-hidden="true"></i> Read More'), ['blogs/blog-details', 'url' => $this->params['url'],'id'=>$blog->id ], ['class' => 'btn btn-link text-hover-'.$colour_name.' pl-0']);
                  }

                ?>
          </div>
        </div>
      </div>
    <?php } ?>

      
    </div>

    <div class="btn-aria text-center mt-4 wow fadeInUp">

       <?php
                  if($this->params['url'] == '/'){
                    echo Html::a(Yii::t('app', 'View More'), ['blogs/our-blogs'], ['class' => 'btn btn-danger text-uppercase box-shadow']);
                  }
                  else{
                    echo Html::a(Yii::t('app', 'View More'), ['blogs/our-blogs', 'url' => $this->params['url']], ['class' => 'btn btn-danger text-uppercase box-shadow']);
                  }

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



<!-- ====================================
——— Testimonials
===================================== -->
<section class="bg-success py-5 py-md-9" style="background-image: url(/uploads/avator-bg.png);" id="notice">
  <div class="container">
 <div class="section-title justify-content-center mb-2 mb-md-8 wow fadeInUp">
      <span class="shape shape-left bg-danger"></span>
      <h2 class="text-white">Testimonials</h2>
      <span class="shape shape-right bg-danger"></span>
    </div>
    <div id="testimonial" class="owl-carousel owl-theme" dir="ltr">
      
      <?php 

       foreach ($testimonials as $testimonial) {

      ?>
      <div class="item">
        <div class="text-center py-5">
          <div class="mb-6">
            <i class="fa fa-comments-o text-white icon-xl" aria-hidden="true"></i>
          </div>
          <blockquote class="blockquote">
            <p class="text-capitalize px-md-9 mx-md-4 mb-6"><?= $testimonial->description; ?></p>
            <footer class="blockquote-footer text-white"><?= $testimonial->name; ?> <cite class="d-block font-size-14" title="Source Title"><?= $testimonial->designation; ?></cite>
<cite class="d-block font-size-14" title="Source Title"><?= $testimonial->organization; ?></cite>
            </footer>
          </blockquote>
        </div>
      </div>

    <?php } ?>

  </div>
</section>