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

<div ng-controller="MobileHomeCtrl as ctrl">
  <img src="assets/images/mobile_dummy_banner.png" style="width:100%;">
  <div class="clearfix"></div>
  <div class="mobile_page">
    <div ng-include="'app/home/mobilesidebar.html'">
    </div>
    <div class="container white-bg">
      <ul class="mobile_home_icon">
        <li ng-if="loginService.isLogged">
          <a ui-sref="index.myspace.activitySummary">
            <i class="fa fa-user icon">
            </i>
            <span class="icon_title" translate="">
              My Space
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.courseFlag">
          <a ui-sref="index.courses">
            <i class="fa fa-book icon">
            </i>
            <span class="icon_title" translate="">
              Course
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.jobFlag">
          <a ui-sref="index.job">
            <i class="fa fa-briefcase icon">
            </i>
            <span class="icon_title" translate="">
              Job
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.companyFlag">
          <a ui-sref="index.company">
            <i class="fa fa-building-o icon">
            </i>
            <span class="icon_title" translate="">
              Company
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.forum">
          <a ui-sref="index.forums">
            <i class="fa fa-comment-o icon">
            </i>
            <span class="icon_title" translate="">
              {{ {eng:'Forum',chn:'课程论坛'} | trans }}
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.BBSFlag">
          <a ui-sref="index.bbs">
            <i class="fa fa-users icon">
            </i>
            <span class="icon_title" translate="">
              {{ {eng:'BBS',chn:'一般论坛'} | trans }}
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.blogFlag">
          <a ui-sref="index.blogs">
            <i class="fa fa-rss icon">
            </i>
            <span class="icon_title" translate="">
              Blog
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.appFlag">
          <a ui-sref="index.home.apps">
            <i class="fa fa-cubes icon">
            </i>
            <span class="icon_title" translate="">
              {{ {eng:'Applications',chn:'学习应用'} | trans }}
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.eventFlag">
          <a ui-sref="index.events">
            <i class="fa fa-calendar-check-o icon">
            </i>
            <span class="icon_title" translate="">
              Event
            </span>
          </a>
        </li>
        <li>
          <a ui-sref="index.newses">
            <i class="fa fa-newspaper-o icon">
            </i>
            <span class="icon_title" translate="">
              News
            </span>
          </a>
        </li>
      </ul>
      <!-- Course Starts -->
      <div class="mobile_home_title">
        {{'Course' | translate}}
        <a href="" class="viewmore">
        {{'View all' | translate}}
          <i class="fa fa-chevron-right"></i>
        </a>
      </div>
      <ul class="mobile_home_course">
        <li>
          <img src="assets/images/course.png">
          <h3><a href="">Course Title</a></h3>
          <p>
            <i class="fa fa-user">&nbsp;</i>24
            <i class="fa fa-eye">&nbsp;</i>100
          </p>
        </li>
        <li>
          <img src="assets/images/course.png">
          <h3><a href="">Course Title</a></h3>
          <p>
            <i class="fa fa-user">&nbsp;</i>24
            <i class="fa fa-eye">&nbsp;</i>100
          </p>
        </li>
        <li>
          <img src="assets/images/course.png">
          <h3><a href="">Course Title</a></h3>
          <p>
            <i class="fa fa-user">&nbsp;</i>24
            <i class="fa fa-eye">&nbsp;</i>100
          </p>
        </li>
        <li>
          <img src="assets/images/course.png">
          <h3><a href="">Course Title</a></h3>
          <p>
            <i class="fa fa-user">&nbsp;</i>24
            <i class="fa fa-eye">&nbsp;</i>100
          </p>
        </li>
      </ul>
      <!-- Course Ends -->
    </div>
  </div>
</div>