<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- 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-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 base_url(); ?>App/profile">ADMIN</a>
            </div>

            <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                    <li>
                      <a href="<?php echo base_url();?>" target="tab"><i class="fa fa-globe"></i> View Site</a>

                    </li>
                     <li <?php if($page == 'Profile') {echo 'class="active"'; }?>>
                        <a href="<?php echo base_url();?>index.php/app/profile"><i class="fa fa-user"></i> Company Profile</a>
                    </li>

                    <li <?php if($page == 'Slider') {echo 'class="active"'; }?>>
                         <a href="<?php echo base_url();?>App/slider" ><i class="fa fa-sliders"></i> Index Slider </a>
                   </li>
                   <li <?php if($page == 'Articles') {echo 'class="active"'; }?>>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-edit"></i> Pages / Articles <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo" class="collapse">
                            <li>
                                <a href="<?php echo base_url(); ?>App/about">About Us</a>
                            </li>

                            <li>
                                <a href="<?php echo base_url(); ?>App/article">Other Articles</a>
                            </li>

                        </ul>
                    </li>

                     <li <?php if($page == 'Products') {echo 'class="active"'; }?>>
                          <a href="<?php echo base_url();?>App/products"><i class="fa fa-cubes"></i> Products</a>
                   </li>
                   <li <?php if($page == 'Project') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/project"><i class="fa fa-file"></i> Projects</a>
                    </li>
                     <li <?php if($page == 'Gallery') {echo 'class="active"'; }?>>
                           <a href="javascript:;" data-toggle="collapse" data-target="#demo4"><i class="fa fa-image"></i> Gallery <i class="fa fa-fw fa-caret-down"></i> </a>
                                  <ul id="demo4" class="collapse">
                                      <li>
                                        <a href="<?php echo base_url(); ?>App/gallery_type">Gallery Type </a>
                                     </li>
                                      <li>
                                        <a href="<?php echo base_url(); ?>App/gallery">Gallery Images</a>
                                     </li>
                                       <li>
                                        <a href="<?php echo base_url(); ?>App/video">Video Gallery</a>
                                     </li>
                                  </ul>

                     </li>
                    <!--
                     <li <?php if($page == 'Enquiry') {echo 'class="active"'; }?>>
                          <a href="<?php echo base_url();?>App/enquiry"><i class="fa fa-fw fa-edit"></i> Enquiry </a>
                    </li>
                    <li <?php if($page == 'Client') {echo 'class="active"'; }?>>
                          <a href="<?php echo base_url();?>App/client"><i class="fa fa-fw fa-edit"></i> Clients</a>
                   </li>-->
                     <li <?php if($page == 'Infra') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/infra"><i class="fa fa-sitemap"></i> Infrastructure </a>
                     </li>
                   
                     <li <?php if($page == 'Testmonial') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/testmonial"><i class="fa fa-quote-left"></i> Testimonial </a>
                     </li>
                     <li <?php if($page == 'News') {echo 'class="active"'; }?>>
                        <a href="<?php echo base_url();?>App/news"><i class="fa fa-fw fa-edit"></i> News Updation</a>
                     </li>
                     
                     <li <?php if($page == 'Password') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/password"><i class="fa fa-key"></i> Update Password</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url(); ?>App/logout"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
                     </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </nav>
                    </li>
