| Server IP : 104.21.21.239 / Your IP : 216.73.216.68 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/cgny/nympadmin/theme/horizontal/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.png">
<title>Admin Press Admin Template - The Ultimate Bootstrap 4 Admin Template</title>
<!-- Bootstrap Core CSS -->
<link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- morris CSS -->
<link href="../assets/plugins/morrisjs/morris.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- You can change the theme colors from here -->
<link href="css/colors/blue.css" id="theme" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="fix-header fix-sidebar card-no-border logo-center">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
<svg class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
<!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<header class="topbar">
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<!-- ============================================================== -->
<!-- Logo -->
<!-- ============================================================== -->
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<!-- Logo icon --><b>
<!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
<!-- Dark Logo icon -->
<img src="../assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
<!-- Light Logo icon -->
<img src="../assets/images/logo-light-icon.png" alt="homepage" class="light-logo" />
</b>
<!--End Logo icon -->
<!-- Logo text --><span>
<!-- dark Logo text -->
<img src="../assets/images/logo-text.png" alt="homepage" class="dark-logo" />
<!-- Light Logo text -->
<img src="../assets/images/logo-light-text.png" class="light-logo" alt="homepage" /></span> </a>
</div>
<!-- ============================================================== -->
<!-- End Logo -->
<!-- ============================================================== -->
<div class="navbar-collapse">
<!-- ============================================================== -->
<!-- toggle and nav items -->
<!-- ============================================================== -->
<ul class="navbar-nav mr-auto mt-md-0">
<!-- This is -->
<li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
<!-- ============================================================== -->
<!-- Comment -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-message"></i>
<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
</a>
<div class="dropdown-menu mailbox animated slideInUp">
<ul>
<li>
<div class="drop-title">Notifications</div>
</li>
<li>
<div class="message-center">
<!-- Message -->
<a href="#">
<div class="btn btn-danger btn-circle"><i class="fa fa-link"></i></div>
<div class="mail-contnet">
<h5>Luanch Admin</h5> <span class="mail-desc">Just see the my new admin!</span> <span class="time">9:30 AM</span> </div>
</a>
<!-- Message -->
<a href="#">
<div class="btn btn-success btn-circle"><i class="ti-calendar"></i></div>
<div class="mail-contnet">
<h5>Event today</h5> <span class="mail-desc">Just a reminder that you have event</span> <span class="time">9:10 AM</span> </div>
</a>
<!-- Message -->
<a href="#">
<div class="btn btn-info btn-circle"><i class="ti-settings"></i></div>
<div class="mail-contnet">
<h5>Settings</h5> <span class="mail-desc">You can customize this template as you want</span> <span class="time">9:08 AM</span> </div>
</a>
<!-- Message -->
<a href="#">
<div class="btn btn-primary btn-circle"><i class="ti-user"></i></div>
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
</a>
</div>
</li>
<li>
<a class="nav-link text-center" href="javascript:void(0);"> <strong>Check all notifications</strong> <i class="fa fa-angle-right"></i> </a>
</li>
</ul>
</div>
</li>
<!-- ============================================================== -->
<!-- End Comment -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Messages -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" id="2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-email"></i>
<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
</a>
<div class="dropdown-menu mailbox animated slideInUp" aria-labelledby="2">
<ul>
<li>
<div class="drop-title">You have 4 new messages</div>
</li>
<li>
<div class="message-center">
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/1.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:30 AM</span> </div>
</a>
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/2.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
<div class="mail-contnet">
<h5>Sonu Nigam</h5> <span class="mail-desc">I've sung a song! See you at</span> <span class="time">9:10 AM</span> </div>
</a>
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/3.jpg" alt="user" class="img-circle"> <span class="profile-status away pull-right"></span> </div>
<div class="mail-contnet">
<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span> </div>
</a>
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/4.jpg" alt="user" class="img-circle"> <span class="profile-status offline pull-right"></span> </div>
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
</a>
</div>
</li>
<li>
<a class="nav-link text-center" href="javascript:void(0);"> <strong>See all e-Mails</strong> <i class="fa fa-angle-right"></i> </a>
</li>
</ul>
</div>
</li>
<!-- ============================================================== -->
<!-- End Messages -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Messages -->
<!-- ============================================================== -->
<li class="nav-item dropdown mega-dropdown"> <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mdi mdi-view-grid"></i></a>
<div class="dropdown-menu animated slideInUp">
<ul class="mega-dropdown-menu row">
<li class="col-lg-3 col-xlg-2 m-b-30">
<h4 class="m-b-20">CAROUSEL</h4>
<!-- CAROUSEL -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="container"> <img class="d-block img-fluid" src="../assets/images/big/img1.jpg" alt="First slide"></div>
</div>
<div class="carousel-item">
<div class="container"><img class="d-block img-fluid" src="../assets/images/big/img2.jpg" alt="Second slide"></div>
</div>
<div class="carousel-item">
<div class="container"><img class="d-block img-fluid" src="../assets/images/big/img3.jpg" alt="Third slide"></div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
<!-- End CAROUSEL -->
</li>
<li class="col-lg-3 m-b-30">
<h4 class="m-b-20">ACCORDION</h4>
<!-- Accordian -->
<div id="accordion" class="nav-accordion" role="tablist" aria-multiselectable="true">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Collapsible Group Item #1
</a>
</h5> </div>
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high. </div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingTwo">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Collapsible Group Item #2
</a>
</h5> </div>
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingThree">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Collapsible Group Item #3
</a>
</h5> </div>
<div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
</div>
</div>
</div>
</li>
<li class="col-lg-3 m-b-30">
<h4 class="m-b-20">CONTACT US</h4>
<!-- Contact -->
<form>
<div class="form-group">
<input type="text" class="form-control" id="exampleInputname1" placeholder="Enter Name"> </div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter email"> </div>
<div class="form-group">
<textarea class="form-control" id="exampleTextarea" rows="3" placeholder="Message"></textarea>
</div>
<button type="submit" class="btn btn-info">Submit</button>
</form>
</li>
<li class="col-lg-3 col-xlg-4 m-b-30">
<h4 class="m-b-20">List style</h4>
<!-- List style -->
<ul class="list-style-none">
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> You can give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Another Give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Forth link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Another fifth link</a></li>
</ul>
</li>
</ul>
</div>
</li>
<!-- ============================================================== -->
<!-- End Messages -->
<!-- ============================================================== -->
</ul>
<!-- ============================================================== -->
<!-- User profile and search -->
<!-- ============================================================== -->
<ul class="navbar-nav my-lg-0">
<!-- ============================================================== -->
<!-- Search -->
<!-- ============================================================== -->
<li class="nav-item hidden-sm-down search-box"> <a class="nav-link hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
<form class="app-search">
<input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a> </form>
</li>
<!-- ============================================================== -->
<!-- Language -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flag-icon flag-icon-us"></i></a>
<div class="dropdown-menu dropdown-menu-right scale-up"> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-in"></i> India</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-fr"></i> French</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-cn"></i> China</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-de"></i> Dutch</a> </div>
</li>
<!-- ============================================================== -->
<!-- Profile -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../assets/images/users/1.jpg" alt="user" class="profile-pic" /></a>
<div class="dropdown-menu dropdown-menu-right scale-up">
<ul class="dropdown-user">
<li>
<div class="dw-user-box">
<div class="u-img"><img src="../assets/images/users/1.jpg" alt="user"></div>
<div class="u-text">
<h4>Steave Jobs</h4>
<p class="text-muted">[email protected]</p><a href="pages-profile.html" class="btn btn-rounded btn-danger btn-sm">View Profile</a></div>
</div>
</li>
<li role="separator" class="divider"></li>
<li><a href="#"><i class="ti-user"></i> My Profile</a></li>
<li><a href="#"><i class="ti-wallet"></i> My Balance</a></li>
<li><a href="#"><i class="ti-email"></i> Inbox</a></li>
<li role="separator" class="divider"></li>
<li><a href="#"><i class="ti-settings"></i> Account Setting</a></li>
<li role="separator" class="divider"></li>
<li><a href="#"><i class="fa fa-power-off"></i> Logout</a></li>
</ul>
</div>
</li>
</ul>
</div>
</nav>
</header>
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<aside class="left-sidebar">
<!-- Sidebar scroll-->
<div class="scroll-sidebar">
<!-- Sidebar navigation-->
<nav class="sidebar-nav">
<ul id="sidebarnav">
<li class="nav-small-cap">PERSONAL</li>
<li> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-gauge"></i><span class="hide-menu">Dashboard</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="index.html">Minimal </a></li>
<li><a href="index2.html">Analytical</a></li>
<li><a href="index3.html">Demographical</a></li>
<li><a href="index4.html">Modern</a></li>
</ul>
</li>
<li> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-bullseye"></i><span class="hide-menu">Apps</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="app-calendar.html">Calendar</a></li>
<li>
<a class="has-arrow" href="#" aria-expanded="false">Inbox</a>
<ul aria-expanded="false" class="collapse">
<li><a href="app-email.html">Mailbox</a></li>
<li><a href="app-email-detail.html">Mailbox Detail</a></li>
<li><a href="app-compose.html">Compose Mail</a></li>
</ul>
</li>
<li><a href="app-chat.html">Chat app</a></li>
<li><a href="app-ticket.html">Support Ticket</a></li>
<li><a href="app-contact.html">Contact / Employee</a></li>
<li><a href="app-contact2.html">Contact Grid</a></li>
<li><a href="app-contact-detail.html">Contact Detail</a></li>
</ul>
</li>
<li class="three-column"> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-chart-bubble"></i><span class="hide-menu">Ui Elements</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="ui-cards.html">Cards</a></li>
<li><a href="ui-user-card.html">User Cards</a></li>
<li><a href="ui-buttons.html">Buttons</a></li>
<li><a href="ui-modals.html">Modals</a></li>
<li><a href="ui-tab.html">Tab</a></li>
<li><a href="ui-tooltip-popover.html">Tooltip & Popover</a></li>
<li><a href="ui-tooltip-stylish.html">Tooltip stylish</a></li>
<li><a href="ui-sweetalert.html">Sweet Alert</a></li>
<li><a href="ui-notification.html">Notification</a></li>
<li><a href="ui-progressbar.html">Progressbar</a></li>
<li><a href="ui-nestable.html">Nestable</a></li>
<li><a href="ui-range-slider.html">Range slider</a></li>
<li><a href="ui-timeline.html">Timeline</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-horizontal-timeline.html">Horizontal Timeline</a></li>
<li><a href="ui-session-timeout.html">Session Timeout</a></li>
<li><a href="ui-session-ideal-timeout.html">Session Ideal Timeout</a></li>
<li><a href="ui-bootstrap.html">Bootstrap Ui</a></li>
<li><a href="ui-breadcrumb.html">Breadcrumb</a></li>
<li><a href="ui-bootstrap-switch.html">Bootstrap Switch</a></li>
<li><a href="ui-list-media.html">List Media</a></li>
<li><a href="ui-ribbons.html">Ribbons</a></li>
<li><a href="ui-grid.html">Grid</a></li>
<li><a href="ui-carousel.html">Carousel</a></li>
<li><a href="ui-date-paginator.html">Date-paginator</a></li>
<li><a href="ui-dragable-portlet.html">Dragable Portlet</a></li>
<li><a href="ui-spinner.html">Spinner</a></li>
<li><a href="ui-scrollspy.html">Scrollspy</a></li>
<li><a href="ui-toasts.html">Toasts</a></li>
</ul>
</li>
<li class="two-column"> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-book-open-variant"></i><span class="hide-menu">Pages</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="starter-kit.html">Starter Kit</a></li>
<li><a href="pages-profile.html">Profile page</a></li>
<li><a href="pages-animation.html">Animation</a></li>
<li><a href="pages-fix-innersidebar.html">Sticky Left sidebar</a></li>
<li><a href="pages-fix-inner-right-sidebar.html">Sticky Right sidebar</a></li>
<li><a href="pages-invoice.html">Invoice</a></li>
<li><a href="pages-treeview.html">Treeview</a></li>
<li><a href="pages-utility-classes.html">Helper Classes</a></li>
<li><a href="pages-search-result.html">Search result</a></li>
<li><a href="pages-scroll.html">Scrollbar</a></li>
<li><a href="pages-pricing.html">Pricing</a></li>
<li><a href="pages-lightbox-popup.html">Lighbox popup</a></li>
<li><a href="pages-gallery.html">Gallery</a></li>
<li><a href="pages-faq.html">Faqs</a></li>
<li><a href="#" class="has-arrow">Error Pages</a>
<ul aria-expanded="false" class="collapse">
<li><a href="pages-error-400.html">400</a></li>
<li><a href="pages-error-403.html">403</a></li>
<li><a href="pages-error-404.html">404</a></li>
<li><a href="pages-error-500.html">500</a></li>
<li><a href="pages-error-503.html">503</a></li>
</ul>
</li>
<li><a href="#" class="has-arrow">Authentication</a>
<ul aria-expanded="false" class="collapse">
<li><a href="pages-login.html">Login 1</a></li>
<li><a href="pages-login-2.html">Login 2</a></li>
<li><a href="pages-register.html">Register</a></li>
<li><a href="pages-register2.html">Register 2</a></li>
<li><a href="pages-lockscreen.html">Lockscreen</a></li>
<li><a href="pages-recover-password.html">Recover password</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-small-cap">FORMS, TABLE & WIDGETS</li>
<li class="two-column"> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-file"></i><span class="hide-menu">Forms</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="form-basic.html">Basic Forms</a></li>
<li><a href="form-layout.html">Form Layouts</a></li>
<li><a href="form-addons.html">Form Addons</a></li>
<li><a href="form-material.html">Form Material</a></li>
<li><a href="form-float-input.html">Floating Lable</a></li>
<li><a href="form-pickers.html">Form Pickers</a></li>
<li><a href="form-upload.html">File Upload</a></li>
<li><a href="form-mask.html">Form Mask</a></li>
<li><a href="form-validation.html">Form Validation</a></li>
<li><a href="form-bootstrap-validation.html">Form Bootstrap Validation</a></li>
<li><a href="form-dropzone.html">File Dropzone</a></li>
<li><a href="form-icheck.html">Icheck control</a></li>
<li><a href="form-img-cropper.html">Image Cropper</a></li>
<li><a href="form-bootstrapwysihtml5.html">HTML5 Editor</a></li>
<li><a href="form-typehead.html">Form Typehead</a></li>
<li><a href="form-wizard.html">Form Wizard</a></li>
<li><a href="form-xeditable.html">Xeditable Editor</a></li>
<li><a href="form-summernote.html">Summernote Editor</a></li>
<li><a href="form-tinymce.html">Tinymce Editor</a></li>
</ul>
</li>
<li> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-table"></i><span class="hide-menu">Tables</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="table-basic.html">Basic Tables</a></li>
<li><a href="table-layout.html">Table Layouts</a></li>
<li><a href="table-data-table.html">Data Tables</a></li>
<li><a href="table-footable.html">Footable</a></li>
<li><a href="table-jsgrid.html">Js Grid Table</a></li>
<li><a href="table-responsive.html">Responsive Table</a></li>
<li><a href="table-bootstrap.html">Bootstrap Tables</a></li>
<li><a href="table-editable-table.html">Editable Table</a></li>
</ul>
</li>
<li>
<a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-widgets"></i><span class="hide-menu">Extra</span></a>
<ul aria-expanded="false" class="collapse">
<li>
<a class="has-arrow " href="#" aria-expanded="false">Widgets</a>
<ul aria-expanded="false" class="collapse">
<li><a href="widget-apps.html">Data Widgets</a></li>
<li><a href="widget-data.html">Statestic Widgets</a></li>
</ul>
</li>
<li>
<a class="has-arrow " href="#" aria-expanded="false">Maps</a>
<ul aria-expanded="false" class="collapse">
<li><a href="map-google.html">Google Maps</a></li>
<li><a href="map-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a class="has-arrow " href="#" aria-expanded="false">Icons</a>
<ul aria-expanded="false" class="collapse">
<li><a href="icon-material.html">Material Icons</a></li>
<li><a href="icon-fontawesome.html">Fontawesome Icons</a></li>
<li><a href="icon-themify.html">Themify Icons</a></li>
<li><a href="icon-linea.html">Linea Icons</a></li>
<li><a href="icon-weather.html">Weather Icons</a></li>
<li><a href="icon-simple-lineicon.html">Simple Lineicons</a></li>
<li><a href="icon-flag.html">Flag Icons</a></li>
</ul>
</li>
<li>
<a class="has-arrow " href="#" aria-expanded="false">Charts</a>
<ul aria-expanded="false" class="collapse">
<li><a href="chart-morris.html">Morris Chart</a></li>
<li><a href="chart-chartist.html">Chartis Chart</a></li>
<li><a href="chart-echart.html">Echarts</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-chart-js.html">Chartjs</a></li>
<li><a href="chart-sparkline.html">Sparkline Chart</a></li>
<li><a href="chart-extra-chart.html">Extra chart</a></li>
<li><a href="chart-peity.html">Peity Charts</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="#" aria-expanded="false">Page Layout</a>
<ul aria-expanded="false" class="collapse">
<li><a href="layout-single-column.html">1 Column</a></li>
<li><a href="layout-fix-header.html">Fix header</a></li>
<li><a href="layout-fix-sidebar.html">Fix sidebar</a></li>
<li><a href="layout-fix-header-sidebar.html">Fixe header & Sidebar</a></li>
<li><a href="layout-boxed.html">Boxed Layout</a></li>
<li><a href="layout-logo-center.html">Logo in Center</a></li>
</ul>
</li>
<li>
</li>
</ul>
</li>
<li> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-arrange-send-backward"></i><span class="hide-menu">Multi level dd</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="#">item 1.1</a></li>
<li><a href="#">item 1.2</a></li>
<li> <a class="has-arrow" href="#" aria-expanded="false">Menu 1.3</a>
<ul aria-expanded="false" class="collapse">
<li><a href="#">item 1.3.1</a></li>
<li><a href="#">item 1.3.2</a></li>
<li><a href="#">item 1.3.3</a></li>
<li><a href="#">item 1.3.4</a></li>
</ul>
</li>
<li><a href="#">item 1.4</a></li>
</ul>
</li>
</ul>
</nav>
<!-- End Sidebar navigation -->
</div>
<!-- End Sidebar scroll-->
</aside>
<!-- ============================================================== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Page wrapper -->
<!-- ============================================================== -->
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 align-self-center">
<h3 class="text-themecolor">Dashboard</h3>
</div>
<div class="col-md-7 align-self-center">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
<li class="breadcrumb-item active">Dashboard</li>
</ol>
</div>
<div>
<button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- ============================================================== -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<!-- Row -->
<div class="card-group">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<h2 class="m-b-0"><i class="mdi mdi-briefcase-check text-info"></i></h2>
<h3 class="">2456</h3>
<h6 class="card-subtitle">New Projects</h6></div>
<div class="col-12">
<div class="progress">
<div class="progress-bar bg-info" role="progressbar" style="width: 85%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<h2 class="m-b-0"><i class="mdi mdi-alert-circle text-success"></i></h2>
<h3 class="">546</h3>
<h6 class="card-subtitle">Pending Project</h6></div>
<div class="col-12">
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" style="width: 40%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<h2 class="m-b-0"><i class="mdi mdi-wallet text-purple"></i></h2>
<h3 class="">$24561</h3>
<h6 class="card-subtitle">Total Cost</h6></div>
<div class="col-12">
<div class="progress">
<div class="progress-bar bg-primary" role="progressbar" style="width: 56%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<h2 class="m-b-0"><i class="mdi mdi-buffer text-warning"></i></h2>
<h3 class="">$30010</h3>
<h6 class="card-subtitle">Total Earnings</h6></div>
<div class="col-12">
<div class="progress">
<div class="progress-bar bg-warning" role="progressbar" style="width: 26%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row -->
<div class="row">
<!-- Column -->
<div class="col-lg-8 col-xlg-9">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="d-flex flex-wrap">
<div>
<h4 class="card-title">Yearly Earning</h4>
</div>
<div class="ml-auto">
<ul class="list-inline">
<li>
<h6 class="text-muted text-success"><i class="fa fa-circle font-10 m-r-10 "></i>Sales</h6> </li>
<li>
<h6 class="text-muted text-info"><i class="fa fa-circle font-10 m-r-10"></i>Earning ($)</h6> </li>
</ul>
</div>
</div>
</div>
<div class="col-12">
<div id="earning" style="height: 355px;"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<div class="col-lg-4 col-xlg-3">
<div class="card card-inverse card-info">
<div class="card-body">
<div class="d-flex">
<div class="m-r-20 align-self-center">
<h1 class="text-white"><i class="ti-light-bulb"></i></h1></div>
<div>
<h3 class="card-title">Sales Analytics</h3>
<h6 class="card-subtitle">March 2017</h6> </div>
</div>
<div class="row">
<div class="col-6 align-self-center">
<h2 class="font-light text-white"><sup><small><i class="ti-arrow-up"></i></small></sup>35487</h2>
</div>
<div class="col-6 p-t-10 p-b-20 text-right">
<div class="spark-count" style="height:65px"></div>
</div>
</div>
</div>
</div>
<div class="card card-inverse card-success">
<div class="card-body">
<div class="d-flex">
<div class="m-r-20 align-self-center">
<h1 class="text-white"><i class="ti-pie-chart"></i></h1></div>
<div>
<h3 class="card-title">Bandwidth usage</h3>
<h6 class="card-subtitle">March 2017</h6> </div>
</div>
<div class="row">
<div class="col-6 align-self-center">
<h2 class="font-light text-white">50 GB</h2>
</div>
<div class="col-6 p-t-10 p-b-20 text-right align-self-center">
<div class="spark-count2" style="height:65px"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
</div>
<!-- Row -->
<!-- Row -->
<div class="row">
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<div class="d-flex no-block">
<h4 class="card-title">Earning Report<br/><small class="text-muted">Emplyee earning report</small></h4>
<div class="ml-auto">
<select class="custom-select">
<option selected="">July</option>
<option value="1">Aug</option>
<option value="2">Sept</option>
<option value="3">Oct</option>
</select>
</div>
</div>
</div>
<div class="bg-light p-20">
<div class="d-flex">
<div class="align-self-center">
<h3 class="m-b-0">July 2017</h3><small>Total Earning</small></div>
<div class="ml-auto align-self-center">
<h2 class="text-success">$5470</h2></div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover earning-box">
<thead>
<tr>
<th colspan="2">Name</th>
<th>Priority</th>
<th>Earnings</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width:50px;"><span class="round"><img src="../assets/images/users/8.jpg" alt="user" width="50"></span></td>
<td>
<h6>Sunil Joshi</h6><small class="text-muted">Web Designer</small></td>
<td><span class="label label-success">Low</span></td>
<td>$3.9K</td>
</tr>
<tr class="active">
<td><span class="round"><img src="../assets/images/users/2.jpg" alt="user" width="50"></span></td>
<td>
<h6>Andrew</h6><small class="text-muted">Project Manager</small></td>
<td><span class="label label-info">Medium</span></td>
<td>$23.9K</td>
</tr>
<tr>
<td><span class="round round-success"><img src="../assets/images/users/1.jpg" alt="user" width="50"></span></td>
<td>
<h6>Bhavesh patel</h6><small class="text-muted">Developer</small></td>
<td><span class="label label-primary">High</span></td>
<td>$12.9K</td>
</tr>
<tr>
<td><span class="round round-primary"><img src="../assets/images/users/4.jpg" alt="user" width="50"></span></td>
<td>
<h6>Nirav Joshi</h6><small class="text-muted">Frontend Eng</small></td>
<td><span class="label label-danger">Low</span></td>
<td>$10.9K</td>
</tr>
<tr>
<td><span class="round round-warning"><img src="../assets/images/users/5.jpg" alt="user" width="50"></span></td>
<td>
<h6>Micheal Doe</h6><small class="text-muted">Content Writer</small></td>
<td><span class="label label-warning">High</span></td>
<td>$12.9K</td>
</tr>
<tr>
<td><span class="round round-danger"><img src="../assets/images/users/1.jpg" alt="user" width="50"></span></td>
<td>
<h6>Johnathan</h6><small class="text-muted">Graphic</small></td>
<td><span class="label label-info">High</span></td>
<td>$2.6K</td>
</tr>
<tr>
<td><span class="round round-success">M</span></td>
<td>
<h6>Vishal Doe</h6><small class="text-muted">Content Writer</small></td>
<td><span class="label label-warning">High</span></td>
<td>$12.9K</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Column -->
<div class="card">
<div class="card-body">
<h4 class="card-title">Recent Comments</h4>
<h6 class="card-subtitle">Latest Comments on users from Material</h6> </div>
<!-- ============================================================== -->
<!-- Comment widgets -->
<!-- ============================================================== -->
<div class="comment-widgets m-b-20">
<!-- Comment Row -->
<div class="d-flex flex-row comment-row">
<div class="p-2"><span class="round"><img src="../assets/images/users/1.jpg" alt="user" width="50"></span></div>
<div class="comment-text w-100">
<h5>James Anderson</h5>
<div class="comment-footer">
<span class="date">April 14, 2016</span>
<span class="label label-info">Pending</span> <span class="action-icons">
<a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-heart"></i></a>
</span>
</div>
<p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry.</p>
</div>
</div>
<!-- Comment Row -->
<div class="d-flex flex-row comment-row ">
<div class="p-2"><span class="round"><img src="../assets/images/users/2.jpg" alt="user" width="50"></span></div>
<div class="comment-text active w-100">
<h5>Michael Jorden</h5>
<div class="comment-footer">
<span class="date">April 14, 2016</span>
<span class="label label-success">Approved</span> <span class="action-icons active">
<a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle text-success"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-heart text-danger"></i></a>
</span>
</div>
<p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry..</p>
</div>
</div>
<!-- Comment Row -->
<div class="d-flex flex-row comment-row">
<div class="p-2"><span class="round"><img src="../assets/images/users/3.jpg" alt="user" width="50"></span></div>
<div class="comment-text w-100">
<h5>Johnathan Doeting</h5>
<div class="comment-footer">
<span class="date">April 14, 2016</span>
<span class="label label-danger">Rejected</span> <span class="action-icons">
<a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-heart"></i></a>
</span>
</div>
<p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry.</p>
</div>
</div>
<!-- Comment Row -->
<div class="d-flex flex-row comment-row">
<div class="p-2"><span class="round"><img src="../assets/images/users/4.jpg" alt="user" width="50"></span></div>
<div class="comment-text w-100">
<h5>James Anderson</h5>
<div class="comment-footer">
<span class="date">April 14, 2016</span>
<span class="label label-info">Pending</span> <span class="action-icons">
<a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle"></i></a>
<a href="javascript:void(0)"><i class="mdi mdi-heart"></i></a>
</span>
</div>
<p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry..</p>
</div>
</div>
</div>
</div>
<!-- Column -->
</div>
</div>
<!-- Row -->
<div class="row">
<!-- Column -->
<div class="col-lg-4">
<div class="card card-inverse card-success">
<div class="card-body">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="carousel-item flex-column carousel-item-next carousel-item-left">
<i class="fa fa-facebook fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- post form wrap</i>
</div>
</div>
<div class="carousel-item flex-column">
<i class="fa fa-facebook fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- post form wrap</i>
</div>
</div>
<div class="carousel-item flex-column active carousel-item-left">
<i class="fa fa-facebook fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- post form wrap</i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-4">
<div class="card card-inverse card-danger">
<div class="card-body">
<div id="myCarouse2" class="carousel slide" data-ride="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="carousel-item flex-column carousel-item-next carousel-item-left">
<i class="fa fa-google-plus fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- Eric fandanc</i>
</div>
</div>
<div class="carousel-item flex-column">
<i class="fa fa-google-plus fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- Numbro zomix</i>
</div>
</div>
<div class="carousel-item flex-column active carousel-item-left">
<i class="fa fa-google-plus fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- Sitrix stock</i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-4">
<div class="card card-inverse card-info">
<div class="card-body">
<div id="myCarouse3" class="carousel slide" data-ride="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="carousel-item flex-column carousel-item-next carousel-item-left">
<i class="fa fa-twitter fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Tweet now <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- @shoperstaff</i>
</div>
</div>
<div class="carousel-item flex-column">
<i class="fa fa-twitter fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Sachin #star <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- #shoperstaff</i>
</div>
</div>
<div class="carousel-item flex-column active carousel-item-left">
<i class="fa fa-twitter fa-2x text-white"></i>
<p class="text-white">25th Jan</p>
<h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span><br>
on buy</h3>
<div class="text-white m-t-20">
<i>- @shoperstaff</i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
</div>
<!-- Row -->
<div class="row">
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<h4 class="card-title">Recent Chats</h4>
<h6 class="card-subtitle">This is the demo chat</h6>
<div class="chat-box">
<!--chat Row -->
<ul class="chat-list">
<!--chat Row -->
<li>
<div class="chat-img"><img src="../assets/images/users/1.jpg" alt="user" /></div>
<div class="chat-content">
<h5>James Anderson</h5>
<div class="box bg-light-info">Lorem Ipsum is simply dummy text of the printing & type setting industry.</div>
</div>
<div class="chat-time">10:56 am</div>
</li>
<!--chat Row -->
<li>
<div class="chat-img"><img src="../assets/images/users/2.jpg" alt="user" /></div>
<div class="chat-content">
<h5>Bianca Doe</h5>
<div class="box bg-light-info">It’s Great opportunity to work.</div>
</div>
<div class="chat-time">10:57 am</div>
</li>
<!--chat Row -->
<li class="reverse">
<div class="chat-content">
<h5>Steave Doe</h5>
<div class="box bg-light-inverse">It’s Great opportunity to work.</div>
</div>
<div class="chat-img"><img src="../assets/images/users/5.jpg" alt="user" /></div>
<div class="chat-time">10:57 am</div>
</li>
<!--chat Row -->
<li class="reverse">
<div class="chat-content">
<h5>Steave Doe</h5>
<div class="box bg-light-inverse">It’s Great opportunity to work.</div>
</div>
<div class="chat-img"><img src="../assets/images/users/5.jpg" alt="user" /></div>
<div class="chat-time">10:57 am</div>
</li>
<!--chat Row -->
<li>
<div class="chat-img"><img src="../assets/images/users/3.jpg" alt="user" /></div>
<div class="chat-content">
<h5>Angelina Rhodes</h5>
<div class="box bg-light-info">Well we have good budget for the project</div>
</div>
<div class="chat-time">11:00 am</div>
</li>
<!--chat Row -->
</ul>
</div>
</div>
<div class="card-body b-t">
<div class="row">
<div class="col-8">
<textarea placeholder="Type your message here" class="form-control b-0"></textarea>
</div>
<div class="col-4 text-right">
<button type="button" class="btn btn-info btn-circle btn-lg"><i class="fa fa-paper-plane-o"></i> </button>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<button class="pull-right btn btn-sm btn-rounded btn-info" data-toggle="modal" data-target="#myModal">Add Task</button>
<h4 class="card-title">To Do list</h4>
<h6 class="card-subtitle">List of your next task to complete</h6>
<!-- ============================================================== -->
<!-- To do list widgets -->
<!-- ============================================================== -->
<div class="to-do-widget m-t-20">
<!-- .modal for add task -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Add Task</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label>Task name</label>
<input type="text" class="form-control" placeholder="Enter Task Name"> </div>
<div class="form-group">
<label>Assign to</label>
<select class="custom-select form-control pull-right">
<option selected="">Sachin</option>
<option value="1">Sehwag</option>
<option value="2">Pritam</option>
<option value="3">Alia</option>
<option value="4">Varun</option>
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success" data-dismiss="modal">Submit</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<ul class="list-task todo-list list-group m-b-0" data-role="tasklist">
<li class="list-group-item" data-role="task">
<div class="checkbox checkbox-info">
<input type="checkbox" id="inputSchedule" name="inputCheckboxesSchedule">
<label for="inputSchedule" class=""> <span>Schedule meeting with</span> </label>
</div>
<ul class="assignedto">
<li><img src="../assets/images/users/1.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Steave"></li>
<li><img src="../assets/images/users/2.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Jessica"></li>
<li><img src="../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li>
<li><img src="../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li>
</ul>
</li>
<li class="list-group-item" data-role="task">
<div class="checkbox checkbox-info">
<input type="checkbox" id="inputCall" name="inputCheckboxesCall">
<label for="inputCall" class=""> <span>Give Purchase report to</span> <span class="label label-danger">Today</span> </label>
</div>
<ul class="assignedto">
<li><img src="../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li>
<li><img src="../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li>
</ul>
</li>
<li class="list-group-item" data-role="task">
<div class="checkbox checkbox-info">
<input type="checkbox" id="inputBook" name="inputCheckboxesBook">
<label for="inputBook" class=""> <span>Book flight for holiday</span> </label>
</div>
<div class="item-date"> 26 jun 2017</div>
</li>
<li class="list-group-item" data-role="task">
<div class="checkbox checkbox-info">
<input type="checkbox" id="inputForward" name="inputCheckboxesForward">
<label for="inputForward" class=""> <span>Forward all tasks</span> <span class="label label-warning">2 weeks</span> </label>
</div>
<div class="item-date"> 26 jun 2017</div>
</li>
<li class="list-group-item" data-role="task">
<div class="checkbox checkbox-info">
<input type="checkbox" id="inputRecieve" name="inputCheckboxesRecieve">
<label for="inputRecieve" class=""> <span>Recieve shipment</span> </label>
</div>
<div class="item-date"> 26 jun 2017</div>
</li>
<li class="list-group-item" data-role="task">
<div class="checkbox checkbox-info">
<input type="checkbox" id="inputForward2" name="inputCheckboxesd">
<label for="inputForward2" class=""> <span>Important tasks</span> <span class="label label-success">2 weeks</span> </label>
</div>
<ul class="assignedto">
<li><img src="../assets/images/users/1.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assign to Steave"></li>
<li><img src="../assets/images/users/2.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assign to Jessica"></li>
<li><img src="../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assign to Selina"></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Row -->
<!-- Row -->
<div class="row">
<!-- Column -->
<div class="col-lg-8 col-xlg-9">
<div class="card">
<div class="card-body">
<h4 class="card-title">Activity Timeline</h4>
<h6 class="card-subtitle">users activity thourout the day</h6>
<div class="profiletimeline m-t-40">
<div class="sl-item">
<div class="sl-left"> <img src="../assets/images/users/1.jpg" alt="user" class="img-circle"> </div>
<div class="sl-right">
<div><a href="#" class="link">John Doe</a> <span class="sl-date">5 minutes ago</span>
<p>assign a new task <a href="#"> Design weblayout</a></p>
<div class="row">
<div class="col-lg-3 col-md-6 m-b-20"><img src="../assets/images/big/img1.jpg" alt="user" class="img-responsive radius"></div>
<div class="col-lg-3 col-md-6 m-b-20"><img src="../assets/images/big/img2.jpg" alt="user" class="img-responsive radius"></div>
<div class="col-lg-3 col-md-6 m-b-20"><img src="../assets/images/big/img3.jpg" alt="user" class="img-responsive radius"></div>
<div class="col-lg-3 col-md-6 m-b-20"><img src="../assets/images/big/img4.jpg" alt="user" class="img-responsive radius"></div>
</div>
<div class="like-comm"> <a href="javascript:void(0)" class="link m-r-10">2 comment</a> <a href="javascript:void(0)" class="link m-r-10"><i class="fa fa-heart text-danger"></i> 5 Love</a> </div>
</div>
</div>
</div>
<hr>
<div class="sl-item">
<div class="sl-left"> <img src="../assets/images/users/2.jpg" alt="user" class="img-circle"> </div>
<div class="sl-right">
<div> <a href="#" class="link">John Doe</a> <span class="sl-date">5 minutes ago</span>
<div class="m-t-20 row">
<div class="col-md-3 col-xs-12"><img src="../assets/images/big/img1.jpg" alt="user" class="img-responsive radius"></div>
<div class="col-md-9 col-xs-12">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. </p> <a href="#" class="btn btn-success"> Design weblayout</a></div>
</div>
<div class="like-comm m-t-20"> <a href="javascript:void(0)" class="link m-r-10">2 comment</a> <a href="javascript:void(0)" class="link m-r-10"><i class="fa fa-heart text-danger"></i> 5 Love</a> </div>
</div>
</div>
</div>
<hr>
<div class="sl-item">
<div class="sl-left"> <img src="../assets/images/users/3.jpg" alt="user" class="img-circle"> </div>
<div class="sl-right">
<div><a href="#" class="link">John Doe</a> <span class="sl-date">5 minutes ago</span>
<p class="m-t-10"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper </p>
</div>
<div class="like-comm m-t-20"> <a href="javascript:void(0)" class="link m-r-10">2 comment</a> <a href="javascript:void(0)" class="link m-r-10"><i class="fa fa-heart text-danger"></i> 5 Love</a> </div>
</div>
</div>
<hr>
<div class="sl-item">
<div class="sl-left"> <img src="../assets/images/users/4.jpg" alt="user" class="img-circle"> </div>
<div class="sl-right">
<div><a href="#" class="link">John Doe</a> <span class="sl-date">5 minutes ago</span>
<blockquote class="m-t-10">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xlg-3">
<!-- Column -->
<div class="card">
<img class="card-img-top" src="../assets/images/background/profile-bg.jpg" alt="Card image cap">
<div class="card-body little-profile text-center">
<div class="pro-img"><img src="../assets/images/users/4.jpg" alt="user" /></div>
<h3 class="m-b-0">Angela Dominic</h3>
<p>Web Designer & Developer</p>
<button href="javascript:void(0)" class="m-t-10 waves-effect waves-dark btn btn-info btn-md btn-rounded">Follow</button>
<div class="row text-center m-t-20">
<div class="col-lg-4 col-md-4 m-t-20">
<h3 class="m-b-0 font-light">1099</h3><small>Articles</small></div>
<div class="col-lg-4 col-md-4 m-t-20">
<h3 class="m-b-0 font-light">23,469</h3><small>Followers</small></div>
<div class="col-lg-4 col-md-4 m-t-20">
<h3 class="m-b-0 font-light">6035</h3><small>Following</small></div>
</div>
</div>
</div>
<!-- Column -->
<div class="card">
<div class="card-body bg-inverse" style="background: url(../assets/images/background/user-info.jpg) / cover;">
<h4 class="text-white card-title">Employee list</h4>
<h6 class="card-subtitle text-white m-0 op-5">Checkout employee list here</h6>
</div>
<div class="card-body">
<div class="message-box contact-box">
<h2 class="add-ct-btn"><button type="button" class="btn btn-circle btn-lg btn-success waves-effect waves-dark">+</button></h2>
<div class="message-widget contact-widget">
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/1.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">[email protected]</span></div>
</a>
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/2.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
<div class="mail-contnet">
<h5>Sonu Nigam</h5> <span class="mail-desc">[email protected]</span></div>
</a>
<!-- Message -->
<a href="#">
<div class="user-img"> <span class="round">A</span> <span class="profile-status away pull-right"></span> </div>
<div class="mail-contnet">
<h5>Arijit Sinh</h5> <span class="mail-desc">[email protected]</span></div>
</a>
<!-- Message -->
<a href="#">
<div class="user-img"> <img src="../assets/images/users/4.jpg" alt="user" class="img-circle"> <span class="profile-status offline pull-right"></span> </div>
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">[email protected]</span></div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<div class="right-sidebar">
<div class="slimscrollright">
<div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span> </div>
<div class="r-panel-body">
<ul id="themecolors" class="m-t-20">
<li><b>With Light sidebar</b></li>
<li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
<li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
<li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
<li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
<li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
<li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
<li class="d-block m-t-30"><b>With Dark sidebar</b></li>
<li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a></li>
<li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
<li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
<li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
<li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a></li>
<li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a></li>
</ul>
<ul class="m-t-20 chatonline">
<li><b>Chat option</b></li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/1.jpg" alt="user-img" class="img-circle"> <span>Varun Dhavan <small class="text-success">online</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/2.jpg" alt="user-img" class="img-circle"> <span>Genelia Deshmukh <small class="text-warning">Away</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/3.jpg" alt="user-img" class="img-circle"> <span>Ritesh Deshmukh <small class="text-danger">Busy</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/4.jpg" alt="user-img" class="img-circle"> <span>Arijit Sinh <small class="text-muted">Offline</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/5.jpg" alt="user-img" class="img-circle"> <span>Govinda Star <small class="text-success">online</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/6.jpg" alt="user-img" class="img-circle"> <span>John Abraham<small class="text-success">online</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/7.jpg" alt="user-img" class="img-circle"> <span>Hritik Roshan<small class="text-success">online</small></span></a>
</li>
<li>
<a href="javascript:void(0)"><img src="../assets/images/users/8.jpg" alt="user-img" class="img-circle"> <span>Pwandeep rajan <small class="text-success">online</small></span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
<footer class="footer">
© 2019 Admin Press Admin by themedesigner.in
</footer>
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Page wrapper -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="../assets/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="../assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="js/jquery.slimscroll.js"></script>
<!--Wave Effects -->
<script src="js/waves.js"></script>
<!--Menu sidebar -->
<script src="js/sidebarmenu.js"></script>
<!--stickey kit -->
<script src="../assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<!--Custom JavaScript -->
<script src="js/custom.min.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->
<!--sparkline JavaScript -->
<script src="../assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<!--morris JavaScript -->
<script src="../assets/plugins/raphael/raphael-min.js"></script>
<script src="../assets/plugins/morrisjs/morris.min.js"></script>
<!-- Chart JS -->
<script src="js/dashboard1.js"></script>
<!-- ============================================================== -->
<!-- Style switcher -->
<!-- ============================================================== -->
<script src="../assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
</body>
</html>