unserver-unify/src/app/setting/signup_teacher.html

<style type="text/css">
  .breadcrumbs-v3.img-v1{background: url('assets/images/banner_bridge.jpg'); background-size: cover;
    background-position: center center;}
</style>
<div ng-controller="TeacherSignupCtrl as ctrl">
<!--=== Interactive Slider ===-->
    <div class="breadcrumbs-v3 img-v1 text-center text_align">
      <div class="container">
        <h1>{{ {eng:'iLearn, a platform for everyone to teach.',chn:'皓学网，一个能让所有人进行教学的平台。'}|trans }}</h1>
        <a ui-sref="index.setting.signupschool" class="btn btn-u pull-left" style="padding:7px 25px; margin-left: 20px;">{{ {eng:'Register',chn:'注册'} | trans }}</a>
      </div>
    </div>
    <!--=== End Interactive Slider ===-->

    <!--=== Title v1 ===-->
    <div class="container content-sm">
      <div class="title-v1 no-margin-bottom">
        <p class="no-margin-bottom">{{ {eng:'We are aiming to using innovative technology to build a learning services platform for everyone.',chn:'我们致力于用创新的技术打造一个人人乐用的学习服务平台。'}|trans }}</p>
        </div>
      </div>
      <!--=== End Title v1 ===-->

      <!--=== Service Block v4 ===-->
      <div class="service-block-v4">
        <div class="container content-sm">
          <div class="row">
            <div class="col-md-4 service-desc md-margin-bottom-50">
              <i class="icon-diamond"></i>
              <h3>{{ {eng:'Design',chn:'设计'}|trans }}</h3>
              <p class="no-margin-bottom">{{ {eng:'Quickly enhance the reputation by creating a personalized home page, uploading photos and videos to display course information.',chn:'打造个性化的教师主页，上传照片、视频展示课程信息，迅速提升知名度和影响力。'}|trans }}</p>
            </div>
            <div class="col-md-4 service-desc md-margin-bottom-50">
              <i class="icon-rocket"></i>
              <h3>{{ {eng:'Teach',chn:'教学'}|trans }}</h3>
              <p class="no-margin-bottom">{{ {eng:'With their own knowledge and skills to help students, to solve their problems and make them get progress.',chn:'用自己擅长的知识和技能帮助他人，解人所难, 使人进步。'}|trans }}</p>
            </div>
            <div class="col-md-4 service-desc">
              <i class="icon-support"></i>
              <h3>{{ {eng:'Communicate',chn:'交互'}|trans }}</h3>
              <p class="no-margin-bottom">{{ {eng:'Your knowledge and skills can break the barriers of region and resources, which is the way to help you influence and change the world.',chn:'您的知识技能才华可突破地域与资源的障碍，成为您影响和改变世界的途径。'}|trans }}</p>
            </div>
          </div><!--/end row-->
        </div><!--/end container-->
      </div>
      <!--=== End Service Block v4 ===-->

      <section id="howWorks" class="home_padding">
        <div class="container">
          <article class="columns sixteen">
            <div class="headline-center margin-bottom-60">
              <h2>{{ {eng:'How it Works',chn:'如何运行'}|trans }}</h2>
            </div>
            <div class="timeline">
              <div class="line"></div>
              <div class="how left">
                <a href="https://teach.udemy.com/community-news/" class="image_link"><img src="https://teach.udemy.com/wp-content/uploads/2014/05/timeline_dream1.png" alt="Dream"></a>
                <a href="https://teach.udemy.com/community-news/" class="title_link"><span class="title">{{ {eng:'Dream',chn:'梦想'}|trans }}</span></a>
                <span class="text">{{ {eng:'Have their personalized homepage and free studio packaging services, to achieve the characteristic teaching.',chn:'拥有自己的教师工作室及免费教师包装服务，实现特色教学'}|trans }}</span>
              </div>
              <div class="how right">
                  <a href="https://teach.udemy.com/course-creation/" class="image_link"><img src="https://teach.udemy.com/wp-content/uploads/2014/05/timeline_create1.png" alt="Create"></a>
                  <a href="https://teach.udemy.com/course-creation/" class="title_link"><span class="title">{{ {eng:'Create',chn:'创建'}|trans }}</span></a>
                  <span class="text">{{ {eng:'Create your own online course by a standardized tool.',chn:'运用标准化课件制作工具创建你的专属课程。'}|trans }}</span>
              </div>
              <div class="how left">
                  <a href="https://teach.udemy.com/community-news/" class="image_link"><img src="https://teach.udemy.com/wp-content/uploads/2014/05/timeline_teach1.png" alt="Teach"></a>
                  <a href="https://teach.udemy.com/community-news/" class="title_link"><span class="title">{{ {eng:'Publish',chn:'发布'}|trans }}</span></a>
                  <span class="text">{{ {eng:'To make it available for anyone who can learn anywhere, anytime.',chn:'开放课程给公众，让所有人可随时随地学习。'}|trans }}</span>
              </div>
              <div class="how right">
                  <a href="https://teach.udemy.com/community-news/" class="image_link"><img src="https://teach.udemy.com/wp-content/uploads/2014/05/timeline_earn1.png" alt="Earn"></a>
                  <a href="https://teach.udemy.com/community-news/" class="title_link"><span class="title">{{ {eng:'Earn',chn:'成就'}|trans }}</span></a>
                  <span class="text">{{ {eng:'Earn serious money and enrol more students.',chn:'获取更多收入，扩大生源。'}|trans }}</span>
              </div>
            </div>
          </article>
        </div>
      </section>

      <!--=== Our Skills ===-->
      <!-- <div class="container content-sm">
        <div class="headline-center margin-bottom-60">
          <h2>WHY WE ARE GOOD</h2>
          <p>Phasellus vitae ipsum ex. Etiam eu vestibulum ante. <br>
            Lorem ipsum <strong>dolor</strong> sit amet, consectetur adipiscing elit. Morbi libero libero, imperdiet fringilla </p>
        </div>

        <div class="row">
          <div class="col-sm-6 md-margin-bottom-50">
            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
            <p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p><br>
            <a href="#" class="btn-u btn-brd btn-brd-hover btn-u-dark">Read More</a>
            <a href="#" class="btn-u">Purchase Now</a>
          </div>
          <div class="col-sm-6">
            <div class="row">
              <div class="col-xs-3 text-center">
                <div class="progress progress-u vertical bottom">
                  <div class="progress-bar progress-bar-u" role="progressbar" data-height="60"></div>
                </div>
                <span>60%</span>
                <h4>DESIGN</h4>
              </div>
              <div class="col-xs-3 text-center">
                <div class="progress progress-u vertical bottom">
                  <div class="progress-bar progress-bar-u" role="progressbar" data-height="76"></div>
                </div>
                <span>76%</span>
                <h4>PHP</h4>
              </div>
              <div class="col-xs-3 text-center">
                <div class="progress progress-u vertical bottom">
                  <div class="progress-bar progress-bar-u" role="progressbar" data-height="92"></div>
                </div>
                <span>92%</span>
                <h4>HTML</h4>
              </div>
              <div class="col-xs-3 text-center">
                <div class="progress progress-u vertical bottom">
                  <div class="progress-bar progress-bar-u" role="progressbar" data-height="81"></div>
                </div>
                <span>81%</span>
                <h4>CSS</h4>
              </div>
            </div>
          </div>
        </div>
      </div> -->
      <!--=== End Our Skills ===-->

    <!--=== Parallax Counter v4 ===-->
    <!-- <div class="parallax-counter-v4 parallaxBg">
      <div class="container content-sm">
        <div class="row">
          <div class="col-md-3 col-xs-6 md-margin-bottom-50">
            <i class="icon-cup"></i>
            <span class="counter">265</span>
            <h4>Coffee's Drunk</h4>
          </div>
          <div class="col-md-3 col-xs-6 md-margin-bottom-50">
            <i class="icon-clock"></i>
            <span class="counter">5957</span>
            <h4>Working Hours</h4>
          </div>
          <div class="col-md-3 col-xs-6">
            <i class="icon-emoticon-smile"></i>
            <span class="counter">3495</span>
            <h4>Happy Clients</h4>
          </div>
          <div class="col-md-3 col-xs-6">
            <i class="icon-bulb"></i>
            <span class="counter">576</span>
            <h4>New Ideas</h4>
          </div>
        </div>
      </div>
    </div> -->
    <!--=== End Parallax Counter v4 ===-->

    <!--=== Testimonials v6 ===-->
    <div class="bg-color-light">
      <div class="container content-sm instructor">
        <div class="headline-center margin-bottom-60">
          <h2>{{ {eng:'Instructors',chn:'讲师'}|trans }}</h2>
        </div>

        <!-- Testimonials Wrap -->
        <div class="testimonials-v6 testimonials-wrap">
          <div class="row margin-bottom-50">
            <div class="col-md-6 md-margin-bottom-50">
              <div class="testimonials-info rounded-bottom">
                <img class="rounded-x" src="https://media.licdn.com/media/AAEAAQAAAAAAAAUJAAAAJDA5NDIzOWMzLTI5NzItNGY3OC05MzM2LTFjZjUxZDY2OTRlYQ.jpg" alt="">
                <div class="testimonials-desc">
                  <p>{{ {eng:"As a teacher, I'm ecstatic to see that my students participate actively and enthusiastically in online courses and assignments.  It will be more helpful for me to enroll more students through i-Learn.",chn:'作为老师，我很高兴看到我的学生积极和热情地参与在线课程和作业。这将更有助于我通过皓学网招收更多的学生。'}|trans }}</p>
                  <strong>{{ {eng:'Ted',chn:'Ted'}|trans }}</strong>
                  <span>{{ {eng:'KBU Program Facilitator',chn:'韩国京福大学英语培训计划负责人'}|trans }}</span>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="testimonials-info rounded-bottom">
                <img class="rounded-x" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/7/005/0af/32d/0e142f2.jpg" alt="">
                <div class="testimonials-desc">
                  <p>{{ {eng:'Heluo has been delivering in-person training for Enterprise management since 2014, and i-Learn has helped us create an innovative way to teach. i-Learn has been a terrific partner for us.',chn:'河洛学院自2014年以来一直为企业管理提供面对面培训，皓学网帮助我们实现了教学创新。 皓学网已经成为了我们的一个了不起的合作伙伴。'}|trans }}</p>
                  <strong>{{ {eng:'Dr. Koh Hock Kiat',chn:'许福吉博士'}|trans }}</strong>
                  <span>{{ {eng:'CEO at Heluo Pte Ltd',chn:'河洛学院首席执行官'}|trans }}</span>
                </div>
              </div>
            </div>
          </div><!--/end row-->

          <div class="row margin-bottom-20">
            <div class="col-md-6 md-margin-bottom-50">
              <div class="testimonials-info rounded-bottom">
                <img class="rounded-x" src="http://tathong.listedcompany.com/images/bod_ar2014c.jpg" alt="">
                <div class="testimonials-desc">
                  <p>{{ {eng:'Being an instructor for i-Learn has brought a lot of chances. We can not only build our personal brand but also achieve the transformation in business model.',chn:'入驻皓学网给我们带来了大量的机遇。我们不仅打造了我们的个人品牌，还实现了商业模式转型。'}|trans }}</p>
                  <strong>{{ {eng:'Dr Leong Horn Kee',chn:'梁汉基博士'}|trans }}</strong>
                  <span>{{ {eng:'Founder & Chairman at AIMS',chn:'奥斯丁管理学院创始人兼主席'}|trans }}<!-- Austin International Management School Pte Ltd --></span>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="testimonials-info rounded-bottom">
                <img class="rounded-x" src="assets/images/default-person-icon.png" alt="">
                <div class="testimonials-desc">
                  <p>{{ {eng:'i-Learn is very convenient to use, and very helpful to find the weakest knowledge point of each student. Then we can design a target teaching to make them to get progress',chn:'皓学网使用很方便，能帮助我们找到每一个学生的知识薄弱点，并进行针对性的教学帮助学生进步。'}|trans }}</p>
                  <strong>{{ {eng:'Lu Yi',chn:'卢益'}|trans }}</strong>
                  <span>{{ {eng:'Chief Trainer of CMEC',chn:'cmec 首席培训师'}|trans }}</span>
                </div>
              </div>
            </div>
          </div><!--/end row-->
        </div>
        <!-- End Testimonials Wrap -->
      </div><!--/end container-->
    </div>
    <!--=== End Testimonials v6 ===-->

</div>