<aside class="main-sidebar">
    <section class="sidebar">          
        <ul class="sidebar-menu">
            <li class="treeview">
                <a href="index">
                    <i class="fa fa-dashboard"></i><span>Home</span>
                </a>
            </li>
            <li class="treeview">
                <a href="join">
                    <i class="fa fa-files-o"></i>
                    <span>Join operation</span>
                </a>              
            </li>
            <li class="treeview">
                <a href="related-data">
                    <i class="fa fa-files-o"></i>
                    <span>Related Data (V 4.0)</span>
                </a>              
            </li>
            <li class="treeview">
                <a href="multi-table-relation">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Multitable relation (Nested table)</span>
                </a>
            </li>
            <li class="treeview">
                <a href="inline-edit">
                    <i class="fa fa-laptop"></i>
                    <span>Inline Edit</span>
                </a>             
            </li>
             <li class="treeview">
                <a href="table-cell-editing">
                    <i class="fa fa-laptop"></i>
                    <span>Table Cell Edit (V 3.7)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="field-type">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Field Type</span>
                </a>
            </li>
            <li class="treeview">
                <a href="skin-options">
                    <i class="fa fa-laptop"></i>
                    <span>Skins</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="template-selection">
                    <i class="fa fa-laptop"></i>
                    <span>Pure Bootstrap (V 3.0)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="filters">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Filters</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="set-search-cols">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Set Search Columns (V 3.5.2)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="autosuggestion">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>AutoSuggestion Search (V 3.6)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="one-page-template">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>One page template</span>
                </a>
            </li>
            <li class="treeview">
                <a href="crud-table-bulk-update">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>CRUD Bulk Update</span>
                </a>
            </li>        
            <li class="treeview"><a href="table-col-string-formatting"><i class="fa fa-pencil-square-o"></i><span>String based formatting</span></a></li>
            <li class="treeview"><a href="table-col-formula-formatting"><i class="fa fa-pencil-square-o"></i><span>Formula based formatting</span></a></li>
            <li class="treeview"><a href="table-col-more-formatting"><i class="fa fa-pencil-square-o"></i><span>More formatting options</span></a></li>
            <li class="treeview"><a href="table-col-add-col"><i class="fa fa-pencil-square-o"></i><span>Add column dynamically</span></a></li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-database"></i> <span>Stand alone Forms</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="insert"><i class="fa fa-circle-o"></i>Insert Operation</a></li>
                    <li><a href="edit"><i class="fa fa-circle-o"></i>Edit Operation</a></li>
                    <li><a href="view"><i class="fa fa-circle-o"></i>View Operation</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="image-functions">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Image manipulations</span>
                </a>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-database"></i> <span>View Formatting</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li class="treeview"><a href="view-col-formatting"><i class="fa fa-pencil-square-o"></i> <span>View Formatting options</span></a></li> 
                    <li class="treeview"><a href="view-with-specific-columns"><i class="fa fa-pencil-square-o"></i><span>Specific Columns in View</span></a></li>
                    <li class="treeview"><a href="view-tabs"><i class="fa fa-pencil-square-o"></i><span>Tabs in View</span></a></li>
                    <li class="treeview"><a href="view-multi-table-relation-tabs"><i class="fa fa-pencil-square-o"></i><span>Multi table relation (view)</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-database"></i> <span>Graph & Chart</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="google-chart"><i class="fa fa-circle-o"></i>Google Chart</a></li>
                    <li><a href="easy-pie-chart"><i class="fa fa-circle-o"></i>Easy pie</a></li>
                    <li><a href="sparkline-chart"><i class="fa fa-circle-o"></i>Sparkline</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="action-switch">
                    <i class="fa fa-wrench"></i>
                    <span>Column actions</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="action-buttons">
                    <i class="fa fa-wrench"></i>
                    <span>Actions buttons</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="action-button-top">
                    <i class="fa fa-wrench"></i>
                    <span>Top Actions buttons (V 3.0)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="user-login-management">
                    <i class="fa fa-wrench"></i>
                    <span>User access management (V 3.2)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="replace-col-value">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Replace column value</span>
                </a>              
            </li>
            <li class="treeview">
                <a href="hide-options">
                    <i class="fa fa-wrench"></i>
                    <span>Hide options</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="hide-column">
                    <i class="fa fa-wrench"></i>
                    <span>Hide column</span>
                </a>             
            </li>
            <li class="treeview"><a href="specific-column"><i class="fa fa-pencil-square-o"></i><span>Specific column</span></a></li>
            <li class="treeview">
                <a href="col-tooltip">
                    <i class="fa fa-wrench"></i>
                    <span>Column tooltip</span>
                </a>             
            </li>            
            <li class="treeview">
                <a href="col-data-type">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Column data type</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="table-column-attr">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Columns attribute</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="table-operations">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Various table operations</span>
                </a>             
            </li>  
            <li class="treeview">
                <a href="send-email-using-pdocrud">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Email Form Data</span>
                </a>             
            </li>  
            <li class="treeview">
                <a href="trigger-other-operation">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Trigger Other Operation</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="pagination">
                    <i class="fa fa-laptop"></i>
                    <span>Pagination</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="add-plugin">
                    <i class="fa fa-laptop"></i>
                    <span>Add plugin</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="multi-lang-data">
                    <i class="fa fa-laptop"></i>
                    <span>Multi language support</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="rtl-support">
                    <i class="fa fa-laptop"></i>
                    <span>Right to left support</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="sql">
                    <i class="fa fa-laptop"></i>
                    <span>SQL</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="raw-data-operations">
                    <i class="fa fa-laptop"></i>
                    <span>Raw data operation</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="order-by">
                    <i class="fa fa-laptop"></i>
                    <span>Order by </span>
                </a>             
            </li>
            <li class="treeview">
                <a href="multi-instance">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Multi instance</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="bulk-import-data">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Import Bulk Data</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="portfolio">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Portfolio</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="add-sidebar">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Add sidebar</span>
                </a>             
            </li>
            <li class="treeview"><a href="label"><i class="fa fa-pencil-square-o"></i><span>Label</span></a></li>
            <li class="treeview"><a href="field-desc-tooltip"><i class="fa fa-pencil-square-o"></i><span>Field Description &amp; tooltip</span></a></li>
            <li class="treeview"><a href="multi-step-form"><i class="fa fa-pencil-square-o"></i><span>Multi Step Form</span></a></li>
            <li class="treeview"><a href="group-fields"><i class="fa fa-pencil-square-o"></i><span>Group Fields</span></a></li>
            <li class="treeview"><a href="field-order"><i class="fa fa-pencil-square-o"></i><span>Fields Display order</span></a></li>
            <li class="treeview"><a href="popup"><i class="fa fa-pencil-square-o"></i><span>Popup form</span></a></li>
            <li class="treeview"><a href="popup-form-on-click"><i class="fa fa-pencil-square-o"></i><span>Popup form with button click</span></a></li>
            <li class="treeview"><a href="add-captcha"><i class="fa fa-pencil-square-o"></i><span>Captcha</span></a></li>
            <li class="treeview"><a href="recaptcha"><i class="fa fa-pencil-square-o"></i><span>ReCaptcha</span></a></li>            
            <li class="treeview"><a href="set-field-value"><i class="fa fa-pencil-square-o"></i><span>Set Field value</span></a></li>
            <li class="treeview"><a href="field-class-attr"><i class="fa fa-pencil-square-o"></i><span>Field Class and attributes</span></a></li>
            <li class="treeview"><a href="field-data-binding"><i class="fa fa-pencil-square-o"></i><span>Field Data Binding</span></a></li>
            <li class="treeview"><a href="add-static-fields"><i class="fa fa-pencil-square-o"></i><span>Static Fields</span></a></li>
            <li class="treeview"><a href="fields-conditional-logic"><i class="fa fa-pencil-square-o"></i><span>Field conditional Logic</span></a></li>
            <li class="treeview"><a href="field-formula"><i class="fa fa-pencil-square-o"></i><span>Field Formula</span></a></li>
            <li class="treeview"><a href="field-not-required"><i class="fa fa-pencil-square-o"></i><span>Field not required</span></a></li>
            <li class="treeview"><a href="placeholder"><i class="fa fa-pencil-square-o"></i><span>Placeholder (V 3.6)</span></a></li>
            <li class="treeview"><a href="field-validation"><i class="fa fa-pencil-square-o"></i><span>Field Validation</span></a></li>
            <li class="treeview"><a href="form-redirection"><i class="fa fa-pencil-square-o"></i><span>Form Redirection</span></a></li>
            <li class="treeview"><a href="input-addon"><i class="fa fa-pencil-square-o"></i><span>Input add on</span></a></li>
            <li class="treeview"><a href="enqueue-css-js"><i class="fa fa-pencil-square-o"></i><span>Add CSS &amp; JS</span></a></li>
            <li class="treeview"><a href="google-map"><i class="fa fa-pencil-square-o"></i><span>Google map</span></a></li>
            <li class="treeview"><a href="load-dependent-data"><i class="fa fa-pencil-square-o"></i><span>load data</span></a></li>
            <li class="treeview"><a href="callback-function-php"><i class="fa fa-pencil-square-o"></i><span>Call back functions </span></a></li>
            <li class="treeview"><a href="login-demo-example"><i class="fa fa-pencil-square-o"></i><span>Login demo </span></a></li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-database"></i> <span>File Uploading</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li class="treeview"><a href="new-file-upload"><i class="fa fa-pencil-square-o"></i><span>New File Uploading</span></a></li>
                    <li class="treeview"><a href="file-image-uploading"><i class="fa fa-pencil-square-o"></i><span>File/Image Uploading</span></a></li>
                    <li class="treeview"><a href="multiple-file-uploading"><i class="fa fa-pencil-square-o"></i><span>Multiple File Uploading</span></a></li>
                </ul>
            </li>
            <li class="treeview"><a href="hide-all-labels"><i class="fa fa-pencil-square-o"></i><span>Hide All Labels</span></a></li>
            <li class="treeview"><a href="set-settings"><i class="fa fa-pencil-square-o"></i><span>Set Settings</span></a></li>
            <li class="treeview"><a href="where-condition"><i class="fa fa-pencil-square-o"></i><span>Add filter(where)</span></a></li>
            <li class="treeview"><a href="sum-per-page"><i class="fa fa-pencil-square-o"></i><span>Sum functions</span></a></li>
            <li class="treeview"><a href="action-button-left-side"><i class="fa fa-pencil-square-o"></i><span>Left action button</span></a></li>
            <li class="treeview"><a href="hide-button"><i class="fa fa-pencil-square-o"></i><span>Hide button</span></a></li>
            <li class="treeview"><a href="export-print-heading"><i class="fa fa-pencil-square-o"></i><span>Export/Print Label</span></a></li>
            <li class="treeview"><a href="where-condition"><i class="fa fa-pencil-square-o"></i><span>Where Condition</span></a></li>
            <li class="treeview"><a href="table-formatting"><i class="fa fa-pencil-square-o"></i> <span>Table Formatting options</span></a></li>   
            <li class="treeview"><a href="date-range-report"><i class="fa fa-pencil-square-o"></i> <span>Date Range Report (V 3.0)</span></a></li>   
            <li class="treeview"><a href="field-database-mapping"><i class="fa fa-pencil-square-o"></i> <span>Map static field to DB (V 3.1)</span></a></li>   
            <li class="treeview"><a href="enum-field"><i class="fa fa-pencil-square-o"></i> <span>Enum Field (V 3.1)</span></a></li>   
            <li class="treeview"><a href="SET-Column-type"><i class="fa fa-pencil-square-o"></i> <span>SET Field (V 4.0)</span></a></li>   
            <li class="treeview"><a href="clone-rows"><i class="fa fa-pencil-square-o"></i> <span>Clone Row (V 3.2)</span></a></li>   
            <li class="treeview"><a href="form-fields"><i class="fa fa-pencil-square-o"></i> <span>Add/Edit Form Fields (V 3.3)</span></a></li>   
            <li class="treeview"><a href="check-duplicate-before-insert"><i class="fa fa-pencil-square-o"></i> <span>Check duplicate b/f insert (V 3.3)</span></a></li>   
            <li class="treeview">
                <a href="search-col-data-type">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Search Column Data type (v 3.5.2)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="reset-form">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Reset Form Fields (v 3.6)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="quick-table-view">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Quick Table(Data) View (v 3.6)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="password-encryption">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Password encryption (v 3.6)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="loading-template-js-css">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Template JS/CSS file (v 3.7)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="on-hover">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>On hover (v 4.0)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="calculate-field-based-on-another-field-dynamically">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Dynamic hidden fields (v 4.3)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="ajax-actions">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Ajax Actions (v 4.3)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="subselect-sql">
                    <i class="fa fa-pencil-square-o"></i>
                    <span>Subselect sql(v 4.4)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="dynamic-invoice">
                    <i class="fa fa-file-pdf-o"></i>
                    <span>Dynamic Invoice (v 4.5)</span>
                </a>             
            </li>
            <li class="treeview">
                <a href="dynamic-js-actions">
                    <i class="fa fa-tasks"></i>
                    <span>Dynamic Js Actions (v 4.5)</span>
                </a>             
            </li>
            <li class="treeview"><a href="plugin-file-input"><i class="fa fa-plug"></i><span>Plugin file input</span></a></li>
            <li class="treeview"><a href="plugin-color-picker"><i class="fa fa-plug"></i><span>Plugin color picker</span></a></li>
            <li class="treeview"><a href="plugin-chosen"><i class="fa fa-plug"></i><span>Plugin chosen</span></a></li>
            <li class="treeview"><a href="plugin-timepicker"><i class="fa fa-plug"></i><span>Plugin timepicker</span></a></li>
            <li class="treeview"><a href="plugin-select2"><i class="fa fa-plug"></i><span>Plugin select2</span></a></li>
            <li class="treeview"><a href="plugin-knob"><i class="fa fa-plug"></i><span>Plugin knob</span></a></li>
            <li class="treeview"><a href="plugin-datatable"><i class="fa fa-plug"></i><span>Plugin datatable</span></a></li>
            <li class="treeview"><a href="plugin-jQuery-Word-and-Character-Counter"><i class="fa fa-plug"></i><span>Plugin Word Counter</span></a></li>
            <li class="treeview"><a href="plugin-ckeditor"><i class="fa fa-plug"></i><span>Plugin ckeditor</span></a></li>
            <li class="treeview"><a href="plugin-summernote"><i class="fa fa-plug"></i><span>Plugin summernote (V 3.7)</span></a></li>
            <li class="treeview"><a href="plugin-calendar"><i class="fa fa-plug"></i><span>Plugin Calendar</span></a></li>
            <li class="treeview"><a href="plugin-bootstrap-tag-input"><i class="fa fa-plug"></i><span>Plugin bootstrap tags  (V 3.6)</span></a></li>
            <li class="treeview"><a href="plugin-vertical-timeline"><i class="fa fa-plug"></i><span>Plugin Vertical Timeline (V 3.6)</span></a></li>
            <li class="treeview"><a href="plugin-rateit"><i class="fa fa-plug"></i><span>Plugin rateit (V 3.6)</span></a></li>
            <li class="treeview"><a href="plugin-pwstrength"><i class="fa fa-plug"></i><span>Plugin password strength (V 3.6)</span></a></li>
            <li class="treeview"><a href="plugin-input-mask"><i class="fa fa-plug"></i><span>Plugin input mask (V 3.6)</span></a></li>
             <li class="treeview"><a href="plugin-animate"><i class="fa fa-plug"></i><span>Plugin animate (V 4.4)</span></a></li>
        </ul>
    </section>
</aside>