unserver-unify/src/app/home/home_t6.html

<style>
  .parallax-team {background: url(assets/images/bg4.jpg) 50% 0 repeat fixed; color: #fff;
  }
</style>
<div ng-controller="HomeV1Ctrl as ctrl" class="homepage theme_six">
  <div class="home_slider relative banner_hgt">
    <img ng-if="!currentSchool" ng-src="{{publicUrl}}bamboobanner.jpg" />
    <div active="active" interval="myInterval" ng-if="currentSchool && slides && slides.length >0" uib-carousel="">
      <div uib-slide ng-class="{'slider_type1':slide.style=='inline','slider_type2':slide.style=='float','slider_type3':slide.style=='text'}" index="$index" ng-repeat="slide in slides">
        <img ng-src="{{ schoolUrl+slide.img }}" />
        <div class="text_content" ng-if="(slide.sectionTitle || slide.description) && slide.text">
          <h1>
            {{slide.sectionTitle}}
          </h1>
          <p>
            {{slide.description}}
          </p>
          <a class="btn btn-warning" ui-sref="index.courses" ng-if="slide.style=='float'">
            {{'View Course' | translate }}
          </a>
        </div>
      </div>
    </div>
    <img ng-if=" !slides || slides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;" />
  </div>
  <div class="clearfix"></div>
  <div class="animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content" style="padding-bottom: 0;">
      <div class="row">
        <div class="col-md-12 home_tab home_new">
          <div class="container">
            <div class="default_load" ng-if="(!lcourses||lcourses.length <1)&&(!teachers||teachers.length <1)&&(!apps||apps.length <1)&&(!ctrl.projects||ctrl.projects.length< 1)&&(!ctrl.companys||ctrl.companys.length< 1)">
              <div class="by2">
                <div class="service-block service-block-red service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <i class="fa fa-book fa-5x">
                    </i>
                    <h2 class="font-bold ng-binding">
                      Online Courses
                    </h2>
                  </div>
                </div>
              </div>
              <div class="by2">
                <div class="service-block service-block-green service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-th fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Learning Tools
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="by3">
                <div class="service-block service-block-blue service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-rss fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Forum / Blog
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="by3">
                <div class="service-block service-block-yellow service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-pencil-square-o fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Exam
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="by3">
                <div class="service-block service-block-orange service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-video-camera fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Video Class
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="by3">
                <div class="service-block service-block-green service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-rss fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Forum / Blog
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="by3">
                <div class="service-block service-block-orange service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-video-camera fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Video Class
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="by3">
                <div class="service-block service-block-yellow service-or a_color_wt">
                  <div class="service-bg">
                  </div>
                  <div class="row">
                    <a href="">
                      <i class="fa fa-pencil-square-o fa-5x">
                      </i>
                      <h2 class="font-bold ng-binding">
                        Exam
                      </h2>
                    </a>
                  </div>
                </div>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
          <!-- Category Starts -->
          <div class="container" ng-if="currentSchool.homeCatCourseFlag">
            <div class="category_sec">
              <div class="row">
                <div class="sectionTitle text-center">
                  <h2>
                    <span class="shape shape-left bg-color-4"></span>
                    <span>{{'Featured Category' | translate}}</span>
                    <span class="shape shape-right bg-color-4"></span>
                  </h2>
                </div>
                <div class="col-md-3 padding-right-0 g-mb-30" ng-repeat="key in ctrl.school.categorykeys | limitTo:ctrl.limits.numberOfCourseCat">
                  <a ng-click="ctrl.searchCoursesByCate(key)" href="javascript:void(0)" style="width: 100%;">
                    <img src="{{ctrl.catMap[key].photo? ctrl.catBannerUrl+ ctrl.catMap[key].photo : ctrl.defultCatphoto}}">
                    <div class="category_title">
                      {{key}}
                    </div>
                  </a>
                </div>
                <!-- <div class="col-md-3 padding-right-0 g-mb-30 category_more">
                  <a>
                    <img class="img-fluid" src="https://htmlstream.com/preview/unify-v2.2/assets/img-temp/400x270/img3.jpg">
                    <div class="category_title">
                      <span>180+</span> Courses more to view <i class="fa fa-angle-double-right"></i>
                    </div>
                  </a>
                </div> -->
              </div>
            </div>
          </div>
          <!-- Category Ends -->
          <!-- Benifits Starts -->
          <section class="mainContent full-width clearfix featureSection" ng-if="loginService.subDomain=='k12' || loginService.subDomain=='ischool'">
            <div class="container">
              <div class="sectionTitle text-center">
                <h2>
                  <span class="shape shape-left bg-color-4"></span>
                  <span>平台特点</span>
                  <span class="shape shape-right bg-color-4"></span>
                </h2>
              </div>

              <div class="row">
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-1">
                      <i class="fa fa-pencil-square-o bg-color-1" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-1">课程创建</h3>
                      <p>支持多种课件形式，不需安装任何工具，上传、在线创作课件，轻松在线打造完美课件</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-2">
                      <i class="fa fa-book bg-color-2" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-2">教学场景</h3>
                      <p>智慧课堂，高效率的备课工具，课堂互动环节设计，让老师掌握学生学习状态</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-3">
                      <i class="fa fa-puzzle-piece bg-color-3" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-3">智慧学习</h3>
                      <p>在线学习，在线测试，能力拓扑图助力个性化学习，涵盖知识点以及错题的智能试卷随堂练习</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-4">
                      <i class="fa fa-video-camera bg-color-4" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-4">直播课堂</h3>
                      <p>一对一，一对多，多种教学模式支持，文件共享，桌面共享，精彩互动</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-5">
                      <i class="fa fa-pie-chart bg-color-5" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-5">数据分析</h3>
                      <p>全面的，多样的数据统计分析，从学习轨迹，成绩，错题记录到平台使用情况，更支持个性化报告定制</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-6">
                      <i class="fa fa-commenting-o bg-color-6" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-6">交流互动</h3>
                      <p>课程专属论坛知识区，开放性面向全网的交流互动，信息分享，师生关注，私信沟通</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- <section class="mainContent full-width clearfix featureSection" ng-if="loginService.subDomain=='k12'">
            <div class="container">
              <div class="sectionTitle text-center">
                <h2>
                  <span class="shape shape-left bg-color-4"></span>
                  <span>Our Features</span>
                  <span class="shape shape-right bg-color-4"></span>
                </h2>
              </div>

              <div class="row">
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-1">
                      <i class="fa fa-pencil-square-o bg-color-1" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-1">Course Creation</h3>
                      <p>Provide built-in courseware authoring tool and support multiple courseware format</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-2">
                      <i class="fa fa-book bg-color-2" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-2">Course learning</h3>
                      <p>Create more interactive and engaging learning</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-3">
                      <i class="fa fa-puzzle-piece bg-color-3" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-3">Personalized and self learning</h3>
                      <p>Provide knowledge-based practice to improve learning ability</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-4">
                      <i class="fa fa-video-camera bg-color-4" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-4">Real-time Classroom</h3>
                      <p>Support one-to-one, one-to-many teaching, white board, file sharing and screen sharing</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-5">
                      <i class="fa fa-pie-chart bg-color-5" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-5">Data Analytics</h3>
                      <p>Provide most comprehensive progress tracking and data analysis</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-6">
                      <i class="fa fa-commenting-o bg-color-6" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-6">Convenient communication</h3>
                      <p>Provide forums, messages and blogs to promote communication among students, teachers and parents  </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section> -->
          <!-- Benifits Ends -->
          <!-- Benifits Starts -->
          <section class="mainContent full-width clearfix featureSection" ng-if="loginService.subDomain!='k12' && loginService.subDomain=='haqile'">
            <div class="container">
              <div class="sectionTitle text-center">
                <h2>
                  <span class="shape shape-left bg-color-4"></span>
                  <span>我们的服务项目</span>
                  <span class="shape shape-right bg-color-4"></span>
                </h2>
              </div>

              <div class="row">
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-1">
                      <i class="fa fa-home bg-color-1" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-1">哈奇乐GreenHouse婴童园</h3>
                      <p>为0-6岁婴幼儿设计潜能发展课程的婴幼儿学园</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-2">
                      <i class="fa fa-building bg-color-2" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-2">哈奇幼幼园</h3>
                      <p>提供0-3岁全日制托班、小时制亲子班、半日托等多项托育早教服务</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-3">
                      <i class="fa fa-book bg-color-3" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-3">培训体系</h3>
                      <p>为园所设计各类教师素养课程，提升教师能力</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-4">
                      <i class="fa fa-th bg-color-4" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-4">课程体系</h3>
                      <p>哈奇乐拥有完善的0-6岁课程体系和研发体系</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-5">
                      <i class="fa fa-graduation-cap bg-color-5" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-5">教玩产品</h3>
                      <p>专为适合中国婴幼儿设计研发的教玩具产品</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                  <div class="media featuresContent">
                    <span class="media-left bg-color-6">
                      <i class="fa fa-user bg-color-6" aria-hidden="true"></i>
                    </span>
                    <div class="media-body">
                      <h3 class="media-heading color-6">会员服务</h3>
                      <p>给予优惠的费用，并优先参加各类免费会议和培训</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- Benifits Ends -->
          <!-- Course Starts -->
          <div class="container" ng-if="latestCourses.length > 0">
            <div class="row">
              <div class="sectionTitle text-center">
                <h2>
                  <span class="shape shape-left bg-color-4"></span>
                  <span>{{'Latest Courses' | translate}}</span>
                  <span class="shape shape-right bg-color-4"></span>
                </h2>
              </div>
              <div class="col-sm-3 col-xs-12 block" ng-repeat="lcourse in latestCourses|limitTo: ctrl.limits.courses">
                <div class="thumbnail thumbnailContent">
                  <div class="thumbnail-img thumbnail-style">
                    <a ui-sref="{{ lcourse.courseurl }} ({ cid: lcourse._id,cs:getCheckSum(lcourse._id) })">
                      <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{ lcourse.photo? _SHOST+'/lcourse/'+lcourse._id +'/'+ lcourse.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : ctrl.defaultCoursePhoto) }}" title="{{ lcourse.name }}" style="height: 130px;" 
                        />
                    </a>
                  </div>

                  <span ng-if="lcourse.newflag" class="list_new">
                    <img src="assets/images/new.gif"/>
                  </span>
                  <span ng-if="lcourse.singlesection" class="badge badge-warning list_micro">{{'Micro'|translate}}</span>
                  <div class="sticker bg-color-{{$index+1}}" ng-if="lcourse.price">{{ctrl.currency}} {{ lcourse.price | number : 2 }}</div>
                  <div class="sticker bg-color-{{$index+1}}" ng-if="!lcourse.price && currentSchool.paymentFlag && lcourse.privacy=='fee'">Free</div>
                  <div class="caption border-color-{{$index+1}}">
                    <h3><a ui-sref="{{ lcourse.courseurl }} ({ cid: lcourse._id ,cs:getCheckSum(lcourse._id) })" class="color-{{$index+1}}">{{ lcourse.name }}</a></h3>
                    <p class="clamped clamped-3" style="height: 4.8em;">{{ lcourse.description }}</p>
                    <ul class="list-inline">
                      <li><a ui-sref="{{ lcourse.courseurl }} ({ cid: lcourse._id,cs:getCheckSum(lcourse._id) })" class="btn btn-link"><i class="fa fa-angle-double-right" aria-hidden="true"></i> {{'More' | translate }}</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <!-- <div class="text-center">
                <div class="margin-bottom-20"></div>
                <a class="btn btn-default btn-sm" ui-sref="index.courses">
                  {{ 'View All' | translate }}&nbsp;&nbsp;
                  <i class="fa fa-angle-right"></i>
                </a>
              </div> -->
              <div class="margin-bottom-60"></div>
            </div>
          </div>
          <!-- Course Ends -->
          <!-- Teachers Strats -->
          <div class="colorSection full-width clearfix bg-color-5 teamSection" ng-if="teachers | notEmpty">
            <div class="container">
              <div class="row">
                <div class="col-md-12">
                  <div class="sectionTitle alt text-center">
                    <h2>
                      <span class="shape shape-left bg-color-3"></span>
                      <span>{{'Our Teachers' | translate}}</span>
                      <span class="shape shape-right bg-color-3"></span>
                    </h2>
                  </div>
                </div>
                <div class="col-sm-6 col-lg-3 g-mb-30" ng-repeat="teacher in teachers |limitTo: ctrl.limits.teachers">
                  <!-- Agents -->
                  <div class="u-shadow-v21--hover text-center g-transition-0_3">
                    <div class="g-pa-20">
                      <div class="g-width-130 g-height-130 mx-auto mb-4">
                        <a ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})">
                          <img class="img-fluid g-brd-around g-brd-3 g-brd-gray-light-v3 rounded-circle" ng-if="teacher.photo" ng-src="{{ ctrl.teacherPicUrl + teacher._id +'/' + teacher.photo }}" title="{{ teacher.name }}" />
                          <img class="img-fluid g-brd-around g-brd-3 g-brd-gray-light-v3 rounded-circle" ng-if="!teacher.photo" ng-src="assets/images/default-person-icon.png" title="{{ teacher.name }}" />
                        </a>
                      </div>
                      <h3>
                        <a class="g-color-white" href="#">{{ teacher.name }}</a>
                      </h3>
                      <span class="d-block g-color-white g-font-size-20 mb-1">{{ teacher.title }}</span>
                    </div>
                  </div>
                  <!-- End Agents -->
                </div>
              </div>
            </div>
          </div>
          <!-- Teachers Ends -->
          <!-- News Starts -->
          <div class="whiteSection" ng-if="_newses.length > 0">
            <div class="container">
              <div class="row">
                <div class="sectionTitle text-center">
                  <h2>
                    <span class="shape shape-left bg-color-4"></span>
                    <span>{{'Latest News' | translate}}</span>
                    <span class="shape shape-right bg-color-4"></span>
                  </h2>
                </div>
                <div class="no_record" translate="" ng-if="_newses.length == 0">
                  No News
                </div>
                <div class="col-sm-3 col-xs-12 block" ng-repeat="_news in _newses|limitTo:ctrl.limits.news">
                  <div class="thumbnail thumbnailContent">
                    <div class="thumbnail-img thumbnail-style">
                      <a ui-sref="{{ lcourse.courseurl }} ({ cid: lcourse._id,cs:getCheckSum(lcourse._id) })">
                        <img style="height: 160px;" alt="{{ _news.name }}" ng-src="{{ _news.photo? _SHOST+'/public/'+_RES+'/schoolnews/'+_news._id +'/'+ _news.photo : ctrl.defaultNewsPhoto }}" title="{{ _news.name }}" />
                      </a>
                    </div>
                    <div class="sticker-round bg-color-{{$index+1}}">{{ _news.created | date: 'dd' }}<br>{{ _news.created | date: 'MMM' }}</div>
                    <div class="caption border-color-{{$index+1}}">
                      <h3><a ui-sref="index.newses.detail({ id: _news._id })" class="color-{{$index+1}}">{{ _news.name }}</a></h3>
                      <p style="height: 3.2em;" class="clamped-2 clamped">{{ _news.description }}</p>
                      <ul class="list-inline">
                        <li><a ui-sref="index.newses.detail({ id: _news._id })" class="btn btn-link"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Read More</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- <div class="col-sm-6 event_style" ng-repeat="_news in _newses|limitTo:ctrl.limits.news" style="margin-bottom:5px;">
                  <div class="news-dateinfo dateinfo_green">
                    <span>{{ _news.created | date: 'dd' }}</span>
                    <span translate="">{{ _news.created | date: 'MMM' }}</span>
                  </div>
                  <div class="col-md-5 hidden-sm no-padding">
                    <div class="imageWrapper">
                      <a ui-sref="index.newses.detail({ id: _news._id })">
                        <img alt="{{ _news.name }}" ng-src="{{ _news.photo? _SHOST+'/public/'+_RES+'/schoolnews/'+_news._id +'/'+ _news.photo : ctrl.defaultNewsPhoto }}" title="{{ _news.name }}" />
                      </a>
                    </div>
                  </div>
                  <div class="col-md-7 col-sm-12">
                    <h3>
                      <a class="news-title" ui-sref="index.newses.detail({ id: _news._id })">
                        {{ _news.name }}
                      </a>
                    </h3>
                    <p class="venue">
                      <i class="fa fa-map-marker">&nbsp;</i>
                      Singapore&nbsp;&nbsp;
                      <i class="fa fa-clock-o">&nbsp;</i>
                      03:00 PM - 04:00 PM
                    </p>
                    <div class="clearfix"></div>
                    <p class="event_desc">
                      {{ _news.description }}
                    </p>
                  </div>
                  <div class="margin-bottom-20"></div>
                </div> -->
                <!-- <div class="text-center">
                  <div class="margin-bottom-20"></div>
                  <a class="btn btn-default btn-sm" ui-sref="index.newses">
                    {{ 'View All' | translate }}&nbsp;&nbsp;
                    <i class="fa fa-angle-right"></i>
                  </a>
                </div> -->
              </div>
            </div>
          </div>
          <!-- News Ends -->
          <!-- Event Starts -->
          <div class="container" ng-if="events.length > 0">
            <div class="sectionTitle text-center">
              <h2>
                <span class="shape shape-left bg-color-4"></span>
                <span>{{'Upcoming Events' | translate}}</span>
                <span class="shape shape-right bg-color-4"></span>
              </h2>
            </div>
            <div class="margin-bottom-20">
              <div class="no_record" translate="" ng-if="events.length == 0">
                No Record
              </div>
              <div class="col-sm-3 news_style padding-left-0" ng-repeat="event in events |limitTo:ctrl.limits.events">
                <div class="thumbnail thumbnailContent">
                  <div class="news-dateinfo dateinfo_green">
                    <span>
                      {{ event.start | date: 'dd' }}
                    </span>
                    <span>
                      {{ event.start | date: 'MMM' }}
                    </span>
                  </div>
                  <div class="imageWrapper">
                    <a ui-sref="index.events.detail({ id: event._id })">
                      <img alt="{{ event.name }}" ng-src="{{ event.photo? _SHOST+'/public/'+_RES+'/schoolevent/'+event._id +'/'+ event.photo : ctrl.defaultEventPhoto }}" title="{{ event.name }}" />
                    </a>
                  </div>
                  <div class="news_cont">
                    <h3>
                      <a class="news-title" ui-sref="index.newses.detail({ id: _news._id })">
                        {{ event.name }}
                      </a>
                    </h3>
                    <p class="text-center"><i class="fa fa-map-marker">&nbsp;</i>Singapore</p>
                    <ul>
                      <li>
                        <b style="font-size: 10px">{{'No. of registrations' | translate}}: {{ event.enrolls || 0}}</b>
                        
                      </li>
                      <li>
                        <i class="fa fa-calendar"></i>
                        {{ event.start | date: 'yyyy-MM-dd' }}
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <!-- <div class="text-center">
                <div class="margin-bottom-20"></div>
                <a class="btn btn-default btn-sm" ui-sref="index.events">
                  {{ 'View All' | translate }}&nbsp;&nbsp;
                  <i class="fa fa-angle-right"></i>
                </a>
              </div> -->
            </div>
            <div class="margin-bottom-40"></div>
          </div>
          <!-- Event Ends -->
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <div ng-include="'app/home/homeadvsection.html'"></div>
</div>