unserver-unify
Version:
649 lines (628 loc) • 36.6 kB
HTML
<style>
.parallax-team {
background: url(assets/images/bg_benifits.jpg) 40% 0 no-repeat; background-size:cover; color: #fff;
}
</style>
<div ng-controller="HomeV1Ctrl as ctrl" class="homepage theme_five">
<div class="slider slider_full_middle relative">
<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 index="$index" ng-repeat="slide in slides">
<img ng-src="{{ schoolUrl+slide.img }}" />
</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">
<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">
<div class="row">
<div class="shortcode-html">
<div class="masonry-grid">
<div class="masonry-grid-sizer g-width-16_6x--sm"></div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img4.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img4.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img1.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img1.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-33_3x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img6.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img6.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img2.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img2.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img13.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img3.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-33_3x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img6.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img6.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img4.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img4.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img3.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img3.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-33_3x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img1.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img1.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img1.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img1.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img2.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img2.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img1.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img1.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img6.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img6.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img2.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img2.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item u-block-hover g-width-16_6x--sm">
<a class="js-fancybox d-block u-bg-overlay g-bg-black-opacity-0_3--after g-opacity-0_8--hover g-transition-0_3" data-fancybox-gallery="lightbox-gallery--07" href="../../assets/img-temp/900x600/img13.jpg" title="Lightbox Gallery">
<img class="img-fluid" src="../../assets/img-temp/900x600/img3.jpg" alt="Image Description">
</a>
</div>
</div>
</div>
<div class="col-md-12">
<div class="margin-bottom-10"></div>
<div class="headline">
<h3>{{'Featured' | translate}} <span>{{'Category' | translate}}</span></h3>
</div>
</div>
</div>
<div class="masonry-grid" style="position: relative; height: 376px;">
<div class="masonry-grid-sizer g-width-25x--sm"></div>
<div class="masonry-grid-item g-width-50x--sm" style="position: absolute; left: 0%; top: 0px;">
<a title="Lightbox Gallery">
<img class="img-fluid w-100" src="assets/images/img14.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 49.8844%; top: 0px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img6.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 74.8939%; top: 0px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img8.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 49.8844%; top: 125px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img18.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 74.8939%; top: 125px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img16.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 49.8844%; top: 250px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img15.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 74.8939%; top: 250px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img11.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 0%; top: 251px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img12.jpg" alt="Image Description">
</a>
</div>
<div class="masonry-grid-item g-width-25x--sm" style="position: absolute; left: 24.875%; top: 251px;">
<a title="Lightbox Gallery">
<img class="img-fluid" src="assets/images/img13.jpg" alt="Image Description">
</a>
</div>
</div>
</div>
<!-- Category Ends -->
<!-- Course Starts -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="margin-bottom-10"></div>
<div class="headline">
<h3>{{'Popular' | translate}} <span>{{'Courses' | translate}}</span></h3>
</div>
</div>
<div class="col-md-3 col-xs-6 padding-right-0">
<div class="course-preview premium-course">
<div class="course-image">
<a href="http://themextemplates.com/demo/academy/course/basic-cooking-techniques">
<img width="420" height="420" src="http://themextemplates.com/demo/academy/wp-content/uploads/2013/02/image_45-420x420.jpg" class="attachment-normal wp-post-image" alt="image_45">
</a>
<div class="course-price product-price">
<div class="price-text">
<span class="amount">$128</span>
</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">
<a href="http://themextemplates.com/demo/academy/course/basic-cooking-techniques">Basic Cooking Techniques</a>
</h5>
<a href="http://themextemplates.com/demo/academy/profile/admin" class="author">Steven Granger</a>
</header>
<footer class="course-footer clearfix">
<div class="course-users pull-left">
<i class="fa fa-user"></i>
12</div>
<div class="course-rating rating-form">
<div data-score="4" data-readonly="true" title="" style="cursor: default; width: auto;">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="1" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="2" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="3" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="4" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-off.png" alt="5" title="">
<input type="hidden" name="score" value="4" readonly="readonly">
</div>
</div>
</footer>
</div>
</div>
</div>
<div class="col-md-3 col-xs-6 padding-right-0">
<div class="course-preview free-course">
<div class="course-image">
<a href="http://themextemplates.com/demo/academy/course/home-fitness-training">
<img width="420" height="420" src="http://themextemplates.com/demo/academy/wp-content/uploads/2013/02/image_49-420x420.jpg" class="attachment-normal wp-post-image" alt="image_49">
</a>
<div class="course-price product-price">
<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">
<a href="http://themextemplates.com/demo/academy/course/home-fitness-training">Home Fitness Training</a>
</h5>
<a href="http://themextemplates.com/demo/academy/profile/marco" class="author">Mark Blackwood</a>
</header>
<footer class="course-footer clearfix">
<div class="course-users pull-left">
<i class="fa fa-user"></i>
12
</div>
<div class="course-rating rating-form">
<div data-score="4" data-readonly="true" title="" style="cursor: default; width: auto;">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="1" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="2" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="3" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="4" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-off.png" alt="5" title="">
<input type="hidden" name="score" value="4" readonly="readonly">
</div>
</div>
</footer>
</div>
</div>
</div>
<div class="col-md-3 col-xs-6 padding-right-0">
<div class="course-preview premium-course">
<div class="course-image">
<a href="http://themextemplates.com/demo/academy/course/digital-photography">
<img width="420" height="420" src="http://themextemplates.com/demo/academy/wp-content/uploads/2013/02/image_50-420x420.jpg" class="attachment-normal wp-post-image" alt="image_50">
</a>
<div class="course-price product-price">
<div class="price-text">
<span class="amount">$142</span>
</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">
<a href="http://themextemplates.com/demo/academy/course/digital-photography">Digital Photography</a>
</h5>
<a href="http://themextemplates.com/demo/academy/profile/mitch" class="author">Michael Lawson</a>
</header>
<footer class="course-footer clearfix">
<div class="course-users pull-left">
<i class="fa fa-user"></i>
12
</div>
<div class="course-rating rating-form">
<div data-score="3" data-readonly="true" title="" style="cursor: default; width: auto;">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="1" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="2" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="3" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-off.png" alt="4" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-off.png" alt="5" title="">
<input type="hidden" name="score" value="3" readonly="readonly">
</div>
</div>
</footer>
</div>
</div>
</div>
<div class="col-md-3 col-xs-6 padding-right-0">
<div class="course-preview premium-course">
<div class="course-image">
<a href="http://themextemplates.com/demo/academy/course/architecture-basics">
<img width="420" height="420" src="http://themextemplates.com/demo/academy/wp-content/uploads/2013/02/image_51-420x420.jpg" class="attachment-normal wp-post-image" alt="image_51">
</a>
<div class="course-price product-price">
<div class="price-text">
<span class="amount">$136</span>
</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">
<a href="http://themextemplates.com/demo/academy/course/architecture-basics">Architecture Basics</a>
</h5>
<a href="http://themextemplates.com/demo/academy/profile/admin" class="author">Steven Granger</a>
</header>
<footer class="course-footer clearfix">
<div class="course-users pull-left">
<i class="fa fa-user"></i>
11
</div>
<div class="course-rating rating-form">
<div data-score="4" data-readonly="true" title="" style="cursor: default; width: auto;">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="1" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="2" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="3" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-on.png" alt="4" title="">
<img src="http://themextemplates.com/demo/academy/wp-content/themes/academy//images/star-off.png" alt="5" title="">
<input type="hidden" name="score" value="4" readonly="readonly">
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
<!-- Course Ends -->
<!-- Benefits Starts -->
<div class="parallax-team parallaxBg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="">
<div class="container g-pt-100 g-pb-50">
<div class="row justify-content-between">
<div class="col-lg-5 g-mb-50">
</div>
<div class="col-lg-6">
<div class="margin-bottom-10"></div>
<div class="headline">
<h3>{{'The Benefits of Using' | translate}} <span>{{'Platform' | translate}}</span></h3>
</div>
<!-- Icon Blocks -->
<div class="margin-bottom-30"></div>
<div class="row">
<div class="col-sm-6 text-lg-left g-mb-50">
<!-- Icon Blocks -->
<span class="d-inline-block color-green g-font-size-30 g-rounded-5 mb-2">
<i class="fa fa-credit-card-alt"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">Trustworthy</h3>
<p class="mb-0">We strive to embrace and drive change in our industry.</p>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 text-lg-left g-mb-50">
<!-- Icon Blocks -->
<span class="d-inline-block color-green g-font-size-30 g-rounded-5 mb-2">
<i class="fa fa-lightbulb-o"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">Helpful</h3>
<p class="mb-0">We strive to embrace and drive change in our industry.</p>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 text-lg-left g-mb-50">
<!-- Icon Blocks -->
<span class="d-inline-block color-green g-font-size-30 g-rounded-5 mb-2">
<i class="fa fa-clock-o"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">Fast and Easy</h3>
<p class="mb-0">We strive to embrace and drive change in our industry.</p>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 text-lg-left g-mb-50">
<!-- Icon Blocks -->
<span class="d-inline-block color-green g-font-size-30 g-rounded-5 mb-2">
<i class="fa fa-money"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">Great Prices</h3>
<p class="mb-0">We strive to embrace and drive change in our industry.</p>
<!-- End Icon Blocks -->
</div>
</div>
<!-- End Icon Blocks -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Benefits Ends -->
<!-- Events Starts -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="margin-bottom-30"></div>
<div class="headline">
<a class="btn btn-default btn-sm pull-right" ui-sref="index.events">
{{ 'View All' | translate }}
</a>
<h3>{{'Upcoming' | translate}} <span>{{'Events' | translate}}</span></h3>
</div>
</div>
<div class="no_record" translate="" ng-if="events.length == 0">
No Record
</div>
<div class="col-sm-6 event_style" ng-repeat="event in events |limitTo:ctrl.limits.events" style="margin-bottom:5px;">
<div class="news-dateinfo dateinfo_green">
<span>{{ event.start | date: 'dd' }}</span>
<span translate="">{{ event.start | date: 'MMM' }}</span>
</div>
<div class="col-md-5 hidden-sm no-padding">
<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>
<div class="col-md-7 col-sm-12">
<h3>
<a class="news-title" ui-sref="index.events.detail({ id: event._id })">
{{ event.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 clamped clamped-2">
{{ event.description }}
</p>
</div>
</div>
</div>
</div>
<!-- Events Ends -->
<!-- News Starts -->
<div class="container">
<div class="margin-bottom-80"></div>
<div class="headline" ng-if="_newses | notEmpty">
<a class="btn btn-default btn-sm pull-right" ui-sref="index.newses">
{{ 'View All' | translate }}
</a>
<h4>
{{'Latest News' | translate}} <span>{{'Updates' | translate}}</span>
</h4>
</div>
<div class="margin-bottom-20">
<div class="col-sm-3 news_style padding-left-0" ng-repeat="_news in _newses|limitTo:ctrl.limits.news">
<div class="news-dateinfo dateinfo_green">
<span>
{{ _news.created | date: 'dd' }}
</span>
<span>
{{ _news.created | date: 'MMM' }}
</span>
</div>
<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>
<h3>
<a class="news-title" ui-sref="index.newses.detail({ id: _news._id })">
{{ _news.name }}
</a>
</h3>
<ul>
<li>
<i class="fa fa-user"> </i>
by Admin
</li>
<li>
<i class="fa fa-thumbs-o-up"> </i>
Views 10
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- News Ends -->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>