代码拉取完成,页面将自动刷新
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ThemeKit - Admin Template</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800" rel="stylesheet">
<link rel="stylesheet" href="plugins/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="plugins/icon-kit/dist/css/iconkit.min.css">
<link rel="stylesheet" href="plugins/ionicons/dist/css/ionicons.min.css">
<link rel="stylesheet" href="plugins/perfect-scrollbar/css/perfect-scrollbar.css">
<link rel="stylesheet" href="plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap.css">
<link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4.min.css">
<link rel="stylesheet" href="plugins/weather-icons/css/weather-icons.min.css">
<link rel="stylesheet" href="plugins/c3/c3.min.css">
<link rel="stylesheet" href="plugins/owl.carousel/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="plugins/owl.carousel/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="dist/css/theme.min.css">
<script src="src/js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="wrapper">
<header class="header-top" header-theme="light">
<div class="container-fluid">
<div class="d-flex justify-content-between">
<div class="top-menu d-flex align-items-center">
<button type="button" class="btn-icon mobile-nav-toggle d-lg-none"><span></span></button>
<div class="header-search">
<div class="input-group">
<span class="input-group-addon search-close"><i class="ik ik-x"></i></span>
<input type="text" class="form-control">
<span class="input-group-addon search-btn"><i class="ik ik-search"></i></span>
</div>
</div>
<button type="button" id="navbar-fullscreen" class="nav-link"><i class="ik ik-maximize"></i></button>
</div>
<div class="top-menu d-flex align-items-center">
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="#" id="notiDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-bell"></i><span class="badge bg-danger">3</span></a>
<div class="dropdown-menu dropdown-menu-right notification-dropdown" aria-labelledby="notiDropdown">
<h4 class="header">Notifications</h4>
<div class="notifications-wrap">
<a href="#" class="media">
<span class="d-flex">
<i class="ik ik-check"></i>
</span>
<span class="media-body">
<span class="heading-font-family media-heading">Invitation accepted</span>
<span class="media-content">Your have been Invited ...</span>
</span>
</a>
<a href="#" class="media">
<span class="d-flex">
<img src="img/users/1.jpg" class="rounded-circle" alt="">
</span>
<span class="media-body">
<span class="heading-font-family media-heading">Steve Smith</span>
<span class="media-content">I slowly updated projects</span>
</span>
</a>
<a href="#" class="media">
<span class="d-flex">
<i class="ik ik-calendar"></i>
</span>
<span class="media-body">
<span class="heading-font-family media-heading">To Do</span>
<span class="media-content">Meeting with Nathan on Friday 8 AM ...</span>
</span>
</a>
</div>
<div class="footer"><a href="javascript:void(0);">See all activity</a></div>
</div>
</div>
<button type="button" class="nav-link ml-10 right-sidebar-toggle"><i class="ik ik-message-square"></i><span class="badge bg-success">3</span></button>
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="#" id="menuDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-plus"></i></a>
<div class="dropdown-menu dropdown-menu-right menu-grid" aria-labelledby="menuDropdown">
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Dashboard"><i class="ik ik-bar-chart-2"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Message"><i class="ik ik-mail"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Accounts"><i class="ik ik-users"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Sales"><i class="ik ik-shopping-cart"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Purchase"><i class="ik ik-briefcase"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Pages"><i class="ik ik-clipboard"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Chats"><i class="ik ik-message-square"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Contacts"><i class="ik ik-map-pin"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Blocks"><i class="ik ik-inbox"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Events"><i class="ik ik-calendar"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="Notifications"><i class="ik ik-bell"></i></a>
<a class="dropdown-item" href="#" data-toggle="tooltip" data-placement="top" title="More"><i class="ik ik-more-horizontal"></i></a>
</div>
</div>
<button type="button" class="nav-link ml-10" id="apps_modal_btn" data-toggle="modal" data-target="#appsModal"><i class="ik ik-grid"></i></button>
<div class="dropdown">
<a class="dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="avatar" src="img/user.jpg" alt=""></a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
<a class="dropdown-item" href="profile.html"><i class="ik ik-user dropdown-icon"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ik ik-settings dropdown-icon"></i> Settings</a>
<a class="dropdown-item" href="#"><span class="float-right"><span class="badge badge-primary">6</span></span><i class="ik ik-mail dropdown-icon"></i> Inbox</a>
<a class="dropdown-item" href="#"><i class="ik ik-navigation dropdown-icon"></i> Message</a>
<a class="dropdown-item" href="login.html"><i class="ik ik-power dropdown-icon"></i> Logout</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="page-wrap">
<div class="app-sidebar colored">
<div class="sidebar-header">
<a class="header-brand" href="index.html">
<div class="logo-img">
<img src="src/img/brand-white.svg" class="header-brand-img" alt="lavalite">
</div>
<span class="text">ThemeKit</span>
</a>
<button type="button" class="nav-toggle"><i data-toggle="expanded" class="ik ik-toggle-right toggle-icon"></i></button>
<button id="sidebarClose" class="nav-close"><i class="ik ik-x"></i></button>
</div>
<div class="sidebar-content">
<div class="nav-container">
<nav id="main-menu-navigation" class="navigation-main">
<div class="nav-lavel">Navigation</div>
<div class="nav-item active">
<a href="index.html"><i class="ik ik-bar-chart-2"></i><span>Dashboard</span></a>
</div>
<div class="nav-item">
<a href="pages/navbar.html"><i class="ik ik-menu"></i><span>Navigation</span> <span class="badge badge-success">New</span></a>
</div>
<div class="nav-item has-sub">
<a href="javascript:void(0)"><i class="ik ik-layers"></i><span>Widgets</span> <span class="badge badge-danger">150+</span></a>
<div class="submenu-content">
<a href="pages/widgets.html" class="menu-item">Basic</a>
<a href="pages/widget-statistic.html" class="menu-item">Statistic</a>
<a href="pages/widget-data.html" class="menu-item">Data</a>
<a href="pages/widget-chart.html" class="menu-item">Chart Widget</a>
</div>
</div>
<div class="nav-lavel">UI Element</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-box"></i><span>Basic</span></a>
<div class="submenu-content">
<a href="pages/ui/alerts.html" class="menu-item">Alerts</a>
<a href="pages/ui/badges.html" class="menu-item">Badges</a>
<a href="pages/ui/buttons.html" class="menu-item">Buttons</a>
<a href="pages/ui/navigation.html" class="menu-item">Navigation</a>
</div>
</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-gitlab"></i><span>Advance</span> <span class="badge badge-success">New</span></a>
<div class="submenu-content">
<a href="pages/ui/modals.html" class="menu-item">Modals</a>
<a href="pages/ui/notifications.html" class="menu-item">Notifications</a>
<a href="pages/ui/carousel.html" class="menu-item">Slider</a>
<a href="pages/ui/range-slider.html" class="menu-item">Range Slider</a>
<a href="pages/ui/rating.html" class="menu-item">Rating</a>
</div>
</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-package"></i><span>Extra</span></a>
<div class="submenu-content">
<a href="pages/ui/session-timeout.html" class="menu-item">Session Timeout</a>
</div>
</div>
<div class="nav-item">
<a href="pages/ui/icons.html"><i class="ik ik-command"></i><span>Icons</span></a>
</div>
<div class="nav-lavel">Forms</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-edit"></i><span>Forms</span></a>
<div class="submenu-content">
<a href="pages/form-components.html" class="menu-item">Components</a>
<a href="pages/form-addon.html" class="menu-item">Add-On</a>
<a href="pages/form-advance.html" class="menu-item">Advance</a>
</div>
</div>
<div class="nav-item">
<a href="pages/form-picker.html"><i class="ik ik-terminal"></i><span>Form Picker</span> <span class="badge badge-success">New</span></a>
</div>
<div class="nav-lavel">Tables</div>
<div class="nav-item">
<a href="pages/table-bootstrap.html"><i class="ik ik-credit-card"></i><span>Bootstrap Table</span></a>
</div>
<div class="nav-item">
<a href="pages/table-datatable.html"><i class="ik ik-inbox"></i><span>Data Table</span></a>
</div>
<div class="nav-lavel">Charts</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-pie-chart"></i><span>Charts</span> <span class="badge badge-success">New</span></a>
<div class="submenu-content">
<a href="pages/charts-chartist.html" class="menu-item active">Chartist</a>
<a href="pages/charts-flot.html" class="menu-item">Flot</a>
<a href="pages/charts-knob.html" class="menu-item">Knob</a>
<a href="pages/charts-amcharts.html" class="menu-item">Amcharts</a>
</div>
</div>
<div class="nav-lavel">Apps</div>
<div class="nav-item">
<a href="pages/calendar.html"><i class="ik ik-calendar"></i><span>Calendar</span></a>
</div>
<div class="nav-item">
<a href="pages/taskboard.html"><i class="ik ik-server"></i><span>Taskboard</span></a>
</div>
<div class="nav-lavel">Pages</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-lock"></i><span>Authentication</span></a>
<div class="submenu-content">
<a href="pages/login.html" class="menu-item">Login</a>
<a href="pages/register.html" class="menu-item">Register</a>
<a href="pages/forgot-password.html" class="menu-item">Forgot Password</a>
</div>
</div>
<div class="nav-item has-sub">
<a href="#"><i class="ik ik-file-text"></i><span>Other</span></a>
<div class="submenu-content">
<a href="pages/profile.html" class="menu-item">Profile</a>
<a href="pages/invoice.html" class="menu-item">Invoice</a>
</div>
</div>
<div class="nav-item">
<a href="pages/layouts.html"><i class="ik ik-layout"></i><span>Layouts</span><span class="badge badge-success">New</span></a>
</div>
<div class="nav-lavel">Other</div>
<div class="nav-item has-sub">
<a href="javascript:void(0)"><i class="ik ik-list"></i><span>Menu Levels</span></a>
<div class="submenu-content">
<a href="javascript:void(0)" class="menu-item">Menu Level 2.1</a>
<div class="nav-item has-sub">
<a href="javascript:void(0)" class="menu-item">Menu Level 2.2</a>
<div class="submenu-content">
<a href="javascript:void(0)" class="menu-item">Menu Level 3.1</a>
</div>
</div>
<a href="javascript:void(0)" class="menu-item">Menu Level 2.3</a>
</div>
</div>
<div class="nav-item">
<a href="javascript:void(0)" class="disabled"><i class="ik ik-slash"></i><span>Disabled Menu</span></a>
</div>
<div class="nav-item">
<a href="javascript:void(0)"><i class="ik ik-award"></i><span>Sample Page</span></a>
</div>
<div class="nav-lavel">Support</div>
<div class="nav-item">
<a href="javascript:void(0)"><i class="ik ik-monitor"></i><span>Documentation</span></a>
</div>
<div class="nav-item">
<a href="javascript:void(0)"><i class="ik ik-help-circle"></i><span>Submit Issue</span></a>
</div>
</nav>
</div>
</div>
</div>
<div class="main-content">
<div class="container-fluid">
<div class="row clearfix">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Bookmarks</h6>
<h2>1,410</h2>
</div>
<div class="icon">
<i class="ik ik-award"></i>
</div>
</div>
<small class="text-small mt-10 d-block">6% higher than last month</small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100" style="width: 62%;"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Likes</h6>
<h2>41,410</h2>
</div>
<div class="icon">
<i class="ik ik-thumbs-up"></i>
</div>
</div>
<small class="text-small mt-10 d-block">61% higher than last month</small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%;"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Events</h6>
<h2>410</h2>
</div>
<div class="icon">
<i class="ik ik-calendar"></i>
</div>
</div>
<small class="text-small mt-10 d-block">Total Events</small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="31" aria-valuemin="0" aria-valuemax="100" style="width: 31%;"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Comments</h6>
<h2>41,410</h2>
</div>
<div class="icon">
<i class="ik ik-message-square"></i>
</div>
</div>
<small class="text-small mt-10 d-block">Total Comments</small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="card">
<div class="card-body">
<div class="row align-items-center">
<div class="col-lg-8 col-md-12">
<h3 class="card-title">Visitors By Countries</h3>
<div id="visitfromworld" style="width:100%; height:350px"></div>
</div>
<div class="col-lg-4 col-md-12">
<div class="row mb-15">
<div class="col-9">India</div>
<div class="col-3 text-right">28%</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar bg-green" role="progressbar" style="width: 48%" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9"> UK</div>
<div class="col-3 text-right">21%</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar bg-aqua" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9"> USA</div>
<div class="col-3 text-right">18%</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar bg-purple" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-9">China</div>
<div class="col-3 text-right">12%</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card" style="min-height: 422px;">
<div class="card-header"><h3>Donut chart</h3></div>
<div class="card-body">
<div id="c3-donut-chart"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-header">
<h3>Recent Chat</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body chat-box scrollable" style="height:300px;">
<ul class="chat-list">
<li class="chat-item">
<div class="chat-img"><img src="img/users/1.jpg" alt="user"></div>
<div class="chat-content">
<h6 class="font-medium">James Anderson</h6>
<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>
<li class="chat-item">
<div class="chat-img"><img src="img/users/2.jpg" alt="user"></div>
<div class="chat-content">
<h6 class="font-medium">Bianca Doe</h6>
<div class="box bg-light-info">It’s Great opportunity to work.</div>
</div>
<div class="chat-time">10:57 am</div>
</li>
<li class="odd chat-item">
<div class="chat-content">
<div class="box bg-light-inverse">I would love to join the team.</div>
<br>
</div>
</li>
<li class="odd chat-item">
<div class="chat-content">
<div class="box bg-light-inverse">Whats budget of the new project.</div>
<br>
</div>
<div class="chat-time">10:59 am</div>
</li>
<li class="chat-item">
<div class="chat-img"><img src="img/users/3.jpg" alt="user"></div>
<div class="chat-content">
<h6 class="font-medium">Angelina Rhodes</h6>
<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>
</ul>
</div>
<div class="card-footer chat-footer">
<div class="input-wrap">
<input type="text" placeholder="Type and enter" class="form-control">
</div>
<button type="button" class="btn btn-icon btn-theme"><i class="fa fa-paper-plane"></i></button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<div class="d-flex">
<h4 class="card-title">Weather Report</h4>
<select class="form-control w-25 ml-auto">
<option selected="">Today</option>
<option value="1">Weekly</option>
</select>
</div>
<div class="d-flex align-items-center flex-row mt-30">
<div class="p-2 f-50 text-info"><i class="wi wi-day-showers"></i> <span>23<sup>°</sup></span></div>
<div class="p-2">
<h3 class="mb-0">Saturday</h3><small>Banglore, India</small></div>
</div>
<table class="table table-borderless">
<tbody>
<tr>
<td>Wind</td>
<td class="font-medium">ESE 17 mph</td>
</tr>
<tr>
<td>Humidity</td>
<td class="font-medium">83%</td>
</tr>
<tr>
<td>Pressure</td>
<td class="font-medium">28.56 in</td>
</tr>
</tbody>
</table>
<hr>
<ul class="list-unstyled row text-center city-weather-days mb-0 mt-20">
<li class="col"><i class="wi wi-day-sunny mr-5"></i><span>09:30</span><h3>20<sup>°</sup></h3></li>
<li class="col"><i class="wi wi-day-cloudy mr-5"></i><span>11:30</span><h3>22<sup>°</sup></h3></li>
<li class="col"><i class="wi wi-day-hail mr-5"></i><span>13:30</span><h3>25<sup>°</sup></h3></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card" style="min-height: 422px;">
<div class="card-header">
<h3>Timeline</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body timeline">
<div class="header bg-theme" style="background-image: url('img/placeholder/placeimg_400_200_nature.jpg')">
<div class="color-overlay d-flex align-items-center">
<div class="day-number">8</div>
<div class="date-right">
<div class="day-name">Monday</div>
<div class="month">February 2018</div>
</div>
</div>
</div>
<ul>
<li>
<div class="bullet bg-pink"></div>
<div class="time">11am</div>
<div class="desc">
<h3>Attendance</h3>
<h4>Computer Class</h4>
</div>
</li>
<li>
<div class="bullet bg-green"></div>
<div class="time">12pm</div>
<div class="desc">
<h3>Design Team</h3>
<h4>Hangouts</h4>
</div>
</li>
<li>
<div class="bullet bg-orange"></div>
<div class="time">2pm</div>
<div class="desc">
<h3>Finish</h3>
<h4>Go to Home</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header row">
<div class="col col-sm-3">
<div class="dropdown d-inline-block">
<a class="btn-icon checkbox-dropdown dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
<div class="dropdown-menu" aria-labelledby="moreDropdown">
<a class="dropdown-item" id="checkbox_select_all" href="javascript:void(0);">Select All</a>
<a class="dropdown-item" id="checkbox_deselect_all" href="javascript:void(0);">Deselect All</a>
</div>
</div>
<div class="card-options d-inline-block">
<a href="#"><i class="ik ik-inbox"></i></a>
<a href="#"><i class="ik ik-plus"></i></a>
<a href="#"><i class="ik ik-rotate-cw"></i></a>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-more-horizontal"></i></a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">More Action</a>
</div>
</div>
</div>
</div>
<div class="col col-sm-6">
<div class="card-search with-adv-search dropdown">
<form action="">
<input type="text" class="form-control" placeholder="Search.." required>
<button type="submit" class="btn btn-icon"><i class="ik ik-search"></i></button>
<button type="button" id="adv_wrap_toggler" class="adv-btn ik ik-chevron-down dropdown-toggle" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
<div class="adv-search-wrap dropdown-menu dropdown-menu-right" aria-labelledby="adv_wrap_toggler">
<div class="form-group">
<input type="text" class="form-control" placeholder="Full Name">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email">
</div>
<button class="btn btn-theme">Search</button>
</div>
</form>
</div>
</div>
<div class="col col-sm-3">
<div class="card-options text-right">
<span class="mr-5">1 - 50 of 2,500</span>
<a href="#"><i class="ik ik-chevron-left"></i></a>
<a href="#"><i class="ik ik-chevron-right"></i></a>
</div>
</div>
</div>
<div class="card-body p-0">
<div class="list-item-wrap">
<div class="list-item">
<div class="item-inner">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option1">
<span class="custom-control-label"> </span>
</label>
<div class="list-title"><a href="javascript:void(0)">Lorem Ipsum is simply dumm dummy text of the printing and typesetting industry.</a></div>
<div class="list-actions">
<a href="#"><i class="ik ik-eye"></i></a>
<a href="#"><i class="ik ik-inbox"></i></a>
<a href="#"><i class="ik ik-edit-2"></i></a>
<a href="#"><i class="ik ik-trash-2"></i></a>
</div>
</div>
<div class="qickview-wrap">
<div class="desc">
<p>Fusce suscipit turpis a dolor posuere ornare at a ante. Quisque nec libero facilisis, egestas tortor eget, mattis dui. Curabitur viverra laoreet ligula at hendrerit. Nullam sollicitudin maximus leo, vel pulvinar orci semper id. Donec vehicula tempus enim a facilisis. Proin dignissim porttitor sem, sed pulvinar tortor gravida vitae.</p>
</div>
</div>
</div>
<div class="list-item">
<div class="item-inner">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option2">
<span class="custom-control-label"> </span>
</label>
<div class="list-title"><a href="javascript:void(0)">Aenean eu pharetra arcu, vitae elementum sem. Sed non ligula molestie, finibus lacus at, suscipit mi. Nunc luctus lacus vel felis blandit, eu finibus augue tincidunt.</a></div>
<div class="list-actions">
<a href="#"><i class="ik ik-eye"></i></a>
<a href="#"><i class="ik ik-inbox"></i></a>
<a href="#"><i class="ik ik-edit-2"></i></a>
<a href="#"><i class="ik ik-trash-2"></i></a>
</div>
</div>
<div class="qickview-wrap">
<div class="desc">
<p>Fusce suscipit turpis a dolor posuere ornare at a ante. Quisque nec libero facilisis, egestas tortor eget, mattis dui. Curabitur viverra laoreet ligula at hendrerit. Nullam sollicitudin maximus leo, vel pulvinar orci semper id. Donec vehicula tempus enim a facilisis. Proin dignissim porttitor sem, sed pulvinar tortor gravida vitae.</p>
</div>
</div>
</div>
<div class="list-item">
<div class="item-inner">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option3">
<span class="custom-control-label"> </span>
</label>
<div class="list-title"><a href="javascript:void(0)">Donec lectus augue, suscipit in sodales sit amet, semper sit amet enim. Duis pretium, nisi id pretium ornare, tortor nibh sodales tellus.</a></div>
<div class="list-actions">
<a href="#"><i class="ik ik-eye"></i></a>
<a href="#"><i class="ik ik-inbox"></i></a>
<a href="#"><i class="ik ik-edit-2"></i></a>
<a href="#"><i class="ik ik-trash-2"></i></a>
</div>
</div>
<div class="qickview-wrap">
<div class="desc">
<p>Fusce suscipit turpis a dolor posuere ornare at a ante. Quisque nec libero facilisis, egestas tortor eget, mattis dui. Curabitur viverra laoreet ligula at hendrerit. Nullam sollicitudin maximus leo, vel pulvinar orci semper id. Donec vehicula tempus enim a facilisis. Proin dignissim porttitor sem, sed pulvinar tortor gravida vitae.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header row">
<div class="col col-sm-3">
<div class="card-options d-inline-block">
<a href="#"><i class="ik ik-inbox"></i></a>
<a href="#"><i class="ik ik-plus"></i></a>
<a href="#"><i class="ik ik-rotate-cw"></i></a>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-more-horizontal"></i></a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">More Action</a>
</div>
</div>
</div>
</div>
<div class="col col-sm-6">
<div class="card-search with-adv-search dropdown">
<form action="">
<input type="text" class="form-control global_filter" id="global_filter" placeholder="Search.." required>
<button type="submit" class="btn btn-icon"><i class="ik ik-search"></i></button>
<button type="button" id="adv_wrap_toggler" class="adv-btn ik ik-chevron-down dropdown-toggle" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
<div class="adv-search-wrap dropdown-menu dropdown-menu-right" aria-labelledby="adv_wrap_toggler">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control column_filter" id="col0_filter" placeholder="Name" data-column="0">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control column_filter" id="col1_filter" placeholder="Position" data-column="1">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control column_filter" id="col2_filter" placeholder="Office" data-column="2">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control column_filter" id="col3_filter" placeholder="Age" data-column="3">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control column_filter" id="col4_filter" placeholder="Start date" data-column="4">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control column_filter" id="col5_filter" placeholder="Salary" data-column="5">
</div>
</div>
</div>
<button class="btn btn-theme">Search</button>
</div>
</form>
</div>
</div>
<div class="col col-sm-3">
<div class="card-options text-right">
<span class="mr-5" id="top">1 - 50 of 2,500</span>
<a href="#"><i class="ik ik-chevron-left"></i></a>
<a href="#"><i class="ik ik-chevron-right"></i></a>
</div>
</div>
</div>
<div class="card-body">
<table id="advanced_table" class="table">
<thead>
<tr>
<th class="nosort" width="10">
<label class="custom-control custom-checkbox m-0">
<input type="checkbox" class="custom-control-input" id="selectall" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</th>
<th class="nosort">Avatar</th>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/1.jpg" class="table-user-thumb" alt=""></td>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/2.jpg" class="table-user-thumb" alt=""></td>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/3.jpg" class="table-user-thumb" alt=""></td>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/4.jpg" class="table-user-thumb" alt=""></td>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/5.jpg" class="table-user-thumb" alt=""></td>
<td>Airi Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/1.jpg" class="table-user-thumb" alt=""></td>
<td>Brielle Williamson</td>
<td>Integration Specialist</td>
<td>New York</td>
<td>61</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/2.jpg" class="table-user-thumb" alt=""></td>
<td>Herrod Chandler</td>
<td>Sales Assistant</td>
<td>San Francisco</td>
<td>59</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/3.jpg" class="table-user-thumb" alt=""></td>
<td>Rhona Davidson</td>
<td>Integration Specialist</td>
<td>Tokyo</td>
<td>55</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
<span class="custom-control-label"> </span>
</label>
</td>
<td><img src="img/users/4.jpg" class="table-user-thumb" alt=""></td>
<td>Colleen Hurst</td>
<td>Javascript Developer</td>
<td>San Francisco</td>
<td>39</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<aside class="right-sidebar">
<div class="sidebar-chat" data-plugin="chat-sidebar">
<div class="sidebar-chat-info">
<h6>Chat List</h6>
<form class="mr-t-10">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search for friends ...">
<i class="ik ik-search"></i>
</div>
</form>
</div>
<div class="chat-list">
<div class="list-group row">
<a href="javascript:void(0)" class="list-group-item" data-chat-user="Gene Newman">
<figure class="user--online">
<img src="img/users/1.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Gene Newman</span> <span class="username">@gene_newman</span> </span>
</a>
<a href="javascript:void(0)" class="list-group-item" data-chat-user="Billy Black">
<figure class="user--online">
<img src="img/users/2.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Billy Black</span> <span class="username">@billyblack</span> </span>
</a>
<a href="javascript:void(0)" class="list-group-item" data-chat-user="Herbert Diaz">
<figure class="user--online">
<img src="img/users/3.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Herbert Diaz</span> <span class="username">@herbert</span> </span>
</a>
<a href="javascript:void(0)" class="list-group-item" data-chat-user="Sylvia Harvey">
<figure class="user--busy">
<img src="img/users/4.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Sylvia Harvey</span> <span class="username">@sylvia</span> </span>
</a>
<a href="javascript:void(0)" class="list-group-item active" data-chat-user="Marsha Hoffman">
<figure class="user--busy">
<img src="img/users/5.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Marsha Hoffman</span> <span class="username">@m_hoffman</span> </span>
</a>
<a href="javascript:void(0)" class="list-group-item" data-chat-user="Mason Grant">
<figure class="user--offline">
<img src="img/users/1.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Mason Grant</span> <span class="username">@masongrant</span> </span>
</a>
<a href="javascript:void(0)" class="list-group-item" data-chat-user="Shelly Sullivan">
<figure class="user--offline">
<img src="img/users/2.jpg" class="rounded-circle" alt="">
</figure><span><span class="name">Shelly Sullivan</span> <span class="username">@shelly</span></span>
</a>
</div>
</div>
</div>
</aside>
<div class="chat-panel" hidden>
<div class="card">
<div class="card-header d-flex justify-content-between">
<a href="javascript:void(0);"><i class="ik ik-message-square text-success"></i></a>
<span class="user-name">John Doe</span>
<button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="card-body">
<div class="widget-chat-activity flex-1">
<div class="messages">
<div class="message media reply">
<figure class="user--online">
<a href="#">
<img src="img/users/3.jpg" class="rounded-circle" alt="">
</a>
</figure>
<div class="message-body media-body">
<p>Epic Cheeseburgers come in all kind of styles.</p>
</div>
</div>
<div class="message media">
<figure class="user--online">
<a href="#">
<img src="img/users/1.jpg" class="rounded-circle" alt="">
</a>
</figure>
<div class="message-body media-body">
<p>Cheeseburgers make your knees weak.</p>
</div>
</div>
<div class="message media reply">
<figure class="user--offline">
<a href="#">
<img src="img/users/5.jpg" class="rounded-circle" alt="">
</a>
</figure>
<div class="message-body media-body">
<p>Cheeseburgers will never let you down.</p>
<p>They'll also never run around or desert you.</p>
</div>
</div>
<div class="message media">
<figure class="user--online">
<a href="#">
<img src="img/users/1.jpg" class="rounded-circle" alt="">
</a>
</figure>
<div class="message-body media-body">
<p>A great cheeseburger is a gastronomical event.</p>
</div>
</div>
<div class="message media reply">
<figure class="user--busy">
<a href="#">
<img src="img/users/5.jpg" class="rounded-circle" alt="">
</a>
</figure>
<div class="message-body media-body">
<p>There's a cheesy incarnation waiting for you no matter what you palete preferences are.</p>
</div>
</div>
<div class="message media">
<figure class="user--online">
<a href="#">
<img src="img/users/1.jpg" class="rounded-circle" alt="">
</a>
</figure>
<div class="message-body media-body">
<p>If you are a vegan, we are sorry for you loss.</p>
</div>
</div>
</div>
</div>
</div>
<form action="javascript:void(0)" class="card-footer" method="post">
<div class="d-flex justify-content-end">
<textarea class="border-0 flex-1" rows="1" placeholder="Type your message here"></textarea>
<button class="btn btn-icon" type="submit"><i class="ik ik-arrow-right text-success"></i></button>
</div>
</form>
</div>
</div>
<footer class="footer">
<div class="w-100 clearfix">
<span class="text-center text-sm-left d-md-inline-block">Copyright © 2018 ThemeKit v2.0. All Rights Reserved.</span>
<span class="float-none float-sm-right mt-1 mt-sm-0 text-center">Crafted with <i class="fa fa-heart text-danger"></i> by <a href="http://lavalite.org/" class="text-dark" target="_blank">Lavalite</a></span>
</div>
</footer>
</div>
</div>
<div class="modal fade apps-modal" id="appsModal" tabindex="-1" role="dialog" aria-labelledby="appsModalLabel" aria-hidden="true" data-backdrop="false">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="ik ik-x-circle"></i></button>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="quick-search">
<div class="container">
<div class="row">
<div class="col-md-4 ml-auto mr-auto">
<div class="input-wrap">
<input type="text" id="quick-search" class="form-control" placeholder="Search..." />
<i class="ik ik-search"></i>
</div>
</div>
</div>
</div>
</div>
<div class="modal-body d-flex align-items-center">
<div class="container">
<div class="apps-wrap">
<div class="app-item">
<a href="#"><i class="ik ik-bar-chart-2"></i><span>Dashboard</span></a>
</div>
<div class="app-item dropdown">
<a href="#" class="dropdown-toggle" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-command"></i><span>Ui</span></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-mail"></i><span>Message</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-users"></i><span>Accounts</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-shopping-cart"></i><span>Sales</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-briefcase"></i><span>Purchase</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-server"></i><span>Menus</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-clipboard"></i><span>Pages</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-message-square"></i><span>Chats</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-map-pin"></i><span>Contacts</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-box"></i><span>Blocks</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-calendar"></i><span>Events</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-bell"></i><span>Notifications</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-pie-chart"></i><span>Reports</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-layers"></i><span>Tasks</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-edit"></i><span>Blogs</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-settings"></i><span>Settings</span></a>
</div>
<div class="app-item">
<a href="#"><i class="ik ik-more-horizontal"></i><span>More</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>window.jQuery || document.write('<script src="src/js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
<script src="plugins/popper.js/dist/umd/popper.min.js"></script>
<script src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="plugins/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
<script src="plugins/screenfull/dist/screenfull.js"></script>
<script src="plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap.min.js"></script>
<script src="plugins/jvectormap/tests/assets/jquery-jvectormap-world-mill-en.js"></script>
<script src="plugins/moment/moment.js"></script>
<script src="plugins/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
<script src="plugins/d3/dist/d3.min.js"></script>
<script src="plugins/c3/c3.min.js"></script>
<script src="js/tables.js"></script>
<script src="js/widgets.js"></script>
<script src="js/charts.js"></script>
<script src="dist/js/theme.min.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。