unserver-unify
Version:
427 lines (403 loc) • 24.3 kB
HTML
<style>
.parallax-team {
background: url(assets/images/bg4.jpg) 50% 0 repeat fixed;
color: #fff;
}
.parallax-team.img2{
background: url(assets/images/hand.jpg) 50% 0 repeat fixed;}
.parallax-team.img2:before{ background:rgba(84, 128, 45, 0.61);}
.parallax-team:before, .parallax-team-dark:before{ background: rgba(0, 0, 0, 0.6);}
</style>
<!-- <div class="home_slider">
<div uib-carousel active="active" interval="myInterval">
<div uib-slide index="$index" class="slider_type1" ng-repeat="slide in Bigslides" ng-class="{'slider_type1':slide.style=='inline','slider_type2':slide.style=='float','slider_type3':slide.style=='text'}">
<img ng-src="{{ schoolUrl+slide.bimg }}" style="margin:auto;width:100%;height:100%;"/>
<div class="text_content" ng-if="(slide.title || slide.brief) && slide.text">
<h1>
{{slide.title}}
</h1>
<p>
{{slide.brief}}
</p>
<a class="btn btn-warning" ui-sref="index.courses" ng-if="slide.style=='float'">
View Course
</a>
</div>
</div>
</div>
<img ng-if=" !Bigslides || Bigslides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;" />
</div> -->
<div class="clearfix"></div>
<section class="g-py-100">
<div class="container">
<header class="text-center g-width-60x--md mx-auto g-mb-80">
<div class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h3 u-heading-v2__title g-color-gray-dark-v2 text-uppercase g-font-weight-600">Our Services</h2>
</div>
<p>Unify <strong>creative</strong> technology company providing key digital services. Focused on helping our clients to build a <strong>successful</strong> business on web and mobile.</p>
</header>
<div class="row">
<div class="col-lg-4 g-mb-60 g-mb-0--lg">
<!-- Icon Blocks -->
<div class="g-brd-around g-brd-gray-light-v4 text-center rounded g-px-30 g-pb-30">
<span class="u-icon-v3 u-icon-size--lg g-color-white g-bg-primary g-pull-50x-up rounded-circle">
<i class="fa fa-book"></i>
</span>
<h3 class="h4 g-color-gray-dark-v2 g-mb-10">More Income</h3>
<p class="g-mb-15">Curabitur ut augue at mi eleifend lobortis. Ut tincidunt lacinia nisi pharetra.</p>
<a class="g-font-size-12 text-uppercase g-font-weight-600" href="#!">Read More</a>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-mb-60 g-mb-0--lg">
<!-- Icon Blocks -->
<div class="g-brd-around g-brd-gray-light-v4 text-center rounded g-px-30 g-pb-30">
<span class="u-icon-v3 u-icon-size--lg g-color-white g-bg-primary g-pull-50x-up rounded-circle">
<i class="fa fa-bell"></i>
</span>
<h3 class="h4 g-color-gray-dark-v2 g-mb-10">Instant Cash</h3>
<p class="g-mb-15">Curabitur ut augue at mi eleifend lobortis. Ut tincidunt lacinia nisi pharetra.</p>
<a class="g-font-size-12 text-uppercase g-font-weight-600" href="#!">Read More</a>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4">
<!-- Icon Blocks -->
<div class="g-brd-around g-brd-gray-light-v4 text-center rounded g-px-30 g-pb-30">
<span class="u-icon-v3 u-icon-size--lg g-color-white g-bg-primary g-pull-50x-up rounded-circle">
<i class="fa fa-share"></i>
</span>
<h3 class="h4 g-color-gray-dark-v2 g-mb-10">Friendly Support</h3>
<p class="g-mb-15">Curabitur ut augue at mi eleifend lobortis. Ut tincidunt lacinia nisi pharetra.</p>
<a class="g-font-size-12 text-uppercase g-font-weight-600" href="#!">Read More</a>
</div>
<!-- End Icon Blocks -->
</div>
</div>
</div>
</section>
<section class="g-py-50" ng-if="lcourses | notEmpty">
<div class="container">
<header class="text-center g-width-60x--md mx-auto g-mb-80">
<div class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h3 u-heading-v2__title g-color-gray-dark-v2 text-uppercase g-font-weight-600">Our Recent Courses</h2>
</div>
</header>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12" ng-repeat="lcourse in lcourses|limitTo: ctrl.limits.courses">
<div class="thumbnails thumbnail-style thumbnail-kenburn new_listing relative">
<div class="thumbnail-img">
<div class="overflow-hidden">
<a ui-sref="index.courses.info({ cid: 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:135px" title="{{ lcourse.name }}"/>
</a>
<a class="btn-more" ng-if="lcourse.singlesection" translate="">
Micro
</a>
</div>
</div>
<div class="caption overflow-hidden clst">
<h3>
<a class="hover-effect" ui-sref="index.courses.info({ cid: lcourse._id})">
{{ lcourse.name }}
</a>
</h3>
<p class="product_price" ng-if="lcourse.price">
{{ctrl.currency}} {{ lcourse.price | number : 2 }}
</p>
<p class="product_price" ng-if="!lcourse.price && currentSchool.paymentFlag && lcourse.privacy=='fee'">
{{ctrl.currency}} {{'Free' | translate}}
</p>
<p>
{{ lcourse.description }}
</p>
</div>
<ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
<li class="padding-left-0">
<span uib-tooltip="{{'Creater' | translate}}">
{{lcourse.creatorfullname||lcourse.creater}}
</span>
</li>
<li class="pull-right">
<span ng-if="loginService.subDomain != 'caregiverasia'" uib-tooltip="{{'Enrolled Users' | translate}}">
<i class="fa fa-users">
</i>
<span>
{{lcourse.enrolledcounter}}
</span>
</span>
<span uib-tooltip="{{'Views' | translate}}">
<i class="fa fa-eye">
</i>
<span>
{{lcourse.visitercounter}}
</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</section>
<section class="g-py-50" ng-if="currentSchool.homeCatCourseFlag&&ctrl.catMap">
<header class="text-center g-width-60x--md mx-auto g-mb-80">
<div class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h3 u-heading-v2__title g-color-gray-dark-v2 text-uppercase g-font-weight-600">Our Category</h2>
</div>
</header>
<div class="container">
<div class="col-md-3 col-sm-4 category_k12" ng-repeat="key in ctrl.school.categorykeys | limitTo:ctrl.limits.numberOfCourseCat">
<img ng-if="$odd" src="{{ctrl.catMap[key].photo? ctrl.catBannerUrl+ ctrl.catMap[key].photo : ctrl.defultCatphoto}}" />
<div class="categoryk12_content">
<div class="inside_categoryk12">
<h3>{{key}}</h3>
<p class="clamped clamped-3">{{ctrl.catMap[key].brief}}</p>
<a ui-sref="index.courses">View</a>
</div>
</div>
<img ng-if="$even" src="{{ctrl.catMap[key].photo? ctrl.catBannerUrl+ ctrl.catMap[key].photo : ctrl.defultCatphoto}}" />
</div>
</div>
</section>
<div class="clearfix"></div>
<div class="noTopMargin padding40-top padding40-bottom padding40H borderSolid cornersAll radius0 shadow0 activeSection_topBorder0" style="border-color: rgba(47, 47, 47, 0.109804); padding-top: 15px; padding-bottom: 75px; outline: none;background-image:url('https://images.clickfunnels.com/bf/217220bbd011e5b598936a12f1615f/shutterstock_213006112.jpg');">
<div class="container ui-sortable">
<div class="row bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin" style="margin: 10px 75px 0px; outline: none; background-color: rgba(0, 0, 0, 0);">
<div id="col-full-108-149" class="col-md-12 innerContent col_left" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de de-editable" id="headline-57167-176-184-181-151" style="display: block; outline: none; cursor: pointer;">
<h1 class="text-center" style="color: rgb(204, 204, 204); font-size: 30px; margin-top:0; margin-bottom:30px;" >
{{ {eng:'What do you want to learn?', chn:'你想要学什么？'}|trans }}
</h1>
</div>
</div>
</div>
</div>
<div class="row bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin" id="row--50808" style="margin-bottom: 0px; outline: none; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px;">
<div id="col-left-106" class="col-md-2 col-xs-2 innerContent col_left ui-resizable" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de elImageWrapper de-image-block elAlign_center elMargin0 de-editable" id="tmp_image-52986" style="margin-top: 10px; outline: none; display: block; cursor: pointer; text-align: center;">
<img src="https://images.clickfunnels.com/d9/7370f0c13f11e58ed79128f147760f/Marketing-_-Sales---GGI-White.png" class="elIMG ximg" width="75"/>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-24293" style="margin-top: 10px; cursor: pointer; display: block; outline: none;">
<div class="ne elHeadline lh3 elMargin0 elBGStyle0 hsTextShadow0 elFont_opensans hsSize18" style="text-align: center; color: rgb(255, 255, 255); background-color: rgba(201, 99, 99, 0);">
<b translate>
Sales & Marketing
</b>
</div>
</div>
</div>
</div>
<div id="col-center-left-147" class="col-md-2 col-xs-2 innerContent col_right ui-resizable" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de elImageWrapper de-image-block elAlign_center elMargin0 de-editable" id="img-71372" style="margin-top: 10px; outline: none; display: block; cursor: pointer; text-align: center;">
<img src="https://images.clickfunnels.com/d8/94d0c0c13f11e5baabffbc700db117/Human-Resources---GGI-White.png" class="elIMG ximg" width="75"/>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-84705" style="margin-top: 10px; cursor: pointer; display: block; outline: none;">
<div class="ne elHeadline lh3 elMargin0 elBGStyle0 hsTextShadow0 elFont_opensans hsSize18" style="text-align: center; color: rgb(255, 255, 255); background-color: rgba(201, 99, 99, 0);">
<b translate="">
HR & Culture
</b>
</div>
</div>
</div>
</div>
<div id="col-center-right-179" class="col-md-2 col-xs-2 innerContent col_right ui-resizable" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de elImageWrapper de-image-block elAlign_center elMargin0 de-editable" id="img-76355" style="margin-top: 10px; outline: none; display: block; cursor: pointer; text-align: center;">
<img src="https://images.clickfunnels.com/d9/7c98b0c13f11e5b49fa9132c114f63/Leadership---GGI-White.png" class="elIMG ximg" width="75"/>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-79992" style="margin-top: 10px; cursor: pointer; display: block; outline: none;">
<div class="ne elHeadline lh3 elMargin0 elBGStyle0 hsTextShadow0 elFont_opensans hsSize18" style="text-align: center; color: rgb(255, 255, 255); background-color: rgba(201, 99, 99, 0);">
<b translate="">
Leadership Development
</b>
</div>
</div>
</div>
</div>
<div id="col-right-146" class="col-md-2 col-xs-2 innerContent col_right ui-resizable" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de elImageWrapper de-image-block elAlign_center elMargin0 de-editable" id="img-49104" style="margin-top: 10px; outline: none; display: block; cursor: pointer; text-align: center;">
<img src="https://images.clickfunnels.com/da/c25f20c13f11e5b1e61f23154d954d/Strategy---GGI-White.png" class="elIMG ximg" width="75"/>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-98183" style="margin-top: 10px; cursor: pointer; display: block; outline: none;">
<div class="ne elHeadline lh3 elMargin0 elBGStyle0 hsTextShadow0 elFont_opensans hsSize18" style="text-align: center; color: rgb(255, 255, 255); background-color: rgba(201, 99, 99, 0);">
<b>
{{ {eng:'Business Strategy', chn:'商务策略'}|trans }}
</b>
</div>
</div>
</div>
</div>
<div id="col-right-116" class="col-md-2 col-xs-2 innerContent col_right ui-resizable" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de elImageWrapper de-image-block elAlign_center elMargin0 de-editable" id="img-73900" style="margin-top: 10px; outline: none; display: block; cursor: pointer; text-align: center;">
<img src="https://images.clickfunnels.com/d8/1874d0c13f11e5a70d255d4d2e8ba0/Personal-Productivity---GGI-White.png" class="elIMG ximg" width="75"/>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-18091" style="margin-top: 10px; cursor: pointer; display: block; outline: none;">
<div class="ne elHeadline lh3 elMargin0 elBGStyle0 hsTextShadow0 elFont_opensans hsSize18" style="text-align: center; color: rgb(255, 255, 255); background-color: rgba(201, 99, 99, 0);">
<b>
{{ {eng:'Personal Productivity', chn:'个人技能'}|trans }}
</b>
</div>
</div>
</div>
</div>
<div id="col-right-107" class="col-md-2 col-xs-2 innerContent col_right ui-resizable" style="outline: none;">
<div class="col-inner bgCover noBorder borderSolid border3px cornersAll radius0 shadow0 P0-top P0-bottom P0H noTopMargin">
<div class="de elImageWrapper de-image-block elAlign_center elMargin0 de-editable" id="img-78329" style="margin-top: 10px; outline: none; display: block; cursor: pointer; text-align: center;">
<img src="https://images.clickfunnels.com/d9/d39250c13f11e58328b90f3e09d949/Teamwork-and-Communication---GGI-White.png" class="elIMG ximg" width="75"/>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-36555" style="margin-top: 10px; cursor: pointer; display: block; outline: none; padding-left: 0px; padding-right: 0px;">
<div class="ne elHeadline lh3 elMargin0 elBGStyle0 hsTextShadow0 elFont_opensans hsSize18" style="text-align: center; color: rgb(255, 255, 255); background-color: rgba(201, 99, 99, 0);">
<b>
{{ {eng:'Teamwork & Communication', chn:'团队合作与交流'}|trans }}
</b>
</div>
</div>
<div class="de elHeadlineWrapper de-editable" id="headline-58221" style="margin-top: 0px; cursor: pointer; outline: none; display: block;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<section class="container g-pt-100 g-pb-70">
<!-- Heading -->
<header class="text-center g-width-60x--md mx-auto g-mb-80">
<div class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h3 u-heading-v2__title g-color-gray-dark-v2 text-uppercase g-font-weight-600">Meet our Teachers</h2>
</div>
<p class="lead mb-0">We are a creative studio focusing on culture, luxury, editorial & art. Somewhere between sophistication and simplicity.</p>
</header>
<!-- End Heading -->
<div class="row">
<div class="col-lg-3 col-sm-6 g-mb-30" ng-repeat="teacher in teachers |limitTo: ctrl.limits.teachers">
<!-- Team Block -->
<div class="u-info-v6-1">
<!-- Figure -->
<figure class="u-block-hover">
<!-- Figure Image -->
<img class="full-width" ng-if="teacher.photo" ng-src="{{ ctrl.teacherPicUrl + teacher._id +'/' + teacher.photo }}" title="{{ teacher.name }}"/>
<img class="full-width" ng-if="!teacher.photo" ng-src="assets/images/default-person-icon.png" title="{{ teacher.name }}"/>
<!-- End Figure Image-->
<!-- Figure Caption -->
<figcaption class="u-block-hover__additional--fade g-bg-bluegray-opacity-0_5 g-pa-30">
<div class="u-block-hover__additional--fade u-block-hover__additional--fade-down g-flex-middle">
<!-- Figure Social Icons -->
<ul class="list-inline text-center g-flex-middle-item">
<li class="list-inline-item align-middle g-mx-3">
<a class="u-icon-v2 g-width-35 g-height-35 g-color-white g-color-black--hover g-brd-white g-bg-white--hover g-font-size-default rounded-circle" href="#!">
<i class="fa fa-facebook"></i>
</a>
</li>
<li class="list-inline-item align-middle g-mx-3">
<a class="u-icon-v2 g-width-35 g-height-35 g-color-white g-color-black--hover g-brd-white g-bg-white--hover g-font-size-default rounded-circle" href="#!">
<i class="fa fa-twitter"></i>
</a>
</li>
<li class="list-inline-item align-middle g-mx-3">
<a class="u-icon-v2 g-width-35 g-height-35 g-color-white g-color-black--hover g-brd-white g-bg-white--hover g-font-size-default rounded-circle" href="#!">
<i class="fa fa-google-plus"></i>
</a>
</li>
</ul>
<!-- End Figure Social Icons -->
</div>
</figcaption>
<!-- End Figure Caption -->
</figure>
<!-- End Figure -->
<!-- Figure Info -->
<div class="g-bg-white g-pt-25">
<div class="g-mb-15">
<h2 class="h5 g-color-black g-font-weight-600">{{ teacher.name }}</h2>
<em class="d-block u-info-v6-1__item g-font-style-normal g-font-size-13 text-uppercase g-color-primary">{{ teacher.title }}</em>
</div>
<p class="clamped clamped-3">{{ teacher.description }}</p>
</div>
<!-- End Figure Info-->
</div>
<!-- End Team Block -->
</div>
</div>
</section>
<div class="clearfix"></div>
<section class="parallax-team.img2 parallax-team">
<!-- Parallax Image -->
<div class="divimage dzsparallaxer--target w-100" style="height: 160%; background: url("../../assets/img/bg/pattern3.png"); transform: translate3d(0px, -137.835px, 0px);"></div>
<!-- End Parallax Image -->
<div class="container g-pt-100 g-pb-50">
<!-- Heading -->
<!-- End Heading -->
<!-- Counters -->
<div class="row text-center text-uppercase">
<div class="col-lg-3 col-sm-6 g-mb-50">
<div class="g-bg-black-opacity-0_8 g-px-20 g-py-30">
<div class="js-counter g-color-white g-font-weight-600 g-font-size-35 mb-2">{{ctrl.report.updatedcourses}}</div>
<h4 class="h6 g-color-white-opacity-0_8 text-uppercase">Courses</h4>
</div>
</div>
<div class="col-lg-3 col-sm-6 g-mb-50">
<div class="g-bg-black-opacity-0_8 g-px-20 g-py-30">
<div class="js-counter g-color-white g-font-weight-600 g-font-size-35 mb-2">{{ctrl.report.activeUser}}</div>
<h4 class="h6 g-color-white-opacity-0_8 text-uppercase">Students</h4>
</div>
</div>
<div class="col-lg-3 col-sm-6 g-mb-50">
<div class="g-bg-black-opacity-0_8 g-px-20 g-py-30">
<div class="js-counter g-color-white g-font-weight-600 g-font-size-35 mb-2">{{ctrl.report.teachers}}</div>
<h4 class="h6 g-color-white-opacity-0_8 text-uppercase">Teachers</h4>
</div>
</div>
<div class="col-lg-3 col-sm-6 g-mb-50">
<div class="g-bg-black-opacity-0_8 g-px-20 g-py-30">
<div class="js-counter g-color-white g-font-weight-600 g-font-size-35 mb-2">99%</div>
<h4 class="h6 g-color-white-opacity-0_8 text-uppercase">Happy users</h4>
</div>
</div>
</div>
<!-- End Counters -->
</div>
</section>
<div class="clearfix"></div>
<section class="g-bg-secondary g-py-100">
<div class="container">
<header class="text-center g-width-60x--md mx-auto g-mb-60">
<div class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h3 u-heading-v2__title g-color-gray-dark-v2 text-uppercase g-font-weight-600">Testimonials</h2>
</div>
<p>Unify <strong>creative</strong> technology company providing key digital services. Focused on helping our clients to build a <strong>successful</strong> business on web and mobile.</p>
</header>
<div class="row">
<div class="col-md-6 g-mb-50 g-mb-0--lg">
<!-- Testimonials -->
<blockquote class="u-blockquote-v1 rounded g-pl-60 g-pr-30 g-py-30 g-mb-40">Dear Htmlstream team, I just bought the Unify template some weeks ago. The template is really nice and offers quite a large set of options.</blockquote>
<div class="media">
<img class="d-flex align-self-center rounded-circle g-width-60 g-height-60 g-brd-around g-brd-3 g-brd-white mr-3" src="assets/images/img6.jpg" alt="Image description">
<div class="media-body align-self-center">
<h4 class="h6 g-color-gray-dark-v2 g-font-weight-600 g-mb-0">Alexandra Pottorf</h4>
<em class="g-color-gray-dark-v4 g-font-style-normal">Web Developer</em>
</div>
</div>
<!-- End Testimonials -->
</div>
<div class="col-md-6">
<!-- Testimonials -->
<blockquote class="u-blockquote-v1 rounded g-pl-60 g-pr-30 g-py-30 g-mb-40">Hi there purchased a couple of days ago and the site looks great, big thanks to the htmlstream guys, they gave me some great help with some fiddly setup issues.</blockquote>
<div class="media">
<img class="d-flex align-self-center rounded-circle g-width-60 g-height-60 g-brd-around g-brd-3 g-brd-white mr-3" src="assets/images/img6.jpg" alt="Image description">
<div class="media-body align-self-center">
<h4 class="h6 g-color-gray-dark-v2 g-font-weight-600 g-mb-0">Bastien Rojanawisut</h4>
<em class="g-color-gray-dark-v4 g-font-style-normal">UX/UI Designer</em>
</div>
</div>
<!-- End Testimonials -->
</div>
</div>
</div>
</section>