   
   
   <div class="card header-card shape-rounded" data-card-height="150">
            <div class="card-overlay bg-highlight opacity-95"></div>
            <div class="card-overlay dark-mode-tint"></div>
            <div class="card-bg preload-img" data-src="<?= base_url('code/') ;?>images/pictures/20s.jpg"></div>
        </div>
    </div>    

    <!-- end of page content-->
   
    <!-- <div id="menu-share" 
         class="menu menu-box-bottom menu-box-detached rounded-m" 
         data-menu-load="<?php echo site_url('welcome/loadMenuShare'); ?>"
         data-menu-height="420" 
         data-menu-effect="menu-over">
    </div>     -->
    
    <div id="menu-highlights" 
         class="menu menu-box-bottom menu-box-detached rounded-m"
         data-menu-load="<?php echo site_url('welcome/loadMenuColor'); ?>"
         data-menu-height="510" 
         data-menu-effect="menu-over">        
    </div>
    
    <!-- <div id="menu-main"
         class="menu menu-box-right menu-box-detached rounded-m"
         data-menu-width="260"
         data-menu-load="<?php echo site_url('welcome/loadMenuMain'); ?>"
         data-menu-active="nav-pages"
         data-menu-effect="menu-over">  
    </div> -->
    
</div>    


<script src="<?= base_url('code/') ;?>scripts/jquery.js"></script>
<script src="<?= base_url('code/') ;?>scripts/bootstrap.min.js"></script>
<script src="<?= base_url('code/') ;?>scripts/custom.js"></script>
</body>
