:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/crm/**
:: Editing File: header_old.php
<?php include 'check_login.php'; include 'config/db.php'; ?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="We offer expert digital marketing, website development, graphic design, and software solutions to grow your business."> <meta name="keywords" content="Kreative Pixelz, Digital marketing, Webisite development, Graphics designing, CRM & Web development company"> <meta name="author" content="Kreative Pixelz"> <link rel="icon" href="assets/images/favicon.png" type="image/x-icon"> <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon"> <title>CRM Admin - Kreative Pixelz Digital Marketing, Web Development & Design Agency</title> <!-- Google font--> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Nunito+Sans:ital,wght@0,300;0,400;0,700;0,800;0,900;1,700&display=swap" rel="stylesheet"> <!-- Font Awesome--> <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css"> <!-- ico-font--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/icofont.css"> <!-- Themify icon--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/themify.css"> <!-- Flag icon--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/flag-icon.css"> <!-- Feather icon--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/feather-icon.css"> <!-- Plugins css start--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/swiper/swiper-bundle.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/datatable-css/style.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/scrollbar.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/animate.css"> <!-- datatable Plugins css start--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/scrollbar.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/animate.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/datatables.css"> <link rel="stylesheet" type="text/css" href="assets/css/vendors/datatable-extension.css"> <!-- Plugins css Ends--> <!-- Bootstrap css--> <link rel="stylesheet" type="text/css" href="assets/css/vendors/bootstrap.css"> <!-- App css--> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <!-- Responsive css--> <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> </head> <body> <!-- loader starts--> <div class="loader-wrapper"> <div class="loader"></div> </div> <!-- loader ends--> <!-- tap on top starts--> <div class="tap-top"><i data-feather="chevrons-up"></i></div> <!-- tap on tap ends--> <!-- page-wrapper Start--> <div class="page-wrapper compact-wrapper" id="pageWrapper"> <div class="page-header row"> <!-- Page Header Start--> <div class="col-auto header-left-wrapper"> <div class="header-logo-wrapper p-0 left-header"> <div class="logo-wrapper"><a href="dashboard.php"> <img class="img-fluid" src="assets/images/logo/logo_dark.png" alt="" ></a></div> </div> <div class="toggle-sidebar"> <svg class="status_toggle sidebar-toggle"> <use href="assets/svg/icon-sprite.svg#collapse-sidebar"></use> </svg> </div> </div> <!-- Start Breadcrumb-- <?php /*include('breadcrumb.php');*/?> <!-- End Breadcrumb--> <div class="col header-wrapper m-0 header-right-wrapper"> <div class="row m-0"> <form class="form-inline search-full col" action="#" method="get"> <div class="form-group w-100"> <div class="Typeahead Typeahead--twitterUsers"> <div class="u-posRelative"> <input class="demo-input Typeahead-input form-control-plaintext w-100" type="text" placeholder="Search anything .." name="q" title="" autofocus> <div class="spinner-border Typeahead-spinner" role="status"><span class="sr-only">Loading...</span></div><i class="close-search" data-feather="x"></i> </div> <div class="Typeahead-menu"></div> </div> </div> </form> <div class="header-logo-wrapper col-auto p-0 left-header"></div> <div class="nav-right col-auto pull-right right-header p-0 ms-auto"> <ul class="nav-menus"> <li> <span class="header-search"> <svg> <use href="assets/svg/icon-sprite.svg#search"></use> </svg></span></li> <li class="onhover-dropdown"> <div class="notification-box onhover-click"> <svg> <use href="assets/svg/icon-sprite.svg#notification"></use> </svg><span class="badge rounded-pill badge-success">3 </span> </div> <div class="onhover-show-div notification-dropdown"> <h6 class="f-18 mb-0 dropdown-title">Notifications </h6> <ul> <li class="d-flex"> <div class="notification-image"> <img class="img-fluid" src="assets/images/avtar/3.jpg" alt="user"> <div class="notification-icon bg-danger"><i class="fa fa-heart"></i></div> </div> <div> <p><span class="f-w-500 me-1">Emay Walter </span>liked your post </p><span class="f-light">10 minutes ago</span> </div> </li> <li class="d-flex"> <div class="notification-image"> <img class="img-fluid" src="assets/images/avtar/4.jpg" alt="user"> <div class="notification-icon bg-info"><i class="fa fa-share-alt"></i></div> </div> <div> <p><span class="f-w-500 me-1">Allie Grater</span>shared your post </p><span class="f-light">5 hours ago</span> </div> </li> <li class="d-flex"> <div class="notification-image"> <img class="img-fluid" src="assets/images/avtar/7.jpg" alt="user"> <div class="notification-icon bg-success"><i class="fa fa-wechat"></i></div> </div> <div> <p><span class="f-w-500 me-1">Colin Sik</span>commented on your post</p><span class="f-light">yesterday</span> </div> </li> <li><a class="f-w-700" href="#!">Check all</a></li> </ul> </div> </li> <li class="cart-nav onhover-dropdown"> <div class="cart-box onhover-click"> <svg> <use href="assets/svg/icon-sprite.svg#email"></use> </svg><span class="badge rounded-pill badge-danger">2</span> </div> <div class="onhover-show-div chat-dropdown"> <div class="dropdown-title"> <div class="d-flex align-items-center"> <img class="img-fluid img-40 rounded-circle" src="assets/images/dashboard/user/1.jpg" alt="user"> <div> <h6 class="f-18 mb-0">Jane Cooper</h6> <p class="mb-0"> <span class="status status-success me-1"></span><span>active</span></p> </div> </div> </div> <ul> <li class="send-msg"> <div> <img class="img-fluid img-30 rounded-circle" src="assets/images/dashboard/user/1.jpg" alt="user"> <div> <p>Hello.how are you?</p> </div> </div> </li> <li class="reply-msg"> <div> <img class="img-fluid img-30 rounded-circle" src="assets/images/dashboard/user/3.jpg" alt="user"> <div> <p>Hi, i'm fine.what about you?</p> </div> </div> </li> <li class="send-msg"> <div> <img class="img-fluid img-30 rounded-circle" src="assets/images/dashboard/user/1.jpg" alt="user"> <div> <p>I am facing js issue can you help me?</p> </div> </div> </li> <li class="reply-msg"> <div> <img class="img-fluid img-30 rounded-circle" src="assets/images/dashboard/user/3.jpg" alt="user"> <div> <p>Sure, i will help you.</p> </div> </div> </li> </ul> <div class="chat-input"> <div class="input-group"> <input class="form-control" type="text" placeholder="Type message here..."><span class="input-group-text bg-primary"> <svg> <use href="assets/svg/icon-sprite.svg#send"></use> </svg></span> </div> </div> </div> </li> <li> <div class="mode"> <svg class="moon-icon"> <use href="assets/svg/icon-sprite.svg#moon"></use> </svg> <svg class="sun-icon"> <use href="assets/svg/icon-sprite.svg#sun"></use> </svg> </div> </li> <li class="cart-nav onhover-dropdown"> <div class="cart-box onhover-click"> <svg> <use href="assets/svg/icon-sprite.svg#stroke-ecommerce"></use> </svg><span class="badge rounded-pill badge-primary">2</span> </div> <div class="cart-dropdown onhover-show-div"> <h6 class="f-18 mb-0 dropdown-title">Cart</h6> <ul class="cart-main-wrapper"> <li class="cart-product"> <div class="d-flex"><img class="img-fluid b-r-5 me-3 img-60" src="assets/images/other-images/cart-img2.jpg" alt="cosmetic"> <div class="flex-grow-1"><span class="f-w-500">Beauty cosmetic</span> <div class="qty-box"> <div class="touchspin-wrapper"> <button class="decrement-touchspin btn-touchspin"><i class="fa fa-minus text-gray"></i></button> <input class="input-touchspin" id="inputData" type="number" value="2"> <button class="increment-touchspin btn-touchspin"><i class="fa fa-plus text-gray"></i></button> </div> <h6 class="font-primary">$20 </h6> </div> </div> <div class="close-circle"><a href="#"><i data-feather="trash-2"></i></a></div> </div> </li> <li class="cart-product"> <div class="d-flex"><img class="img-fluid b-r-5 me-3 img-60" src="assets/images/other-images/cart-img-1.jpg" alt="shoes"> <div class="flex-grow-1"><span class="f-w-500">Simple shoes</span> <div class="qty-box"> <div class="touchspin-wrapper"> <button class="decrement-touchspin btn-touchspin"><i class="fa fa-minus text-gray"></i></button> <input class="input-touchspin" id="inputData1" type="number" value="1"> <button class="increment-touchspin btn-touchspin"><i class="fa fa-plus text-gray"></i></button> </div> <h6 class="font-primary">$30 </h6> </div> </div> <div class="close-circle"><a href="#"><i data-feather="trash-2"></i></a></div> </div> </li> <li class="total"> <h6 class="mb-0">Order Total : <span class="f-right">$70.00</span></h6> </li> <li class="text-center"><a class="d-block mb-3 view-cart f-w-700" href="cart.html">Go to your cart</a><a class="btn btn-primary view-checkout w-100" href="checkout.html">Checkout</a></li> </ul> <div class="cart-empty"> <div class="cart-image"> <img class="img-fluid" src="assets/images/product/order-trash.gif" alt="empty"></div> <h5>Oops! Your cart empty!!!</h5> </div> </div> </li> <?php $query_user = "SELECT * FROM users WHERE id = '$_SESSION[user_id]'"; $result_user = mysqli_query($conn, $query_user); $user = mysqli_fetch_assoc($result_user); ?> <li class="profile-nav onhover-dropdown"> <div class="onhover-click"> <div class="sidebar-image"> <img src="uploads/profile/<?= htmlspecialchars($user['pic']) ?>" alt="profile"><span class="status status-success"></span></div> <div class="sidebar-content"> <h4><?= htmlspecialchars($user['name']) ?></h4><span class="f-12 f-w-600 f-light"><?= htmlspecialchars($user['occupation']) ?></span> </div> </div> <ul class="profile-dropdown onhover-show-div"> <li><a href="profile-edit.php"> <div class="profile-icon"> <svg> <use href="assets/svg/icon-sprite.svg#user"></use> </svg> </div><span>Account </span></a></li> <li><a href="letter-box.html"> <div class="profile-icon"> <svg> <use href="assets/svg/icon-sprite.svg#stroke-email"></use> </svg> </div><span>Inbox</span></a></li> <li><a href="task.html"> <div class="profile-icon"> <svg> <use href="assets/svg/icon-sprite.svg#notepad"></use> </svg> </div><span>Taskboard</span></a></li> <li><a href="edit-profile.html"> <div class="profile-icon"> <svg> <use href="assets/svg/icon-sprite.svg#settings"></use> </svg> </div><span>Settings</span></a></li> <li><a href="logout.php"> <div class="profile-icon"> <svg> <use href="assets/svg/icon-sprite.svg#login"></use> </svg> </div><span>Log out</span></a></li> </ul> </li> </ul> </div> <script class="result-template" type="text/x-handlebars-template"> <div class="ProfileCard u-cf"> <div class="ProfileCard-avatar"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay m-0"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg></div> <div class="ProfileCard-details"> <div class="ProfileCard-realName">{{name}}</div> </div> </div> </script> <script class="empty-template" type="text/x-handlebars-template"><div class="EmptyMessage">Your search turned up 0 results. This most likely means the backend is down, yikes!</div></script> </div> </div> <!-- Page Header Ends--> </div> <!-- Page Body Start--> <div class="page-body-wrapper"> <!-- Page Sidebar Start--> <div class="sidebar-wrapper" data-sidebar-layout="stroke-svg"> <div> <div class="logo-wrapper" style="padding:0px;"><a href="dashboard.php"> <img class="img-fluid" src="assets/images/logo/logo_dark.png" alt="" style="height: 65px; text-align: center; margin: 5px 40px;"></a> <div class="back-btn"><i class="fa fa-angle-left"></i></div> <div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="grid"> </i></div> </div> <div class="logo-icon-wrapper"><a href="dashboard.php"><img class="img-fluid" src="assets/images/logo/logo-icon.png" alt=""></a></div> <div class="profile-section sidebar-search"> <div class="profile-wrapper"> <div class="active-profile"> <img class="img-fluid" src="uploads/profile/<?= htmlspecialchars($user['pic']) ?>" alt="user"> <div class="status bg-success"> </div> </div> <div> <h4><?= htmlspecialchars($user['name']) ?></h4><span><?= htmlspecialchars($user['occupation']) ?></span> </div> </div> <div> <svg> <use href="assets/svg/icon-sprite.svg#profile-setting"></use> </svg> </div> </div> <div class="sidebar-search"> <div class="input-group"><span class="input-group-text" id="sidebar-search"> <svg> <use href="assets/svg/icon-sprite.svg#search"></use> </svg></span> <input class="form-control" type="text" placeholder="Quick search" aria-label="Username" aria-describedby="sidebar-search"> </div> </div> <nav class="sidebar-main"> <div class="left-arrow" id="left-arrow"><i data-feather="arrow-left"></i></div> <div id="sidebar-menu"> <ul class="sidebar-links" id="simple-bar"> <li class="back-btn"><a href="index.html"><img class="img-fluid" src="assets/images/logo/logo-icon.png" alt=""></a> <div class="mobile-back text-end"><span>Back</span><i class="fa fa-angle-right ps-2" aria-hidden="true"></i></div> </li> <li class="pin-title sidebar-main-title"> <div> <h6>- Pinned</h6> </div> </li> <li class="sidebar-main-title"> <div> <h6 class="lan-1">- General</h6> </div> </li> <li class="sidebar-list"> <a class="sidebar-link sidebar-title link-nav" href="dashboard.php"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-home"></use> </svg> <span>Dashboard</span> </a> </li> <li class="sidebar-list"> <a class="sidebar-link sidebar-title link-nav" href="leads.php"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-faq"></use> </svg> <span>Leads</span> </a> </li> <li class="sidebar-list"> <i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-project"></use> </svg><span class="lan-6">Portfolio</span></a> <ul class="sidebar-submenu"> <li><a href="portfolio_digital_marketing.php">Digital Marketing</a></li> <li><a href="portfolio_company.php">Company Portfolio</a></li> <li><a href="portfolio_graphic_designing.php">Graphic Designing</a></li> <li><a href="portfolio_video_editing.php">Video Editing</a></li> <li><a href="portfolio_website_developement.php">Website</a></li> <li><a href="portfolio_crm.php">CRM</a></li> </ul> </li> <!-- <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-widget"></use> </svg><span class="lan-6">Widgets</span></a> <ul class="sidebar-submenu"> <li><a href="general-widget.html">General</a></li> <li><a href="chart-widget.html">Chart</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-layout"></use> </svg><span class="lan-7">Page layout</span></a> <ul class="sidebar-submenu"> <li><a href="box-layout.html">Boxed</a></li> <li><a href="layout-rtl.html">RTL</a></li> <li><a href="layout-dark.html">Dark Layout</a></li> <li><a href="hide-on-scroll.html">Hide Nav Scroll</a></li> <li><a href="footer-light.html">Footer Light</a></li> <li><a href="footer-dark.html">Footer Dark</a></li> <li><a href="footer-fixed.html">Footer Fixed</a></li> </ul> </li> <li class="sidebar-main-title"> <div> <h6 class="lan-8">- Apps</h6> </div> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"> </i> <label class="badge badge-light-secondary">New</label><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-project"></use> </svg><span>Project </span></a> <ul class="sidebar-submenu"> <li><a href="projects.html">Project List</a></li> <li><a href="projectcreate.html">Create new</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="file-manager.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-file"></use> </svg><span>File manager</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"> </i><a class="sidebar-link sidebar-title link-nav" href="kanban.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-board"></use> </svg><span>kanban Board</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-ecommerce"></use> </svg><span>Ecommerce</span></a> <ul class="sidebar-submenu"> <li><a href="add-products.html">Add Products</a></li> <li><a href="product.html">Product</a></li> <li><a href="category.html">Category page</a></li> <li><a href="product-page.html">Product page</a></li> <li><a href="list-products.html">Product list</a></li> <li><a href="payment-details.html">Payment Details</a></li> <li><a href="order-history.html">Order History</a></li> <li><a class="submenu-title submenu-wrapper" href="#">Invoices<span class="sub-arrow"><i class="fa fa-angle-right"></i></span></a> <ul class="nav-sub-childmenu submenu-content"> <li><a href="invoice-1.html">Invoice-1</a></li> <li><a href="invoice-2.html">Invoice-2</a></li> <li><a href="invoice-3.html">Invoice-3</a></li> <li><a href="invoice-4.html">Invoice-4</a></li> <li><a href="invoice-5.html">Invoice-5</a></li> <li><a href="invoice-template.html">Invoice-6</a></li> </ul> </li> <li><a href="cart.html">Cart</a></li> <li><a href="list-wish.html">Wishlist</a></li> <li><a href="checkout.html">Checkout</a></li> <li><a href="pricing.html">Pricing </a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="letter-box.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-email"></use> </svg><span>Letter Box</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-chat"></use> </svg><span>Chats</span></a> <ul class="sidebar-submenu"> <li><a href="private-chat.html">Private Chat</a></li> <li><a href="group-chat.html">Group Chat</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-user"></use> </svg><span>Users</span></a> <ul class="sidebar-submenu"> <li><a href="user-profile.html">Users Profile</a></li> <li><a href="edit-profile.html">Users Edit</a></li> <li><a href="user-cards.html">Users Cards</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="bookmark.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-bookmark"></use> </svg><span>Bookmarks</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="contacts.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-contact"></use> </svg><span>Contacts</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="task.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-task"> </use> </svg><span>Tasks</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="calendar-basic.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-calendar"></use> </svg><span>Calendar</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="social-app.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-social"></use> </svg><span>Social App</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="to-do.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-to-do"> </use> </svg><span>To-Do</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="search.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-search"></use> </svg><span>Search Result</span></a></li> <li class="sidebar-main-title"> <div> <h6 class="lan-9">- Forms & Table</h6> </div> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-form"></use> </svg><span>Forms</span></a> <ul class="sidebar-submenu"> <li><a class="submenu-title submenu-wrapper" href="#">Form Controls<span class="sub-arrow"><i class="fa fa-angle-right"></i></span></a> <ul class="nav-sub-childmenu submenu-content"> <li><a href="form-validation.html">Form Validation</a></li> <li><a href="base-input.html">Base Inputs</a></li> <li><a href="radio-checkbox-control.html">Checkbox & Radio</a></li> <li><a href="input-group.html">Input Groups</a></li> <li> <a href="input-mask.html">Input Mask</a></li> <li><a href="megaoptions.html">Mega Options</a></li> </ul> </li> <li><a class="submenu-title submenu-wrapper" href="#">Form Widgets<span class="sub-arrow"><i class="fa fa-angle-right"></i></span></a> <ul class="nav-sub-childmenu submenu-content"> <li><a href="datepicker.html">Datepicker</a></li> <li><a href="touchspin.html">Touchspin</a></li> <li><a href="select2.html">Select2</a></li> <li><a href="switch.html">Switch</a></li> <li><a href="typeahead.html">Typeahead</a></li> <li><a href="clipboard.html">Clipboard</a></li> </ul> </li> <li><a class="submenu-title submenu-wrapper" href="#">Form layout<span class="sub-arrow"><i class="fa fa-angle-right"></i></span></a> <ul class="nav-sub-childmenu submenu-content"> <li><a href="form-wizard.html">Form Wizard 1</a></li> <li><a href="form-wizard-two.html">Form Wizard 2</a></li> <li><a href="two-factor.html">Two Factor</a></li> </ul> </li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-table"></use> </svg><span>Tables</span></a> <ul class="sidebar-submenu"> <li><a class="submenu-title" href="#">Bootstrap Tables<span class="sub-arrow"><i class="fa fa-angle-right"></i></span></a> <ul class="nav-sub-childmenu submenu-content"> <li><a href="bootstrap-basic-table.html">Basic Tables</a></li> <li><a href="table-components.html">Table components</a></li> </ul> </li> <li><a class="submenu-title" href="#">Data Tables<span class="sub-arrow"><i class="fa fa-angle-right"></i></span></a> <ul class="nav-sub-childmenu submenu-content"> <li><a href="datatable-basic-init.html">Basic Init</a></li> <li> <a href="datatable-advance.html">Advance Init </a></li> <li><a href="datatable-API.html">API</a></li> <li><a href="datatable-data-source.html">Data Sources</a></li> </ul> </li> <li><a href="datatable-ext-autofill.html">Ex. Data Tables</a></li> <li><a href="jsgrid-table.html">Js Grid Table </a></li> </ul> </li> <li class="sidebar-main-title"> <div> <h6 class="lan-2">- Components</h6> </div> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-ui-kits"></use> </svg><span>Ui Kits</span></a> <ul class="sidebar-submenu"> <li><a href="typography.html">Typography</a></li> <li><a href="avatars.html">Avatars</a></li> <li><a href="helper-classes.html">helper classes</a></li> <li><a href="grid.html">Grid</a></li> <li><a href="tag-pills.html">Tag & pills</a></li> <li><a href="progress-bar.html">Progress</a></li> <li><a href="modal.html">Modal</a></li> <li><a href="alert.html">Alert</a></li> <li><a href="popover.html">Popover</a></li> <li><a href="tooltip.html">Tooltip</a></li> <li><a href="dropdown.html">Dropdown</a></li> <li><a href="according.html">Accordion</a></li> <li><a href="tab-bootstrap.html">Tabs</a></li> <li><a href="list.html">Lists</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-bonus-kit"></use> </svg><span>Bonus Ui</span></a> <ul class="sidebar-submenu"> <li><a href="scrollable.html">Scrollable</a></li> <li><a href="tree.html">Tree view</a></li> <li><a href="toasts.html">Toasts</a></li> <li><a href="rating.html">Rating</a></li> <li><a href="dropzone.html">dropzone</a></li> <li><a href="tour.html">Tour</a></li> <li><a href="sweet-alert2.html">SweetAlert2</a></li> <li><a href="modal-animated.html">Animated Modal</a></li> <li><a href="owl-carousel.html">Owl Carousel</a></li> <li><a href="ribbons.html">Ribbons</a></li> <li><a href="pagination.html">Pagination</a></li> <li><a href="breadcrumb.html">Breadcrumb</a></li> <li><a href="range-slider.html">Range Slider</a></li> <li><a href="image-cropper.html">Image cropper</a></li> <li><a href="basic-card.html">Basic Card</a></li> <li><a href="creative-card.html">Creative Card</a></li> <li><a href="dragable-card.html">Draggable Card</a></li> <li><a href="timeline-v-1.html">Timeline </a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-animation"></use> </svg><span>Animation</span></a> <ul class="sidebar-submenu"> <li><a href="animate.html">Animate</a></li> <li><a href="scroll-reval.html">Scroll Reveal</a></li> <li><a href="AOS.html">AOS animation</a></li> <li><a href="tilt.html">Tilt Animation</a></li> <li><a href="wow.html">Wow Animation</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-icons"></use> </svg><span>Icons</span></a> <ul class="sidebar-submenu"> <li><a href="flag-icon.html">Flag icon</a></li> <li><a href="font-awesome.html">Fontawesome Icon</a></li> <li><a href="ico-icon.html">Ico Icon</a></li> <li><a href="themify-icon.html">Themify Icon</a></li> <li><a href="feather-icon.html">Feather icon</a></li> <li><a href="whether-icon.html">Whether Icon</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="buttons.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-button"></use> </svg><span>Buttons</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-charts"></use> </svg><span>Charts</span></a> <ul class="sidebar-submenu"> <li><a href="echarts.html">Echarts</a></li> <li><a href="chart-apex.html">Apex Chart</a></li> <li><a href="chart-google.html">Google Chart</a></li> <li><a href="chart-sparkline.html">Sparkline chart</a></li> <li><a href="chart-flot.html">Flot Chart</a></li> <li><a href="chart-knob.html">Knob Chart</a></li> <li><a href="chart-morris.html">Morris Chart</a></li> <li><a href="chartjs.html">Chatjs Chart</a></li> <li><a href="chartist.html">Chartist Chart</a></li> <li><a href="chart-peity.html">Peity Chart</a></li> </ul> </li> <li class="sidebar-main-title"> <div> <h6 class="lan-9">- Pages</h6> </div> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="landing-page.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-landing-page"></use> </svg><span>Landing page</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="sample-page.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-sample-page"></use> </svg><span>Sample page</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="internationalization.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-internationalization"></use> </svg><span>Internationalization</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="starter-kit/index.html" target="_blank"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-starter-kit"></use> </svg><span>Starter kit</span></a></li> <li class="mega-menu sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-others"></use> </svg><span>Others</span></a> <div class="mega-menu-container menu-content"> <div class="container-fluid"> <div class="row"> <div class="col mega-box"> <div class="link-section"> <div class="submenu-title"> <h5>Error Page</h5> </div> <ul class="submenu-content opensubmegamenu"> <li><a href="error-400.html">Error 400</a></li> <li><a href="error-401.html">Error 401</a></li> <li><a href="error-403.html">Error 403</a></li> <li><a href="error-404.html">Error 404</a></li> <li><a href="error-500.html">Error 500</a></li> <li><a href="error-503.html">Error 503</a></li> </ul> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="submenu-title"> <h5> Authentication</h5> </div> <ul class="submenu-content opensubmegamenu"> <li><a href="login.html" target="_blank">Login Simple</a></li> <li><a href="login_one.html" target="_blank">Visual Login</a></li> <li><a href="login_two.html" target="_blank">Visual Login 2 </a></li> <li><a href="login-bs-validation.html" target="_blank">Validate Login</a></li> <li><a href="login-bs-tt-validation.html" target="_blank">Tooltip Login</a></li> <li><a href="login-sa-validation.html" target="_blank">Alert Login</a></li> <li><a href="sign-up.html" target="_blank">Register</a></li> <li><a href="sign-up-one.html" target="_blank">Register Image </a></li> <li><a href="sign-up-two.html" target="_blank">Visual Reg 2</a></li> <li><a href="sign-up-wizard.html" target="_blank">Reg Wizard</a></li> <li><a href="unlock.html">Unlock User</a></li> <li><a href="forget-password.html">Pwd Forget</a></li> <li><a href="reset-password.html">Pwd Reset</a></li> <li><a href="maintenance.html">Maintenance</a></li> </ul> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="submenu-title"> <h5>Coming Soon</h5> </div> <ul class="submenu-content opensubmegamenu"> <li><a href="comingsoon.html">Coming Simple</a></li> <li><a href="comingsoon-bg-video.html">Coming Bg Vid</a></li> <li><a href="comingsoon-bg-img.html">Coming Bg Img</a></li> </ul> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="submenu-title"> <h5>Email templates</h5> </div> <ul class="submenu-content opensubmegamenu"> <li><a href="basic-template.html">Basic Email</a></li> <li><a href="email-header.html">Basic Header</a></li> <li><a href="template-email.html">Ecom Temp</a></li> <li><a href="template-email-2.html">Ecom Temp2</a></li> <li><a href="ecommerce-templates.html">Ecom Email</a></li> <li><a href="email-order-success.html">Order Success</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="sidebar-main-title"> <div> <h6 class="lan-10">- Miscellaneous</h6> </div> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-gallery"></use> </svg><span>Gallery</span></a> <ul class="sidebar-submenu"> <li><a href="gallery.html">Gallery Grid</a></li> <li><a href="gallery-with-description.html">Gallery Grid Desc</a></li> <li><a href="gallery-masonry.html">Masonry Gallery</a></li> <li><a href="masonry-gallery-with-disc.html">Masonry with Desc</a></li> <li><a href="gallery-hover.html">Hover Effects</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-blog"></use> </svg><span>Blog</span></a> <ul class="sidebar-submenu"> <li><a href="blog.html">Blog Details</a></li> <li><a href="blog-single.html">Blog Single</a></li> <li><a href="add-post.html">Add Post</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="faq.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-faq"></use> </svg><span>FAQ</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-job-search"></use> </svg><span>Job Search</span></a> <ul class="sidebar-submenu"> <li><a href="job-cards-view.html">Cards view</a></li> <li><a href="job-list-view.html">List View</a></li> <li><a href="job-details.html">Job Details</a></li> <li><a href="job-apply.html">Apply</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-learning"></use> </svg><span>Learning</span></a> <ul class="sidebar-submenu"> <li><a href="learning-list-view.html">Learning List</a></li> <li><a href="learning-detailed.html">Detailed Course</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-maps"></use> </svg><span>Maps</span></a> <ul class="sidebar-submenu"> <li><a href="map-js.html">Maps JS</a></li> <li><a href="vector-map.html">Vector Maps</a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title" href="#"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-editors"></use> </svg><span>Editors</span></a> <ul class="sidebar-submenu"> <li><a href="quilleditor.html">Quill editor</a></li> <li><a href="ace-code-editor.html">ACE code editor </a></li> </ul> </li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="knowledgebase.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-knowledgebase"></use> </svg><span>Knowledgebase</span></a></li> <li class="sidebar-list"><i class="fa fa-thumb-tack"></i><a class="sidebar-link sidebar-title link-nav" href="support-ticket.html"> <svg class="stroke-icon"> <use href="assets/svg/icon-sprite.svg#stroke-support-tickets"></use> </svg><span>Support Ticket</span></a></li> --> </ul> </div> <div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div> </nav> </div> </div> <!-- Page Sidebar Ends-->