<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 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-user"></i> View Site</a>
                   
                    </li>
                     <li <?php if($page == 'Profile') {echo 'class="active"'; }?>>
                        <a href="<?php echo base_url();?>app/profile"><i class="fa fa-fw fa-bar-chart-o"></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-fw fa-bar-chart-o"></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>
                           <!-- <li>
                                <a href="<?php echo base_url(); ?>index.php/App/vission">Vission & Mission</a>
                            </li>
                             <li>
                                <a href="<?php echo base_url(); ?>index.php/App/company">Company Profile</a>
                        </li>-->
                            
                            
                        </ul>
                    </li>
                    
                     <li <?php if($page == 'Services') {echo 'class="active"'; }?>>
                       
                          <a href="<?php echo base_url();?>index.php/App/service"><i class="fa fa-fw fa-edit"></i> Services </a>
                               
                    </li>
                   <!--
                   <li <?php if($page == 'pdf') {echo 'class="active"'; }?>>  
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo3"><i class="fa fa-fw fa-edit"></i> Brochure & Certificate <i class="fa fa-fw fa-caret-down"></i> </a>
                        <ul id="demo3" class="collapse">
                            <li>
                              <a href="<?php echo base_url();?>index.php/App/pdf">All Brochures </a>
                           </li>
                            <li>
                              <a href="<?php echo base_url();?>index.php/App/certificates">All Certificates</a>
                           </li>
                        </ul>
                    </li>
                    -->
                     
                    <li <?php if($page == 'Product') {echo 'class="active"'; }?>>
                      
                          <a href="javascript:;" data-toggle="collapse" data-target="#demo1"><i class="fa fa-fw fa-edit"></i> Our Products <i class="fa fa-fw fa-caret-down"></i> </a>
                                <ul id="demo1" class="collapse">
                                    <li>
                                      <a href="<?php echo base_url(); ?>App/product_category">Base Products </a>
                                   </li>
                                     <li>
                                      <a href="<?php echo base_url(); ?>App/products">Sub Products</a>
                                   </li>
                                </ul>
                    </li>
                    
                     <li <?php if($page == 'Gallery') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/gallery"><i class="fa fa-fw fa-edit"></i> Gallery</a>
                    </li>
                    <li <?php if($page == 'Videos') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/video"><i class="fa fa-fw fa-edit"></i> Videos</a>
                    </li>                     
                    <li <?php if($page == 'clients') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/Clients"><i class="fa fa-fw fa-edit"></i> Clients </a>
                    </li>
                      <li <?php if($page == 'Test') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/testmonial"><i class="fa fa-fw fa-edit"></i> Testmonials </a>
                    </li>
                    <!--  <li <?php if($page == 'Career') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/jobs"><i class="fa fa-fw fa-edit"></i> Career </a>
                    </li> -->
                   <!--  <li <?php if($page == 'Video') {echo 'class="active"'; }?>>
                           <a href="<?php echo base_url();?>App/news"><i class="fa fa-fw fa-edit"></i> Blogs</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>
            
        </nav>
                    </li>