unserver-unify/src/components/common/subheadercmec.html

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="fa fa-bars"></span>
      </button>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-responsive-collapse">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a href="javascript:void(0);" translate>
          About us</a>
          <ul class="dropdown-menu">
            <li ><a ui-sref="index.aboutus.aboutus" translate>Introduction to Sinland</a></li>
            <li><a ui-sref="index.aboutus.mission" translate>Corporate Mission</a></li>
          </ul>
        </li>
        <li ng-if="ctrl.loginService.user != null">
          <a ui-sref="index.myspace.activitySummary">
          <span >{{"My Space" | translate}}</span>
          </a>
        </li>
        <li>
          <a href="javascript:void(0);" ui-sref="index.courses" translate>
          Courses</a>
         <!--  <ul class="dropdown-menu">
            <li ><a ui-sref="index.courses" translate>General Courses</a></li>
            <li><a ui-sref="index.myspace.mycourses" translate>Specific Courses</a></li>
          </ul> -->
        </li>
        <li class="dropdown">
          <a href="javascript:void(0);" translate>
          Forums</a>
          <ul class="dropdown-menu">
            <li ><a ui-sref="index.bbs({key:_key})" ng-repeat="(_key,value) in currentSchool.forumcategory" translate >{{_key}}</a></li>
          </ul>
        </li>
        <li>
          <a ui-sref="index.newses">
          <span translate="common.news">News</span>
          </a>
        </li>
        <li>
          <i class="search fa fa-phone" ui-sref="index.contact"></i>
        </li>
        <!-- Contacts -->
        <!-- <li class="dropdown">
                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" translate>
                  Contacts
                </a>
                <ul class="dropdown-menu">
                  <li ng-if="currentSchool"><a ui-sref="index.contact" translate="sidebar.contact_us">Contact Us</a></li>
                  <li><a ui-sref="index.help.support" translate>FAQ</a></li>
                </ul>
        </li>-->
        <!-- End Contacts -->
      </ul>
    </div>
    <!--/navbar-collapse-->
  </div>
  <!--/end container-->
</div>