unserver-unify/src/app/home/adv_asia.html

<style type="text/css">
.carousal_content::after {
    background: url(assets/images/bottom_arrow.png) no-repeat center center;
}
  
</style>
<div class="aboutArea" ng-if="latestCourses.length > 0">
  <div class="container">
    <div class="row clearfix">
      <div class="col-xs-12">
        <div class="aboutTitle">
          <h2 translate="">Our Popular Courses</h2>
        </div><!-- aboutTitle -->
      </div><!-- col-sm-3 col-xs-12 -->
    </div><!-- row clearfix -->
    <div class="about_inner clearfix">
      <div class="row">
        <div class="col-xs-6 col-sm-3" ng-repeat="lcourse in latestCourses|limitTo: ctrl.limits.courses">
          <div class="aboutImage">
            <a ui-sref="{{ lcourse.courseurl }}({ cid: lcourse._id,cs:getCheckSum(lcourse._id) })">
              <img ng-src="{{ lcourse.photo? _SHOST+'/lcourse/'+lcourse._id +'/'+ lcourse.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : ctrl.defaultCoursePhoto) }}" alt="{{ lcourse.name }}" class="img-responsive" />
              <div class="overlay">
                <p>{{ lcourse.description }}</p>
              </div>
              <span class="captionLink">{{ lcourse.name }}<span class="fa fa-angle-right"></span></span>
            </a>
          </div><!-- aboutImage -->
        </div>
      </div><!-- row -->
    </div><!-- about_inner -->
  </div><!-- container -->
</div>
<section class="awesome_features_area clearfix">
  <div class="container">
    <!-- Single Feature Area Start -->
    <div class="single_feature">
        <div class="feature_img">
            <i class="fa fa-book" aria-hidden="true"></i>
        </div>
        <div class="feature_text">
            <h5 translate="">176 个精品课程</h5>
        </div>
    </div>
    <!-- Single Feature Area Start -->
    <div class="single_feature">
        <div class="feature_img">
            <i class="fa fa-user" aria-hidden="true"></i>
        </div>
        <div class="feature_text">
            <h5 translate="">135 位外聘专家</h5>
        </div>
    </div>
    <!-- Single Feature Area Start -->
    <div class="single_feature">
        <div class="feature_img">
            <i class="fa fa-codepen" aria-hidden="true"></i>
        </div>
        <div class="feature_text">
            <h5 translate="">22 个双学位项目</h5>
        </div>
    </div>
    <!-- Single Feature Area Start -->
    <div class="single_feature">
        <div class="feature_img">
            <i class="fa fa-building" aria-hidden="true"></i>
        </div>
        <div class="feature_text">
            <h5 translate="">82 个国际合作伙伴</h5>
        </div>
    </div>
  </div>
</section>

