UNPKG

unserver-unify

Version:

834 lines (807 loc) • 43.2 kB

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_five"> <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">  <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>  <div class="container"> <div class="category_sec"> <div class="row"> <div class="col-md-12"> <div class="margin-bottom-10"></div> <div class="headline"> <h3>{{'Featured Category' | translate}}</h3> </div> </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)" style="width: 100%;"> <img style="width: 100%;" src="{{ctrl.catMap[key].photo? ctrl.catBannerUrl+ ctrl.catMap[key].photo : ctrl.defultCatphoto}}"> <div class="category_title"> {{key}} </div> </a> </div>  </div> </div> <div class="margin-bottom-60"></div> </div>   <div class="container" ng-if="latestCourses.length > 0"> <div class="row"> <div class="col-md-12"> <div class="margin-bottom-10"></div> <div class="headline"> <h3>{{'Latest Courses' | translate}}</h3> </div> </div> <div class="col-md-3 col-xs-6 padding-right-0" ng-repeat="lcourse in latestCourses|limitTo: ctrl.limits.courses"> <div class="course-preview premium-course"> <div class="course-image"> <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) }}" style="height:150px" title="{{ lcourse.name }}" /> </a> <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="course-price product-price" ng-if="lcourse.price"> <div class="price-text"> <span class="amount">{{ctrl.currency}} {{ lcourse.price | number : 2 }}</span> </div> <div class="corner-wrap"> <div class="corner"></div> <div class="corner-background"></div> </div> </div> <div class="course-price product-price" ng-if="!lcourse.price && currentSchool.paymentFlag && lcourse.privacy=='fee'"> <div class="price-text">Free</div> <div class="corner-wrap"> <div class="corner"></div> <div class="corner-background"></div> </div> </div> </div> <div class="course-meta"> <header class="course-header"> <h5 class="nomargin" style="height: 15px; overflow: hidden;"> <a ui-sref="{{ lcourse.courseurl }}({ cid: lcourse._id ,cs:getCheckSum(lcourse._id) })">{{ lcourse.name }}</a> </h5> <p class="clamped clamped-3" style="height: 4.8em;"> {{ lcourse.description }} </p> </header> <footer class="course-footer clearfix"> <div class="course-users pull-left"> <i class="fa fa-user"></i> {{lcourse.enrolledcounter}} </div> <div class="course-users pull-right"> <i class="fa fa-eye"></i> {{lcourse.visitercounter}} </div>  </footer> </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 }}   <i class="fa fa-angle-right"></i> </a> </div> <div class="margin-bottom-60"></div> </div> </div>   <div class="parallax-team parallaxBg benefit" ng-if="advType == 'fullscreen'"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="margin-bottom-10"></div> <div class="headline"> <h3>{{ advContent2.title }}</h3> </div> <div class="container g-pb-50"> <div class="row justify-content-between"> <div class="col-lg-5 g-mb-50"> <img src="assets/images/student_with_pad.png" /> </div> <div class="col-lg-6">  <div class="margin-bottom-30"></div> <div class="row"> <div class="col-sm-6 text-lg-left g-mb-50" ng-repeat="slide in learningAdvSlides">  <span class="d-inline-block color-green g-font-size-30 g-rounded-5 mb-2"> <img src="{{ctrl.schoolurl + slide.simg}}" width="20%" /> </span> <h3 class="h5 g-color-black g-font-weight-600 mb-2">{{ slide.title }}</h3> <p class="mb-0">{{slide.des}}</p>  </div> </div>  </div> </div> </div> </div> </div> </div> </div>   <div class="container" ng-if="teachers | notEmpty"> <div class="row"> <div class="col-md-12"> <div class="margin-bottom-30"></div> <div class="headline"> <h3>{{'Our Experts' | translate}}</h3> </div> </div> <div class="col-sm-6 col-lg-3 g-mb-30" ng-repeat="teacher in teachers |limitTo: ctrl.limits.teachers">  <div class="u-shadow-v11 u-shadow-v21--hover text-center g-transition-0_3"> <div class="g-bg-white g-pa-20"> <div class="g-width-130 g-height-130 mx-auto mb-4"> <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 }}" /> </div> <h3 class="h5"><a class="g-color-black" href="#">{{ teacher.name }}</a></h3> <span class="d-block g-color-gray-dark-v5 g-font-size-20 mb-1">{{ teacher.title }}</span> </div> <div class="g-bg-secondary g-px-20 g-py-10" style="min-height: 60px;"> <span class="d-block clamped clamped-2">{{ teacher.description }}</span> </div> <a class="u-link-v2" ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})"></a> </div>  </div> <div class="text-center"> <div class="margin-bottom-20"></div> <a class="btn btn-default btn-sm" ui-sref="index.teacher"> {{ 'View All' | translate }}   <i class="fa fa-angle-right"></i> </a> </div> <div class="margin-bottom-60"></div> </div> </div>  <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="panel panel-default index-group"> <div class="panel-heading" translate=""> <h2 class="panel-title heading-sm pull-left">Forum </h2> </div> <div class="panel-body"> <div class="row"> <div class="media media-group col-md-6 col-sm-4"> <div class="media-left"> <a href="/group/3"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/default/2015/06-09/110306a628f7385125.jpg" alt="在线教育频道" class="avatar-square-md"> </a> </div> <div class="media-body"> <div class="title"> <a class="link-dark" href="/group/3"> 在线教育频道 </a> </div> <div class="metas"> <span><i class="fa fa-users"></i>241</span> <span><i class="fa fa-comments-o"></i>3</span> </div> </div> </div> <div class="media media-group col-md-6 col-sm-4"> <div class="media-left"> <a href="/group/3"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/default/2015/06-09/110306a628f7385125.jpg" alt="在线教育频道" class="avatar-square-md"> </a> </div> <div class="media-body"> <div class="title"> <a class="link-dark" href="/group/3"> 在线教育频道 </a> </div> <div class="metas"> <span><i class="fa fa-users"></i>241</span> <span><i class="fa fa-comments-o"></i>3</span> </div> </div> </div> <div class="media media-group col-md-6 col-sm-4"> <div class="media-left"> <a href="/group/3"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/default/2015/06-09/110306a628f7385125.jpg" alt="在线教育频道" class="avatar-square-md"> </a> </div> <div class="media-body"> <div class="title"> <a class="link-dark" href="/group/3"> 在线教育频道 </a> </div> <div class="metas"> <span><i class="fa fa-users"></i>241</span> <span><i class="fa fa-comments-o"></i>3</span> </div> </div> </div> <div class="media media-group col-md-6 col-sm-4"> <div class="media-left"> <a href="/group/3"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/default/2015/06-09/110306a628f7385125.jpg" alt="在线教育频道" class="avatar-square-md"> </a> </div> <div class="media-body"> <div class="title"> <a class="link-dark" href="/group/3"> 在线教育频道 </a> </div> <div class="metas"> <span><i class="fa fa-users"></i>241</span> <span><i class="fa fa-comments-o"></i>3</span> </div> </div> </div> <div class="media media-group col-md-6 col-sm-4"> <div class="media-left"> <a href="/group/3"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/default/2015/06-09/110306a628f7385125.jpg" alt="在线教育频道" class="avatar-square-md"> </a> </div> <div class="media-body"> <div class="title"> <a class="link-dark" href="/group/3"> 在线教育频道 </a> </div> <div class="metas"> <span><i class="fa fa-users"></i>241</span> <span><i class="fa fa-comments-o"></i>3</span> </div> </div> </div> <div class="media media-group col-md-6 col-sm-4"> <div class="media-left"> <a href="/group/3"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/default/2015/06-09/110306a628f7385125.jpg" alt="在线教育频道" class="avatar-square-md"> </a> </div> <div class="media-body"> <div class="title"> <a class="link-dark" href="/group/3"> 在线教育频道 </a> </div> <div class="metas"> <span><i class="fa fa-users"></i>241</span> <span><i class="fa fa-comments-o"></i>3</span> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="panel panel-default index-article"> <div class="panel-heading"> <h3 class="panel-title"> 最新全部资讯 <a class="more" href="/article"><i class="es-icon es-icon-morehoriz"></i></a> </h3> </div> <div class="panel-body clearfix"> <ul class="index-recommend-aricle clearfix"> <li class=""> <a href="/article/251"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/files/article/2016/11-07/2216320bd641208214.jpg" alt=" 阔知受邀（中国4家企业被邀）参加亚洲教育科技盛会-EdTechXAsia 2016" class="img-responsive"> <div class="image-overlay"></div> <div class="title"> 阔知受邀（中国4家企业被邀）参加亚洲教育科技盛会-EdTechXAsia 2016</div> </a> </li> <li class="last"> <a href="/article/246"> <img src="http://sca1dk-sb-qn.qiqiuyun.net/assets/img/default/../../v2/img/article/article_banner_2.jpg" alt="内容为王--在线教育为老师插上“金色" 的翅膀"="" class="img-responsive"> <div class="image-overlay"></div> <div class="title">内容为王--在线教育为老师插上“金色"的翅膀</div> </a> </li> </ul> <ul class="index-new-article "> <li class=" clearfix"><i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/251" title=" 阔知受邀（中国4家企业被邀）参加亚洲教育科技盛会-EdTechXAsia 2016"> 阔知受邀（中国4家企业被邀）参加亚洲教育科技盛会-EdTechXAsia 2016</a> <span class="date">2016-11-07</span></li> <li class=" clearfix"><i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/231" title="阔知杯“EduSoho主题”开发赛">阔知杯“EduSoho主题”开发赛</a> <span class="date">2015-01-20</span></li> <li class=" clearfix"><i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/35" title="在线教育制作视频就得精良">在线教育制作视频就得精良</a> <span class="date">2014-05-19</span></li> <li class=" clearfix"><i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/179" title="EduSoho官方严正声明">EduSoho官方严正声明</a> <span class="date">2014-07-25</span></li> <li class="last clearfix"><i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/181" title="在线教育选择视频云，应该关心哪些参数？">在线教育选择视频云，应该关心哪些参数？</a> <span class="date">2014-07-28</span></li> </ul> </div> </div> </div> <div class="col-sm-6"> <div class="panel panel-default index-evaluate"> <div class="panel-heading"> <div class="panel-title"> Rated Course </div> </div> <div class="panel-body"> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> <span class="score"> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> </span> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> <span class="score"> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> </span> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> <span class="score"> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> </span> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> <span class="score"> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> <i class="es-icon es-icon-star color-warning"></i> </span> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> </div> </div> </div> <div class="col-sm-6"> <div class="panel panel-default index-evaluate"> <div class="panel-heading"> <div class="panel-title"> Latest Activity </div> </div> <div class="panel-body"> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> <div class="media media-dynamic"> <div class="media-left"> <a class=" js-user-card" href="/user/19732" data-card-url="/user/19732/card/show" data-user-id="19732"> <img class="avatar-sm" src="http://sca1dk-sb-qn.qiqiuyun.net/files/user/2017/11-24/172619b84efc257145.jpeg"> </a> </div> <div class="media-body"> <div class="title text-sm"> <a class="link-dark link-dark" href="/user/19732">zhangfeng</a> 发布于 <a class="link-dark" href="/course/1">《课程功能体验...》</a> </div> <div class="content gray-darker"> Better </div> <span class="date">4天前</span> </div> </div> </div> </div> </div> </div> </div>  <div class="container" ng-if="_newses.length > 0"> <div class="row"> <div class="col-md-12"> <div class="margin-bottom-30"></div> <div class="headline"> <h3>{{'Latest News' | translate}}</h3> </div> </div> <div class="no_record" translate="" ng-if="_newses.length == 0"> No News </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>  <div class="clearfix"></div> <p class="event_desc clamped clamped-2"> {{ _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 }}   <i class="fa fa-angle-right"></i> </a> </div> </div> </div>   <div class="container" ng-if="events.length > 0"> <div class="margin-bottom-60"></div> <div class="headline" ng-if="_newses | notEmpty"> <h3> {{'Upcoming Events' | translate}} <span> </h3> </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="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> <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"> </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 class="text-center"> <div class="margin-bottom-20"></div> <a class="btn btn-default btn-sm" ui-sref="index.events"> {{ 'View All' | translate }}   <i class="fa fa-angle-right"></i> </a> </div> </div> </div>  </div> <div class="clearfix"></div> </div> </div> </div> <div ng-include="'app/home/homeadvsection.html'"></div> </div>