unserver-unify
Version:
350 lines (348 loc) • 16.9 kB
HTML
<style>
.parallax-team {background: url(assets/images/kids-computer-1.jpg) 50% 50% no-repeat fixed; color: #fff; background-size: cover;
}
</style>
<div class="homepage theme_six">
<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>
<div class="margin-bottom-60"></div>
<!-- Function & Features Starts -->
<div class="container" ng-if="learningSlides && learningSlides.length > 0">
<div class="sectionTitle text-center">
<h2>
<span class="shape shape-left bg-color-4"></span>
<span>{{'Our Learning Features' | translate}}</span>
<span class="shape shape-right bg-color-4"></span>
</h2>
</div>
<div class="benifits_container">
<ul class="clearfix">
<li ng-repeat="slide in learningSlides" class="benifits_bg{{$index+1}}">
<a href="javascript:void(0);">
<div class="benifits_img">
<span>
<img ng-if="slide.simg" ng-src="{{ctrl.schoolIconUrl}}{{ slide.simg}}">
<img ng-if="!slide.simg" src="assets/images/icon-join-group.png">
</span>
</div>
<div>
<h1>{{slide.title}}</h1>
<h2>{{slide.des}}</h2>
</div>
</a>
</li>
</ul>
</div>
<div class="margin-bottom-60"></div>
</div>
<!-- Function & Features Ends -->
<!-- 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="no_record" translate="" ng-if="categorykeys.length == 0">No Records</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 class="margin-bottom-60"></div>
</div>
<!-- Category 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 }}
<i class="fa fa-angle-right"></i>
</a>
</div> -->
<div class="margin-bottom-60"></div>
</div>
</div>
<!-- Course Ends -->
<!-- Info Starts -->
<div class="bg-primary mt-100">
<div class="container">
<div class="row">
<div class="col-lg-12 motto">
<img src="assets/images/motto.png" class="motto-img d-none d-md-block" alt=""><p class="motto-text">Creativity, passion and excellence. We creating more interactive and learning experiance for every child.</p>
</div>
</div>
</div>
</div>
<!-- Info Ends -->
<!-- News Starts -->
<div class="whiteSection" style="padding-top: 0;" 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 class="clamped-2 clamped" style="height: 3.2em;">{{ _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"> </i>
Singapore
<i class="fa fa-clock-o"> </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 }}
<i class="fa fa-angle-right"></i>
</a>
</div> -->
</div>
</div>
</div>
<!-- News Ends -->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div ng-include="'app/home/homeadvsection.html'"></div>
<div class="call_to_action alt section_padding_100" style="background-image: url(assets/images/i-l-learning-journey.jpg);">
<div class="container">
<div class="row">
<div class="col-12">
<div class="call_to">
<div class="col-md-8">
<h3 translate="">Start your learning journey</h3>
</div>
<div class="col-md-4">
<a ui-sref="index.setting.signup" class="btn welcome-btn" role="button">{{'Register' | translate }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>