<!--<ul class="sidebar-menu" data-widget="tree">-->
<!--    <li class="header">MAIN NAVIGATION</li>-->
<!--    <li class="active treeview">-->
<!--    <a href="#">-->
<!--        <i class="fa fa-dashboard"></i> <span>Registry Staff</span>-->
<!--        <span class="pull-right-container">-->
<!--            <i class="fa fa-angle-left pull-right"></i>-->
<!--        </span>-->
<!--    </a>-->
    
   
<!--    <ul class="treeview-menu">-->
<!--        <li  class="dinner"><a href="?type=certificate_tracking"  style="color:#FFF; font-size:14px;" class="onit">Certificate tracking </a></li>-->
<!--        <li  class="dinner"><a href="?type=certificate_pending" style="color:#FFF; font-size:14px;" class="onit">Pending Certificate </a></li>-->
<!--        <li  class="dinner"><a href="?type=certificate_completed" style="color:#FFF; font-size:14px;" class="onit">Completed Certificate</a></li>-->
<!--    </ul>-->
<!--</ul>-->



     <ul class="sidebar-menu" data-widget="tree">
        <li class="header">MAIN NAVIGATION</li>
        <li class="active treeview">
          <a href="#">
            <i class="fa fa-dashboard"></i> <span>Registry Staff</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
    
        <ul class="treeview-menu">



             <li><a href="?type=certificate_tranzact"><i class="fa fa-circle-o"></i>Certificate tracking</a></li>


              <li><a href="?type=certificate_pending"><i class="fa fa-circle-o"></i>Pending Certificate</a></li>

              <li><a href="?type=certificate_completed"><i class="fa fa-circle-o"></i>Completed Certificate</a></li>
                
             <li><a href="?type=logout"><i class="fa fa-circle-o"></i> Logout</a></li>



                 