<div class="mainContent clearfix">
  <div class="container">
    <div class="row clearfix">

      <div class="col-sm-8 col-xs-12">
        <div class="videoNine clearfix">

          <div class="videoArea clearfix">
            <h3 translate="">欢迎加入虚拟仿真在线培训平台</h3>
            <div class="row">
              <div ng-if="ctrl.aboutdoc.content&&ctrl.aboutdoc.content.video" class="col-md-6 col-xs-12 videoLeft">
                <videogular vg-theme="ctrl.outlinemp4config.theme">
                  <vg-media vg-src="ctrl.outlinemp4config.sources">
                  </vg-media>
                  <vg-controls vg-autohide="true" vg-autohide-time="1000">
                    <vg-play-pause-button>
                    </vg-play-pause-button>
                    <vg-time-display>
                      {{ currentTime | date:'mm:ss' }}
                    </vg-time-display>
                    <vg-scrub-bar>
                      <vg-scrub-bar-current-time>
                      </vg-scrub-bar-current-time>
                    </vg-scrub-bar>
                    <vg-time-display>
                      {{ totalTime | date:'mm:ss' }}
                    </vg-time-display>
                    <vg-volume>
                      <vg-mute-button>
                      </vg-mute-button>
                      <vg-volume-bar>
                      </vg-volume-bar>
                    </vg-volume>
                    <vg-fullscreen-button>
                    </vg-fullscreen-button>
                  </vg-controls>
                  <!--vg-poster vg-url='ctrl.config.plugins.poster.url'></vg-poster-->
                  <vg-buffering>
                  </vg-buffering>
                  <vg-overlay-play>
                  </vg-overlay-play>
                </videogular>
              </div>
              <div ng-if="ctrl.aboutdoc.content&&ctrl.aboutdoc.content.youtube" class="col-md-6 col-xs-12 videoLeft">
                <iframe ng-src="{{youtubeUrl}}">
                </iframe>
              </div>
              <div ng-if="!ctrl.aboutdoc.content.youtube&&!ctrl.aboutdoc.content.video" class="col-md-6 col-xs-12 videoLeft">
                 <img src="assets/images/video_image.jpg" style="width:100%;" />
              </div>
              <!-- videoLeft -->
              <div class="col-md-6 col-xs-12 videoRight padding-left-0">
              <p ng-if="currentLanguage!='Chinese'" ng-bind-html="ctrl.about" style="height: 160px; overflow: hidden;"></p>
              <p ng-if="currentLanguage=='Chinese'" ng-bind-html="ctrl.aboutCN" style="height: 160px; overflow: hidden;"></p>
              <a ui-sref="index.aboutus.aboutus" class="btn btn-block learnBtn" translate="">Learn More</a>
              </div><!-- videoRight -->
            </div><!-- row -->
          </div><!-- videoArea -->

          <div class="related_post_sec single_post" ng-if="_newses.length > 0">
            <h3 translate="">Recent News</h3>
            <ul>
              <li ng-repeat="_news in _newses|limitTo:ctrl.limits.news">
                <span class="rel_thumb">
                  <a ui-sref="index.newses.detail({ id: _news._id })" class="">
                    <div class="image_wrapper border_e">
                      <img ng-src="{{ _news.photo?ctrl.newsPrefix+_news._id +'/'+ _news.photo : ctrl.defaultNewsPhoto }}" title="{{ _news.name }}" alt="{{ _news.name }}">
                    </div>
                  </a>
                </span><!--end rel_thumb-->
                <div class="rel_right">
                  <h4><a ui-sref="index.newses.detail({ id: _news._id })">{{ _news.name }}</a></h4>
                  <div class="meta">
                    <span class="author">{{ {eng:'Posted by',chn:'发布人'} | trans }}: <a href="#">{{ _news.creater }}</a></span>
                    <span class="date">{{ {eng:'on',chn:'发布时间'} | trans }}: <a href="#"> {{ _news.created | date: 'MMMM dd, yyyy' }}</a></span>
                  </div>
                  <p>{{ _news.description }}</p>
                </div><!--end rel right-->
              </li>              
            </ul>
          </div><!--related_post_sec-->
      </div><!--videoNine-->
      </div><!-- col-sm-8 col-xs-12 -->

      <div class="col-sm-4 col-xs-12">
        <div class="formArea clearfix">
          <div class="formTitle">
            <h3 translate="">获取相关资料</h3>
            <p>请您选择要获取详细资料的项目，输入您的电子邮箱地址，相关的PDF文档将在24小时内发送给您！</p>
          </div><!-- formTitle -->
          <form action="#" method="post">
            <div class="selectBox clearfix">
              <select class="form-control">
                <option value="1">电子商务与市场营销</option>
                <option value="1">国际商务管理</option>
                <option value="1">国际商务</option>
                <option value="1">管理学</option>
                <option value="1">物流管理与采购</option>
                <option value="1">资产管理与金融</option>
                <option value="1">风险控制与绩效管理</option>
              </select>
              <!-- <select class="form-control" ng-model="ctrl.courseCat" ng-options="key for key in ctrl.school.categorykeys">
                <option value="" translate="">{{'Select a Category' | translate}}</option>
              </select> -->
            </div><!-- selectBox -->
            <div class="form-group">
              <input type="text" class="form-control" ng-model="ctrl.courseName" placeholder="电子邮箱">
            </div>
            <button type="button" ng-click="ctrl.searchCourses()" class="btn btn-default btn-block commonBtn" translate="">免费申请</button>
          </form>
        </div><!-- formArea -->
        <div class="list_block related_post_sec" ng-if="events.length > 0">
          <div class="upcoming_events">
            <h3 translate="">{{ {eng:'Upcoming Events',chn:'发布时间'} | trans }}</h3>
            <ul>
              <li class="related_post_sec single_post" ng-repeat="event in events |limitTo:ctrl.limits.events">
                <span class="date-wrapper">
                  <span class="date"><span >{{ event.start | date: 'dd' }}</span><div translate="">{{ event.start | date: 'MMMM' }}</div></span>
                </span>
                <div class="rel_right">
                  <h4><a ui-sref="index.events.detail({ id: event._id })">{{ event.name }}</a></h4>
                  <div class="meta">
                    <span class="place"><i class="fa fa-map-marker">&nbsp;</i>{{ event.address || location }}</span>&nbsp;&nbsp;
                    <span class="event-time"><i class="fa fa-clock-o">&nbsp;</i>{{ event.start | date:'h:mm a' }}</span>
                  </div>
                </div>
              </li>
            </ul>
            <a ui-sref="index.events" class="btn btn-default btn-block commonBtn" translate="">{{ {eng:'More Events',chn:'热门活动 '} | trans }}</a>
          </div>
          <div class="clearfix"></div>
        </div><!-- end list_block -->
      </div><!-- col-sm-4 col-xs-12 -->

    </div><!-- row clearfix -->
  </div><!-- container -->
