UNPKG

unserver-unify

Version:

561 lines (557 loc) • 27.4 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 }}" style="margin:auto;width:100%;height:100%;" /> <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" ng-if="ctrl.school.categorykeys.length != 0"> <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 col-xs-6 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%;cursor: pointer;"> <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>   <section class="mainContent full-width clearfix featureSection" ng-if="loginService.subDomain=='ceo'" style="padding:20px 0;"> <div class="container"> <div class="margin-bottom-10"></div> <div class="headline"> <h3>{{'Our Features' | translate}}</h3> </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-user bg-color-1" aria-hidden="true"></i> </span> <div class="media-body"> <h3 class="media-heading color-1">Role Model</h3> <p style="height:120px;">CEO as an icon for students and able to improve the existing curriculum through the sharing of knowledge, experiences and best practices from the CEO to formulate a new integrated assessment via a holistic learning.</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-users bg-color-2" aria-hidden="true"></i> </span> <div class="media-body"> <h3 class="media-heading color-2">Participation</h3> <p style="height:120px;">Intensify participation from the industrial sector as part of the national higher education system through sharing of experiences and expertise from the industry leaders.</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-cogs bg-color-4" aria-hidden="true"></i> </span> <div class="media-body"> <h3 class="media-heading color-4">Integration</h3> <p style="height:120px;">Realize the integration and synergy between the industry experts with university researchers and students.</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-bar-chart bg-color-3" aria-hidden="true"></i> </span> <div class="media-body"> <h3 class="media-heading color-3">Employability</h3> <p style="height:120px;">Improve graduates employability by enhancing student learning experience and reducing the mismatch in the supply and demand.</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-bars bg-color-5" aria-hidden="true"></i> </span> <div class="media-body"> <h3 class="media-heading color-5">Multi-track</h3> <p style="height:120px;">HLIs is able to attract, recruit and retain the best talent especially from the industry practitioners by having multi-track career pathways.</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-th-large bg-color-6" aria-hidden="true"></i> </span> <div class="media-body"> <h3 class="media-heading color-6">Quadruple</h3> <p style="height:120px;">HLIs moves from academia operating in isolation to the quadruple helix of academia, industry, government and local communities by coming together in partnership for incubation, development and commercialization of ideas.</p> </div> </div> </div> </div> </div> </section>   <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-users"></i> {{lcourse.enrolledcounter}} </div> <div class="course-users pull-left">   <i class="fa fa-eye"></i> {{lcourse.visitercounter}} </div> <div class="list_rating"> <span class="average dummy_avg" ng-if="!lcourse.rating"> <div class="average-rating-container"> <ul class="rating background"> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> </ul> </div> </span> <span class="average" ng-if="lcourse.rating"> <average-star-rating max="5" rating-value="lcourse.rating"> </average-star-rating> </span> </div> </footer> </div> </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.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-md-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 clamped clamped-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" 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 class="margin-bottom-60"></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 col-md-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.events.detail({ id: event._id })"> {{ event.name }} </a> </h3> <p class="text-center" style="height: 40px; overflow: hidden;"><i ng-if="event.address" class="fa fa-map-marker"> </i>{{ event.address }}</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>