<body>

    <div id="wrapper">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="<?php echo site_url() ?>Portal/dashboard/index">Student Portal</a>
            </div><!-- navbar-header -->

   <!--========================= Top Menu Items ============================= -->
            
            <ul style="background: #34495e;" class="nav navbar-right top-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <?php echo $userInfo['first_name'] ?> <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                       
                        <li>
                            <a style="margin-top: 10px;" href="<?php echo site_url() ?>Portal/user/update_password"><i class="fa fa-fw fa-gear"></i> Update Password</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="<?php echo site_url() ?>Portal/Puser/logout"><i class="fa fa-fw fa-power-off"></i> Log Out</a>

                        </li>
                    </ul>
                </li>
            </ul>

<!--================================== Sidebar Menu Items ================================== -->
            
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                    <li>
                        <a href="<?php echo site_url() ?>Portal/dashboard/index"><i class="fa fa-home"></i> Dashboard</a>
                    </li>
                     <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#attendance"><i class="fa fa-fw fa-bar-chart"></i> Attendance <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="attendance" class="collapse">
                            <li>
                                <a href="<?php echo site_url() ?>Portal/attendance/index"><i class="fa fa-fw fa-file-o"></i> View Attendance</a>
                            </li>
                        </ul>
                    </li>
                     <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#result"><i class="fa fa-fw fa-table"></i> Result <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="result" class="collapse">
                            <li>
                                <a href="<?php echo site_url() ?>Portal/Result/result"><i class="fa fa-fw fa-file-o"></i> View Result</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#fee"><i class="fa fa-file-o"></i> Fee <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="fee" class="collapse">
                            <li>
                                <a href="<?php echo site_url() ?>Portal/Fee/listV"><i class="fa fa-fw fa-file-o"></i> Voucher List</a>
                            </li>
                        </ul>
                    </li>


                     <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#datesheet"><i class="fa fa-file-text-o"></i> DateSheet <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="datesheet" class="collapse">
                            <li>
                                <a href="<?php echo site_url() ?>Portal/Datesheet/index"><i class="fa fa-fw fa-file-o"></i> View Datesheet</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href=""><i class="fa fa-newspaper-o"></i> Notice Board</a>
                    </li>

                    <li>
                        <a href=""><i class="fa fa-pencil-square-o"></i> Notes</a>
                    </li>
                </ul>
            </div><!-- collapse navbar-collapse navbar-ex1-collapse -->           
        </nav>