</div>
<div class="clearfix"></div>
<div class="g-bg-main-light-v2">
  <div class="container g-pt-70 g-pb-20">
    <div class="testimonials">
      <!-- Testimonials -->
      <div uib-carousel active="active" interval="myInterval">
        <div uib-slide index="0">
          <div class="row justify-content-lg-center g-mb-20">
            <div class="col-md-3 col-lg-2 g-mb-20">
              <img class="img-fluid u-shadow-v36 rounded-circle mx-auto" src="assets/images/img6.jpg" alt="Image Description">
            </div>

            <div class="col-md-9 col-lg-8 g-mb-20">
              <!-- Testimonials - Content -->
              <div class="media mb-3">
                <div class="d-flex mr-3">
                  <span class="g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-pos-rel g-top-minus-10">“</span>
                </div>
                <div class="media-body">
                  <blockquote class="g-brd-left-none g-color-white g-font-style-italic g-font-size-20 g-pl-0">The program offers both a strong theoretical and practical component providing the solid foundation needed for student teachers to venture out into the realm of teaching.
                    <span class="align-self-end g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-line-height-0 align-bottom g-pos-rel g-top-minus-10">”</span>
                  </blockquote>
                </div>
              </div>

              <div class="g-pl-30">
                <h3 class="h4 g-color-white-opacity-0_9 mb-0">Karolina Wellyan</h3>
                <span class="d-block g-font-size-18 g-color-white-opacity-0_5 g-pl-20">— Bachelor Student</span>
              </div>
              <!-- End Testimonials - Content -->
            </div>
          </div>
        </div>
        <div uib-slide index="1">
          <div class="row justify-content-lg-center g-mb-20">
            <div class="col-md-3 col-lg-2 g-mb-20">
              <img class="img-fluid u-shadow-v36 rounded-circle mx-auto" src="assets/images/img6.jpg" alt="Image Description">
            </div>

            <div class="col-md-9 col-lg-8 g-mb-20">
              <!-- Testimonials - Content -->
              <div class="media mb-3">
                <div class="d-flex mr-3">
                  <span class="g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-pos-rel g-top-minus-10">“</span>
                </div>
                <div class="media-body">
                  <blockquote class="g-brd-left-none g-color-white g-font-style-italic g-font-size-20 g-pl-0">Unify's TESL program was a personally enriching and professionally beneficial experience that opened the door to a rewarding second career in ESL.
                    <span class="align-self-end g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-line-height-0 align-bottom g-pos-rel g-top-minus-10">”</span>
                  </blockquote>
                </div>
              </div>

              <div class="g-pl-30">
                <h3 class="h4 g-color-white-opacity-0_9 mb-0">Alex Watson</h3>
                <span class="d-block g-font-size-18 g-color-white-opacity-0_5 g-pl-20">— 2015 Grad</span>
              </div>
              <!-- End Testimonials - Content -->
            </div>
          </div>
        </div>
        <div uib-slide index="2">
          <div class="row justify-content-lg-center g-mb-20">
            <div class="col-md-3 col-lg-2 g-mb-20">
              <img class="img-fluid u-shadow-v36 rounded-circle mx-auto" src="assets/images/img6.jpg" alt="Image Description">
            </div>

            <div class="col-md-9 col-lg-8 g-mb-20">
              <!-- Testimonials - Content -->
              <div class="media mb-3">
                <div class="d-flex mr-3">
                  <span class="g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-pos-rel g-top-minus-10">“</span>
                </div>
                <div class="media-body">
                  <blockquote class="g-brd-left-none g-color-white g-font-style-italic g-font-size-20 g-pl-0">I would highly recommend the Unify TESL program – it gave me the training, tools and network to get ESL teaching opportunities in Toronto. Unify's program provided a good balance of both the practical and theoretical knowledge.
                    <span class="align-self-end g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-line-height-0 align-bottom g-pos-rel g-top-minus-10">”</span>
                  </blockquote>
                </div>
              </div>

              <div class="g-pl-30">
                <h3 class="h4 g-color-white-opacity-0_9 mb-0">Maria Olsson</h3>
                <span class="d-block g-font-size-18 g-color-white-opacity-0_5 g-pl-20">— 2017 Grad</span>
              </div>
              <!-- End Testimonials - Content -->
            </div>
          </div>
        </div>
        <div uib-slide index="3">
          <div class="row justify-content-lg-center g-mb-20">
            <div class="col-md-3 col-lg-2 g-mb-20">
              <img class="img-fluid u-shadow-v36 rounded-circle mx-auto" src="assets/images/img6.jpg" alt="Image Description">
            </div>

            <div class="col-md-9 col-lg-8 g-mb-20">
              <!-- Testimonials - Content -->
              <div class="media mb-3">
                <div class="d-flex mr-3">
                  <span class="g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-pos-rel g-top-minus-10">“</span>
                </div>
                <div class="media-body">
                  <blockquote class="g-brd-left-none g-color-white g-font-style-italic g-font-size-20 g-pl-0">The TESL training at Unify includes an extremely useful practicum portion where students get the chance to hone their skills at the front of the class and receive feedback from mentors.
                    <span class="align-self-end g-color-white-opacity-0_8 g-font-secondary g-font-size-40 g-opacity-0_3 g-line-height-0 align-bottom g-pos-rel g-top-minus-10">”</span>
                  </blockquote>
                </div>
              </div>

              <div class="g-pl-30">
                <h3 class="h4 g-color-white-opacity-0_9 mb-0">Brown Draxler</h3>
                <span class="d-block g-font-size-18 g-color-white-opacity-0_5 g-pl-20">— Jeff Brown, M.A., Ph.D.</span>
              </div>
              <!-- End Testimonials - Content -->
            </div>
          </div>
        </div>
      </div>
      <!-- End Testimonials -->
    </div>
  </div>
</div>
<div class="clearfix"></div>
<div ng-include="'app/home/homeadvsection.html'" class="text-center"></div>
<div class="call_to_action section_padding_100" style="background-image: url(assets/images/breadcumb.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="call_to">
                    <h3 translate="">Bring your career on the right track. Start today!</h3>
                    <a ui-sref="index.courses" class="btn welcome-btn" role="button">{{'Start A Course' | translate }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>