unserver-unify/src/app/help/greenlife.html

<div class="col-lg-12 row row-mbl-non " ng-controller="HelpGenxCtrl as ctrl">
  <div class="col-lg-3 col-md-3 col-xs-12">
    <ul class="sidebar_responsive usr_guide">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
          <span class="fa fa-bars">
          </span>
        </button>
        <div class="clearfix mbl-margin-bottom-40">
        </div>
        <div class="sidebar profile no-wrap alter">
          <div class="panel no-bg ongoing margin-bottom-20" style="border:none; box-shadow: 0 0 0;">
            <div class="panel-heading overflow-h">
              <h2 class="panel-title heading-sm pull-left">
                <i class="fa fa-question-circle">
                </i>
                <span translate="">
                  Guide
                </span>
              </h2>
            </div>
            <ul class="list-group sidebar-nav-v1" style="width: 100%">
              <li class="list-group-item">
                <a class="list" translate="" ng-click="ctrl.setTab('process')">
                  Process
                </a>
              </li>
              <li class="list-group-item">
                <a class="list" ng-click="ctrl.setTab('teacher')">
                  {{ {eng:'Teacher',chn:'教师帮助'}|trans }}
                </a>
              </li>
              <li class="list-group-item">
                <a class="list" ng-click="ctrl.setTab('student')">
                  {{ {eng:'Student',chn:'学生帮助'}|trans }}
                </a>
              </li>
              <li class="list-group-item">
                <a class="list" ng-click="ctrl.setTab('company')">
                  {{ {eng:'Organization',chn:'机构帮助'}|trans }}
                </a>
              </li>
            </ul>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="col-lg-9 col-md-9 col-xs-12" ng-switch on="ctrl.tab">
    <!-- Process Starts -->
    <div class="white-bg help_page" ng-switch-when="process" >
      <h3 translate="">
        How it works
      </h3>
      <p></p>
    </div>

      <!-- Second level starts -->
      <div class="white-bg help_page" ng-switch-when="process.account" >
        <h3 translate="">
          Account Register and login
        </h3>
      </div>
      <!-- Second level Ends -->

    <!-- Process Ends -->
    <!-- Teacher Starts -->
    <div class="white-bg help_page" ng-switch-when="teacher" >
      <h3 translate="">
        Account
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="" ng-click="ctrl.setTab('teacher.register')">
              Register and login
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="" ng-click="ctrl.setTab('teacher.reset')">
              Reset password
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="" ng-click="ctrl.setTab('teacher.edit')">
              Edit profile
            </a>
          </li>
        </ul>
      </div>
      <h3 translate="">
        Course
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="">
              Course creation
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Course creation
            </a>
          </li>
        </ul>
      </div>
    </div>

      <!-- Second level starts -->
      <div class="white-bg help_page" ng-switch-when="teacher.register" >
        <h3 translate="">
          Account Register and login
        </h3>
        <p>
          Click the register button to get started
          <img src="assets/images/help/account/greenlife/register.png">
        </p>
        <p>
          Choose the Partner or Teacher
          <img src="assets/images/help/account/greenlife/presignup.png">
        </p>
        <p>
          Fill up your details to complete Step 1 for Registration
          <img src="assets/images/help/account/greenlife/restaurant_register1.png">
        </p>
        <p>
          Fill up your some more details to complete Step 2
          <img src="assets/images/help/account/greenlife/restaurant_register1.png">
        </p>
        <p>
          Enter the Step 3 to and complete your registration
          <img src="assets/images/help/account/greenlife/restaurant_register1.png">
        </p>
      </div>
      <div class="white-bg help_page" ng-switch-when="teacher.reset" >
        <h3 translate="">
          Account Reset password
        </h3>
      </div>
      <div class="white-bg help_page" ng-switch-when="teacher.edit" >
        <h3 translate="">
          Account Edit profile
        </h3>
      </div>
      <!-- Second level Ends -->

    <!-- Teacher Ends -->
    <!-- Students Starts -->
    <div class="white-bg help_page" ng-switch-when="student" >
      <h3 translate="">
        Account
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="" ng-click="ctrl.setTab('student.register')">
              Register and login
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Reset password
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Edit profile
            </a>
          </li>
        </ul>
      </div>
      <h3 translate="">
        Course
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="">
              My learning space
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Search courses
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Purchase a course
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Real-time classroom
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Learn a course
            </a>
          </li>
        </ul>
      </div>
      <h3 translate="">
        Exam
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="">
              Take an exam
            </a>
          </li>
        </ul>
      </div>
    </div>

      <!-- Second level starts -->
      <div class="white-bg help_page" ng-switch-when="student.register" >
        <h3 translate="">
          Account Register and login
        </h3>
        <p>
          Click the register button to get started
          <img src="assets/images/help/account/greenlife/register.png">
        </p>
        <p>
          Choose the Student
          <img src="assets/images/help/account/greenlife/presignup.png">
        </p>
        <p>
          Fill up your details to complete Registration
          <img src="assets/images/help/account/greenlife/student_register.png">
        </p>
      </div>
      <div class="white-bg help_page" ng-switch-when="student.reset" >
        <h3 translate="">
          Account Reset password
        </h3>
      </div>
      <div class="white-bg help_page" ng-switch-when="student.edit" >
        <h3 translate="">
          Account Edit profile
        </h3>
      </div>
      <!-- Second level Ends -->
    <!-- Students Ends -->
    <!-- Organization Starts -->
    <div class="white-bg help_page" ng-switch-when="company" >
      <h3 translate="">
        Account
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="" ng-click="ctrl.setTab('company.register')">
              Register and login
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Reset password
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Edit profile
            </a>
          </li>
        </ul>
      </div>
      <h3 translate="">
        Course
      </h3>
      <div class="row">
        <ul>
          <li class="col-md-3">
            <a translate="" href="">
              Add courses
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Add News
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Add announcement
            </a>
          </li>
          <li class="col-md-3">
            <a translate="" href="">
              Add scroll pictures
            </a>
          </li>
        </ul>
      </div>
    </div>

    <!-- Second level starts -->
      <div class="white-bg help_page" ng-switch-when="company.register" >
        
        <h3 translate="">
          Account Register and login
        </h3>
        <p>
          Click the register button to get started
          <img src="assets/images/help/account/greenlife/register.png">
        </p>
        <p>
          Choose the Partner or Teacher
          <img src="assets/images/help/account/greenlife/presignup.png">
        </p>
        <p>
          Fill up your details to complete Step 1 for Registration
          <img src="assets/images/help/account/greenlife/restaurant_register1.png">
        </p>
        <p>
          Fill up your some more details to complete Step 2
          <img src="assets/images/help/account/greenlife/restaurant_register1.png">
        </p>
        <p>
          Enter the Step 3 to and complete your registration
          <img src="assets/images/help/account/greenlife/restaurant_register1.png">
        </p>
      </div>
      <div class="white-bg help_page" ng-switch-when="company.reset" >
        <h3 translate="">
          Account Reset password
        </h3>
      </div>
      <div class="white-bg help_page" ng-switch-when="company.edit" >
        <h3 translate="">
          Account Edit profile
        </h3>
      </div>
      <!-- Second level Ends -->

    <!-- Organization Ends -->
  </div>
</div>