|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/parasoffline.edukrypt.in/application/views/temp_demo/ |
Upload File : |
<!DOCTYPE html>
<html>
<!-- Mirrored from alliance-html.themerex.net/widgets-tools.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 02 Apr 2016 08:05:50 GMT -->
<head>
<!-- -------------- Meta and Title -------------- -->
<meta charset="utf-8">
<title>Alliance - A Responsive Bootstrap 3 Admin Dashboard Template</title>
<meta name="keywords" content="HTML5, Bootstrap 3, Admin Template, UI Theme"/>
<meta name="description" content="Alliance - A Responsive HTML5 Admin UI Framework">
<meta name="author" content="ThemeREX">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- -------------- Fonts -------------- -->
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic' rel='stylesheet'
type='text/css'>
<!-- -------------- Stateface CSS -------------- -->
<link rel="stylesheet" type="text/css" href="assets/fonts/stateface/stateface.css">
<!-- -------------- CSS - theme -------------- -->
<link rel="stylesheet" type="text/css" href="assets/skin/default_skin/css/theme.css">
<!-- -------------- CSS - allcp forms -------------- -->
<link rel="stylesheet" type="text/css" href="assets/allcp/forms/css/forms.min.css">
<!-- -------------- Plugins -------------- -->
<link rel="stylesheet" type="text/css" href="assets/js/plugins/c3charts/c3.min.css">
<!-- -------------- Favicon -------------- -->
<link rel="shortcut icon" href="assets/img/favicon.ico">
<!-- -------------- IE8 HTML5 support -------------- -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="widgets-tools" data-spy="scroll" data-target="#nav-spy" data-offset="300">
<!-- -------------- Customizer -------------- -->
<div id="customizer">
<div class="panel">
<div class="panel-heading">
<span class="panel-icon">
<i class="fa fa-cogs"></i>
</span>
<span class="panel-title"> Theme Options</span>
</div>
<div class="panel-body pn">
<ul class="nav nav-list nav-list-sm" role="tablist">
<li class="active">
<a href="#customizer-header" role="tab" data-toggle="tab">Navbar</a>
</li>
<li>
<a href="#customizer-sidebar" role="tab" data-toggle="tab">Sidebar</a>
</li>
<li>
<a href="#customizer-settings" role="tab" data-toggle="tab">Misc</a>
</li>
</ul>
<div class="tab-content p20 ptn pb15">
<div role="tabpanel" class="tab-pane active" id="customizer-header">
<form id="customizer-header-skin">
<h6 class="mv20">Header Skins</h6>
<div class="customizer-sample">
<table>
<tr>
<td>
<div class="checkbox-custom fill checkbox-dark mb10">
<input type="radio" name="headerSkin" id="headerSkin5" checked
value="bg-dark">
<label for="headerSkin5">Dark</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-warning mb10">
<input type="radio" name="headerSkin" id="headerSkin2" value="bg-warning">
<label for="headerSkin2">Warning</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox-custom fill checkbox-danger mb10">
<input type="radio" name="headerSkin" id="headerSkin3" value="bg-danger">
<label for="headerSkin3">Danger</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-success mb10">
<input type="radio" name="headerSkin" id="headerSkin4" value="bg-success">
<label for="headerSkin4">Success</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox-custom fill checkbox-primary mb10">
<input type="radio" name="headerSkin" id="headerSkin6" value="bg-primary">
<label for="headerSkin6">Primary</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-info mb10">
<input type="radio" name="headerSkin" id="headerSkin7" value="bg-info">
<label for="headerSkin7">Info</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox-custom fill checkbox-alert mb10">
<input type="radio" name="headerSkin" id="headerSkin8" value="bg-alert">
<label for="headerSkin8">Alert</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-system mb10">
<input type="radio" name="headerSkin" id="headerSkin9" value="bg-system">
<label for="headerSkin9">System</label>
</div>
</td>
</tr>
</table>
<div class="checkbox-custom checkbox-disabled fill mb10">
<input type="radio" name="headerSkin" id="headerSkin1" value="bgc-light">
<label for="headerSkin1">Light</label>
</div>
</div>
</form>
<form id="customizer-footer-skin">
<h6 class="mv20">Footer Skins</h6>
<div class="customizer-sample">
<table>
<tr>
<td>
<div class="checkbox-custom fill checkbox-dark mb10">
<input type="radio" name="footerSkin" id="footerSkin1" checked value="">
<label for="footerSkin1">Dark</label>
</div>
</td>
<td>
<div class="checkbox-custom checkbox-disabled fill mb10">
<input type="radio" name="footerSkin" id="footerSkin2" value="footer-light">
<label for="footerSkin2">Light</label>
</div>
</td>
</tr>
</table>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="customizer-sidebar">
<form id="customizer-sidebar-skin">
<h6 class="mv20">Sidebar Skins</h6>
<div class="customizer-sample">
<div class="checkbox-custom fill checkbox-dark mb10">
<input type="radio" name="sidebarSkin" checked id="sidebarSkin2" value="">
<label for="sidebarSkin2">Dark</label>
</div>
<div class="checkbox-custom fill checkbox-disabled mb10">
<input type="radio" name="sidebarSkin" id="sidebarSkin1" value="sidebar-light">
<label for="sidebarSkin1">Light</label>
</div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="customizer-settings">
<form id="customizer-settings-misc">
<h6 class="mv20 mtn">Layout Options</h6>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" checked="" id="header-option">
<label for="header-option">Fixed Header</label>
</div>
</div>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" checked="" id="sidebar-option">
<label for="sidebar-option">Fixed Sidebar</label>
</div>
</div>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" id="breadcrumb-option">
<label for="breadcrumb-option">Fixed Breadcrumbs</label>
</div>
</div>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" id="breadcrumb-hidden">
<label for="breadcrumb-hidden">Hide Breadcrumbs</label>
</div>
</div>
</form>
</div>
</div>
<div class="form-group mn pb35 pt25 text-center">
<a href="#" id="clearAll" class="btn btn-primary btn-bordered btn-sm">Clear All</a>
</div>
</div>
</div>
</div>
<!-- -------------- /Customizer -------------- -->
<!-- -------------- Body Wrap -------------- -->
<div id="main">
<!-- -------------- Header -------------- -->
<header class="navbar navbar-fixed-top bg-dark">
<div class="navbar-logo-wrapper">
<a class="navbar-logo-text" href="dashboard1.html">
<b>Alliance</b>
</a>
<span id="sidebar_left_toggle" class="ad ad-lines"></span>
</div>
<ul class="nav navbar-nav navbar-left">
<li class="dropdown dropdown-fuse hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
<span class="fa fa-chevron-down"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">One more action</a></li>
<li><a href="#">More actions if needed</a></li>
<li class="divider"></li>
<li><a href="#">Separated action</a></li>
</ul>
</li>
<li class="hidden-xs">
<a class="navbar-fullscreen toggle-active" href="#">
<span class="glyphicon glyphicon-fullscreen"></span>
</a>
</li>
</ul>
<form class="navbar-form navbar-left search-form square" role="search">
<div class="input-group add-on">
<input type="text" class="form-control" placeholder="Search..." onfocus="this.placeholder=''"
onblur="this.placeholder='Search...'">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="hidden-xs">
<div class="navbar-btn btn-group">
<a href="#" class="topbar-dropmenu-toggle btn" data-toggle="button">
<span class="fa fa-magic fs20 text-info"></span>
</a>
</div>
</li>
<li class="dropdown dropdown-fuse">
<div class="navbar-btn btn-group">
<button data-toggle="dropdown" class="btn dropdown-toggle">
<span class="fa fa-envelope fs20 text-danger"></span>
</button>
<button data-toggle="dropdown" class="btn dropdown-toggle fs18 visible-xl">
3
</button>
<div class="dropdown-menu keep-dropdown w375 animated animated-shorter fadeIn" role="menu">
<div class="panel mbn">
<div class="panel-menu">
<div class="btn-group btn-group-justified btn-group-nav" role="tablist">
<a href="#nav-tab1" data-toggle="tab"
class="btn btn-primary btn-bordered btn-sm active">Activity</a>
<a href="#nav-tab2" data-toggle="tab"
class="btn btn-primary btn-bordered btn-sm br-l-n br-r-n">Messages</a>
<a href="#nav-tab3" data-toggle="tab" class="btn btn-primary btn-bordered btn-sm">Notifications</a>
</div>
</div>
<div class="panel-body panel-scroller scroller-overlay scroller-navbar pn">
<div class="tab-content br-n pn">
<div id="nav-tab1" class="tab-pane active" role="tabpanel">
<ul class="media-list" role="menu">
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small> - 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/4.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small> - 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg"
class="mw40 br2" alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
</ul>
</div>
<div id="nav-tab2" class="tab-pane chat-widget" role="tabpanel">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/3.jpg">
</a>
</div>
<div class="media-body">
<span class="media-status online"></span>
<h5 class="media-heading">Frank Hill
<small> - 14:10am</small>
</h5>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
</div>
<div class="media">
<div class="media-body">
<span class="media-status offline"></span>
<h5 class="media-heading">George Kelly
<small> - 15:25am</small>
</h5>
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.
</div>
<div class="media-right">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/1.jpg">
</a>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/2.jpg">
</a>
</div>
<div class="media-body">
<span class="media-status online"></span>
<h5 class="media-heading">Frank Hill
<small> - 15:33am</small>
</h5>
Lorem ipsum dolor sit amet, nonummy nibh euismod tinc consectetuer
adipiscing elit.
</div>
</div>
<div class="media">
<div class="media-body">
<span class="media-status offline"></span>
<h5 class="media-heading">George Kelly
<small> - 15:43am</small>
</h5>
Euismod sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat.
</div>
<div class="media-right">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/1.jpg">
</a>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/2.jpg">
</a>
</div>
<div class="media-body">
<span class="media-status online"></span>
<h5 class="media-heading">Frank Hill
<small> - 16:30am</small>
</h5>
Corem ipsum dolor sit amet, nonummy nibh euismod tinc co.
</div>
</div>
<div class="media">
<div class="media-body">
<span class="media-status offline"></span>
<h5 class="media-heading">George Kelly
<small> - 12:30am</small>
</h5>
Ubh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div class="media-right">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/1.jpg">
</a>
</div>
</div>
</div>
<div id="nav-tab3" class="tab-pane alerts-widget" role="tabpanel">
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-shopping-cart text-success"></span> </a>
<div class="media-body">
<h5 class="media-heading">New Product Order
<small class="text-muted"></small>
</h5>
<a href="#">iPad Air</a> - 3 hours ago
</div>
<div class="media-right">
<div class="media-response"> Confirm?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-cog"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-comment text-system"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Comment
<small class="text-muted"></small>
</h5>
Sam Fisher - I'd like to read more!
</div>
<div class="media-right">
<div class="media-response text-right"> Moderate?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-pencil"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-eye text-warning"></span> </a>
<div class="media-body">
<h5 class="media-heading">New User Review
<small class="text-muted"></small>
</h5>
Sebastian Jones - 5 hours ago
</div>
<div class="media-right">
<div class="media-response"> Approve?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-remove"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span class="fa fa-user text-info"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Registration
<small class="text-muted"></small>
</h5>
Carlos Santiyago - 7 hours ago
</div>
<div class="media-right">
<div class="media-response"> Approve?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-remove"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span class="fa fa-user text-info"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Registration
<small class="text-muted"></small>
</h5>
Douglas Adams - 13 hours ago
</div>
<div class="media-right">
<div class="media-response"> Approve?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-remove"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-info text-alert"></span> </a>
<div class="media-body">
<h5 class="media-heading">New Invoice
<small class="text-muted"></small>
</h5>
<a href="#">iPad Air</a> - 14 hours ago
</div>
<div class="media-right">
<div class="media-response single">#1234567</div>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-link"></i>
</button>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-shopping-cart text-success"></span> </a>
<div class="media-body">
<h5 class="media-heading">New Product Order
<small class="text-muted"></small>
</h5>
<a href="#">iPad Air</a> - 14 hours ago
</div>
<div class="media-right">
<div class="media-response"> Confirm?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-cog"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer text-center">
<a href="#" class="btn btn-primary btn-sm btn-bordered"> View All </a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown dropdown-fuse">
<div class="navbar-btn btn-group">
<button data-toggle="dropdown" class="btn dropdown-toggle">
<span class="fa fa-bell fs20 text-primary"></span>
</button>
<button data-toggle="dropdown" class="btn dropdown-toggle fs18 visible-xl">
8
</button>
<div class="dropdown-menu keep-dropdown w375 animated animated-shorter fadeIn" role="menu">
<div class="panel mbn">
<div class="panel-menu">
<span class="panel-icon"><i class="fa fa-tasks"></i></span>
<span class="panel-title fw600"> Activity reports</span>
<button class="btn btn-default light btn-xs btn-bordered pull-right" type="button"><i
class="fa fa-refresh"></i>
</button>
</div>
<div class="panel-body panel-scroller scroller-navbar scroller-overlay scroller-pn pn">
<ol class="timeline-list">
<li class="timeline-item">
<div class="timeline-icon bg-dark light">
<span class="fa fa-envelope"></span>
</div>
<div class="timeline-desc">
<b>John Doe</b> Sent you a message.
<a href="#">View now</a>
</div>
<div class="timeline-date">11:15am</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-success">
<span class="fa fa-info"></span>
</div>
<div class="timeline-desc">
<b>Admin</b> created invoice for:
<a href="#">iPad Air</a>
</div>
<div class="timeline-date">6:26pm</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-success">
<span class="fa fa-info"></span>
</div>
<div class="timeline-desc">
<b>Admin</b> created invoice for:
<a href="#">iPhone 5s</a>
</div>
<div class="timeline-date">11:45am</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-dark light">
<span class="fa fa-envelope"></span>
</div>
<div class="timeline-desc">
<b>Lara Johnes</b> Sent you a message.
<a href="#">View now</a>
</div>
<div class="timeline-date">3:18pm</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-primary">
<span class="fa fa-star"></span>
</div>
<div class="timeline-desc">
<b>Richard Johnes</b> Added to wishlist:
<a href="#">iPhone 5c</a>
</div>
<div class="timeline-date">8:15am</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-success">
<span class="fa fa-info"></span>
</div>
<div class="timeline-desc">
<b>Admin</b> created invoice for:
<a href="#">Mac Pro</a>
</div>
<div class="timeline-date">9:29pm</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-primary">
<span class="fa fa-star"></span>
</div>
<div class="timeline-desc">
<b>Douglas Adams</b> Added to wishlist:
<a href="#">iPad 4</a>
</div>
<div class="timeline-date">3:05am</div>
</li>
</ol>
</div>
<div class="panel-footer text-center">
<a href="#" class="btn btn-primary btn-sm btn-bordered"> View All </a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown dropdown-fuse">
<div class="navbar-btn btn-group">
<button data-toggle="dropdown" class="btn btn-md dropdown-toggle">
EN
</button>
<ul class="dropdown-menu pv5 animated animated-short fadeIn" role="menu">
<li>
<a href="javascript:void(0);"> Spanish </a>
</li>
<li>
<a href="javascript:void(0);"> Italian </a>
</li>
</ul>
</div>
</li>
<li class="dropdown dropdown-fuse">
<a href="#" class="dropdown-toggle fw600" data-toggle="dropdown">
<span class="hidden-xs"><name>Doug Adams</name> </span>
<span class="fa fa-caret-down hidden-xs mr15"></span>
<img src="assets/img/avatars/profile_avatar.jpg" alt="avatar" class="mw55">
</a>
<ul class="dropdown-menu list-group keep-dropdown w250" role="menu">
<li class="dropdown-header clearfix">
<div class="pull-left ml10">
<select id="user-status">
<optgroup label="Current Status:">
<option value="1-1">Away</option>
<option value="1-2">Busy</option>
<option value="1-3" selected="selected">Online</option>
<option value="1-4">Offline</option>
</optgroup>
</select>
</div>
<div class="pull-right mr10">
<select id="user-role">
<optgroup label="Logged in As:">
<option value="1-1" selected="selected">Admin</option>
<option value="1-2">Editor</option>
<option value="1-3">User</option>
</optgroup>
</select>
</div>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-envelope-o"></span> Messages
<span class="label label-warning">54</span>
</a>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-users"></span> Friends
<span class="label label-warning">6</span>
</a>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-bell"></span> Notifications </a>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-cogs"></span> Settings </a>
</li>
<li class="dropdown-footer text-center">
<a href="#" class="btn btn-primary btn-sm btn-bordered">
<span class="fa fa-power-off pr5"></span> Logout </a>
</li>
</ul>
</li>
</ul>
</header>
<!-- -------------- /Header -------------- -->
<!-- -------------- Sidebar Left -------------- -->
<aside id="sidebar_left" class="nano nano-light affix">
<!-- -------------- Sidebar Left Wrapper -------------- -->
<div class="sidebar-left-content nano-content">
<!-- -------------- Sidebar Header -------------- -->
<header class="sidebar-header">
<!-- -------------- Sidebar - Author -------------- -->
<div class="sidebar-widget author-widget">
<div class="media">
<a class="media-left" href="#">
<img src="assets/img/avatars/profile_avatar.jpg" class="img-responsive">
</a>
<div class="media-body">
<div class="media-links">
<a href="#" class="sidebar-menu-toggle">User Menu -</a> <a href="utility-login.html">Logout</a>
</div>
<div class="media-author">Douglas Adams</div>
</div>
</div>
</div>
<!-- -------------- Sidebar - Author Menu -------------- -->
<div class="sidebar-widget menu-widget">
<div class="row text-center mbn">
<div class="col-xs-2 pln prn">
<a href="dashboard1.html" class="text-primary" data-toggle="tooltip" data-placement="top"
title="Dashboard">
<span class="fa fa-dashboard"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="charts-highcharts.html" class="text-info" data-toggle="tooltip"
data-placement="top"
title="Stats">
<span class="fa fa-bar-chart-o"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="sales-stats-products.html" class="text-system" data-toggle="tooltip"
data-placement="top" title="Orders">
<span class="fa fa-info-circle"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="sales-stats-purchases.html" class="text-warning" data-toggle="tooltip"
data-placement="top" title="Invoices">
<span class="fa fa-file"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="basic-profile.html" class="text-alert" data-toggle="tooltip" data-placement="top"
title="Users">
<span class="fa fa-users"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="management-tools-dock.html" class="text-danger" data-toggle="tooltip"
data-placement="top" title="Settings">
<span class="fa fa-cogs"></span>
</a>
</div>
</div>
</div>
</header>
<!-- -------------- /Sidebar Header -------------- -->
<!-- -------------- Sidebar Left Menu -------------- -->
<ul class="nav sidebar-menu">
<li class="sidebar-label pt30">Menu</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-dashboard"></span>
<span class="sidebar-title">Dashboard</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="dashboard1.html">
<span class="fa fa-file-text-o"></span> Layout 1 </a>
</li>
<li>
<a href="dashboard2.html">
<span class="fa fa-file-text-o"></span> Layout 2 </a>
</li>
</ul>
</li>
<li class="sidebar-label pt25">Tools</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-share-square-o"></span>
<span class="sidebar-title">Sales stats</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="dashboard2.html">
<span class="glyphicon glyphicon-tags"></span> Overview </a>
</li>
<li>
<a href="sales-stats-products.html">
<span class="glyphicon glyphicon-tags"></span> Products </a>
</li>
<li>
<a href="sales-stats-purchases.html">
<span class="fa fa-money"></span> Purchases </a>
</li>
<li>
<a href="sales-stats-clients.html">
<span class="fa fa-users"></span> Clients </a>
</li>
<li>
<a href="sales-stats-general-settings.html">
<span class="fa fa-gears"></span> General Settings </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-desktop"></span>
<span class="sidebar-title">Layout Templates</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa fa-arrows-h"></span>
Sidebars
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="sidebar-left-static.html">
Left Static </a>
</li>
<li>
<a href="sidebar-left-fixed.html">
Left Fixed </a>
</li>
<li>
<a href="sidebar-left-minified.html">
Left Minified </a>
</li>
<li>
<a href="sidebar-right-fixed.html">
Right Fixed </a>
</li>
<li>
<a href="sidebar-right-menu.html">
Right Static </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-arrows-v"></span>
Navigation
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="navigation-static.html">
Static </a>
</li>
<li>
<a href="navigation-fixed.html">
Fixed </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-hand-o-up"></span>
Top Panel
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="top-panel.html">
Default </a>
</li>
<li>
<a href="top-panel-menu.html">
With Menu </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-arrows-v"></span>
Content
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="content-blank.html">
Blank </a>
</li>
<li>
<a href="content-fixed.html">
Fixed </a>
</li>
<li>
<a href="content-hero.html">
Hero Content </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-pause"></span>
Content Chutes
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="chute-left.html">
Left Static </a>
</li>
<li>
<a href="chute-left-fixed.html">
Left Fixed </a>
</li>
<li>
<a href="chute-right.html">
Right Static </a>
</li>
<li>
<a href="chute-right-fixed.html">
Right Fixed </a>
</li>
<li>
<a href="chute-both.html">
Left & Right Static </a>
</li>
<li>
<a href="chute-both-fixed.html">
Left & Right Fixed </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-plus-square-o"></span>
Boxed Frontpage
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="boxed-default.html">
Default </a>
</li>
<li>
<a href="horizontal-navigation-boxed.html">
Optional Navigation </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-arrow-circle-o-up"></span>
Horizontal Navigation
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="horizontal-navigation-small-menu.html">
Small Menu</a>
</li>
<li>
<a href="horizontal-navigation-medium-menu.html">
Medium Menu</a>
</li>
<li>
<a href="horizontal-navigation-large-menu.html">
Large Menu</a>
</li>
<li>
<a href="horizontal-navigation-top-panel.html">
With Top Panel</a>
</li>
<li>
<a href="horizontal-navigation-collapsing-top-panel.html">
Collapsing Top Panel</a>
</li>
<li>
<a href="horizontal-navigation-boxed.html">
Boxed Layout</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-wrench"></span>
<span class="sidebar-title">Management Tools</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="management-tools-panels.html">
<span class="glyphicon glyphicon-book"></span> Panels </a>
</li>
<li>
<a href="management-tools-modals.html">
<span class="glyphicon glyphicon-modal-window"></span> Modals </a>
</li>
<li>
<a href="management-tools-dock.html">
<span class="glyphicon glyphicon-equalizer"></span> Dock </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-check-square-o"></span>
<span class="sidebar-title">Forms</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="forms-elements.html">
<span class="glyphicon glyphicon-shopping-cart"></span> Elements </a>
</li>
<li>
<a href="forms-widgets.html">
<span class="glyphicon glyphicon-calendar"></span> Widgets </a>
</li>
<li>
<a href="forms-layouts.html">
<span class="fa fa-desktop"></span> Layouts </a>
</li>
<li>
<a href="forms-wizard.html">
<span class="fa fa-clipboard"></span> Wizard </a>
</li>
<li>
<a href="forms-validation.html">
<span class="glyphicon glyphicon-check"></span> Validation </a>
</li>
</ul>
</li>
<li class="sidebar-label pt30">Elements</li>
<li class="active">
<a class="accordion-toggle menu-open" href="#">
<span class="fa fa-cogs"></span>
<span class="sidebar-title">Widgets</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="widgets-panels.html">
<span class="fa fa-desktop"></span> Panels </a>
</li>
<li>
<a href="widgets-scrollers-tiles.html">
<span class="fa fa-columns"></span> Scrollers & Tiles</a>
</li>
<li class="active">
<a href="widgets-tools.html">
<span class="fa fa-dot-circle-o"></span> Tools </a>
</li>
</ul>
</li>
<li>
<a href="email-layouts.html">
<span class="fa fa-envelope-o"></span>
<span class="sidebar-title">Email Layouts</span>
</a>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-star-half-full "></span>
<span class="sidebar-title">User Interface</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="user-interface-alerts.html">
<span class="fa fa-warning"></span> Alerts </a>
</li>
<li>
<a href="user-interface-buttons.html">
<span class="fa fa-plus-square-o"></span> Buttons </a>
</li>
<li>
<a href="user-interface-typography.html">
<span class="fa fa-text-width"></span> Typography </a>
</li>
<li>
<a href="user-interface-panels.html">
<span class="fa fa-archive"></span> Panels </a>
</li>
<li>
<a href="user-interface-progress-bars.html">
<span class="fa fa-bars"></span> Progress Bars </a>
</li>
<li>
<a href="user-interface-tabs.html">
<span class="fa fa-toggle-off"></span> Tabs </a>
</li>
<li>
<a href="user-interface-icons.html">
<span class="fa fa-hand-o-right"></span> Icons </a>
</li>
<li>
<a href="user-interface-grid.html">
<span class="fa fa-th-large"></span> Grid </a>
</li>
<li>
<a href="user-interface-progress-loader.html">
<span class="fa fa-th-large"></span> Page Progress Loader </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-tasks"></span>
<span class="sidebar-title">User Forms</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="user-forms-standart-inputs.html">
<span class="fa fa-magic"></span> Standart Inputs </a>
</li>
<li>
<a href="user-forms-additional-inputs.html">
<span class="fa fa-bell-o"></span> Additional Inputs
</a>
</li>
<li>
<a href="user-forms-editors.html">
<span class="fa fa-clipboard"></span> Editors </a>
</li>
<li>
<a href="user-forms-treeview.html">
<span class="fa fa-tree"></span> Treeview </a>
</li>
<li>
<a href="user-forms-nestable.html">
<span class="fa fa-tasks"></span> Nestable </a>
</li>
<li>
<a href="user-forms-image-tools.html">
<span class="fa fa-cloud-upload"></span> Image Tools
</a>
</li>
<li>
<a href="user-forms-file-uploaders.html">
<span class="fa fa-cloud-upload"></span> File Uploaders </a>
</li>
<li>
<a href="user-forms-notifications.html">
<span class="fa fa-bell-o"></span> Notifications </a>
</li>
<li>
<a href="user-forms-content-sliders.html">
<span class="fa fa-exchange"></span> Content Sliders </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-crop"></span>
<span class="sidebar-title">Plugins</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a class="accordion-toggle" href="#">
<span class="glyphicon glyphicon-globe"></span> Maps
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="maps-basic.html">Basic</a>
</li>
<li>
<a href="maps-vector.html">Vector</a>
</li>
<li>
<a href="maps-full.html">Full</a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-area-chart"></span> Charts
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="charts-highcharts.html">Highcharts</a>
</li>
<li>
<a href="charts-d3.html">D3 Charts</a>
</li>
<li>
<a href="charts-flot.html">Flot Charts</a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-table"></span> Tables
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="tables-basic.html"> Basic </a>
</li>
<li>
<a href="tables-datatables.html"> Data </a>
</li>
<li>
<a href="tables-sortable.html"> Sortable </a>
</li>
<li>
<a href="tables-pricing.html"> Pricing </a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-file-text-o"></span>
<span class="sidebar-title">Pages</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-gears"></span> Utility
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="utility-confirmation.html" target="_blank"> Confirmation </a>
</li>
<li>
<a href="utility-login.html" target="_blank"> Login </a>
</li>
<li>
<a href="utility-register.html" target="_blank"> Register </a>
</li>
<li>
<a href="utility-forgot-password.html" target="_blank"> Forgot Password </a>
</li>
<li>
<a href="utility-coming-soon.html" target="_blank"> Coming Soon
</a>
</li>
<li>
<a href="utility-404-error.html"> 404 Error </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-desktop"></span> Basic
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="basic-search-results.html">Search Results</a>
</li>
<li>
<a href="basic-profile.html"> Profile </a>
</li>
<li>
<a href="basic-timeline.html"> Timeline </a>
</li>
<li>
<a href="basic-faq-page.html"> FAQ Page </a>
</li>
<li>
<a href="basic-calendar.html"> Calendar </a>
</li>
<li>
<a href="basic-messages.html"> Messages </a>
</li>
<li>
<a href="basic-gallery.html"> Gallery </a>
</li>
<li>
<a href="basic-invoice.html"> Invoice </a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="doc/index.html">
<span class="fa fa-book"></span>
<span class="sidebar-title">Documentation</span>
</a>
</li>
<!-- -------------- Sidebar Progress Bars -------------- -->
<li class="sidebar-label pt25 pb15">Stats</li>
<li class="sidebar-stat">
<a href="#" class="fs11">
<span class="fa fa-calendar-o text-info"></span>
<span class="sidebar-title text-muted">September earnings</span>
<span class="pull-right mr20 text-muted">$1158</span>
<div id="high-column4" style="height: 150px;"></div>
</a>
</li>
<li class="sidebar-stat">
<a href="#" class="fs11">
<span class="fa fa-calendar text-info"></span>
<span class="sidebar-title text-muted">August earnings</span>
<span class="pull-right mr20 text-muted">$1001</span>
<div id="high-column5" style="height: 150px;"></div>
</a>
</li>
</ul>
<!-- -------------- /Sidebar Menu -------------- -->
<!-- -------------- Sidebar Hide Button -------------- -->
<div class="sidebar-toggler">
<a href="#">
<span class="fa fa-arrow-circle-o-left"></span>
</a>
</div>
<!-- -------------- /Sidebar Hide Button -------------- -->
</div>
<!-- -------------- /Sidebar Left Wrapper -------------- -->
</aside>
<!-- -------------- /Sidebar -------------- -->
<!-- -------------- Main Wrapper -------------- -->
<section id="content_wrapper">
<!-- -------------- Topbar Menu Wrapper -------------- -->
<div id="topbar-dropmenu-wrapper">
<div class="topbar-menu row">
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-danger">
<span class="fa fa-music"></span>
<span class="service-title">Audio</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-success">
<span class="fa fa-picture-o"></span>
<span class="service-title">Images</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-primary">
<span class="fa fa-video-camera"></span>
<span class="service-title">Videos</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-alert">
<span class="fa fa-envelope"></span>
<span class="service-title">Messages</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-system">
<span class="fa fa-cog"></span>
<span class="service-title">Settings</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-dark">
<span class="fa fa-user"></span>
<span class="service-title">Users</span>
</a>
</div>
</div>
</div>
<!-- -------------- /Topbar Menu Wrapper -------------- -->
<!-- -------------- Topbar -------------- -->
<header id="topbar" class="alt">
<div class="topbar-left">
<ol class="breadcrumb">
<li class="breadcrumb-icon">
<a href="dashboard1.html">
<span class="fa fa-home"></span>
</a>
</li>
<li class="breadcrumb-active">
<a href="dashboard1.html">Dashboard</a>
</li>
<li class="breadcrumb-link">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-current-item">Tools</li>
</ol>
</div>
<div class="topbar-right">
<div class="ib topbar-dropdown">
<label for="topbar-multiple" class="control-label">Reporting Period</label>
<select id="topbar-multiple" class="hidden">
<optgroup label="Filter By:">
<option value="1-1">Last 30 Days</option>
<option value="1-2" selected="selected">Last 60 Days</option>
<option value="1-3">Last Year</option>
</optgroup>
</select>
</div>
<div class="ml15 ib va-m" id="sidebar_right_toggle">
<div class="navbar-btn btn-group btn-group-number mv0">
<button class="btn btn-sm btn-default btn-bordered prn pln">
<i class="fa fa-bar-chart fs22 text-default"></i>
</button>
<button class="btn btn-primary btn-sm btn-bordered hidden-xs"> 3</button>
</div>
</div>
</div>
</header>
<!-- -------------- /Topbar -------------- -->
<!-- -------------- Content -------------- -->
<section id="content" class="table-layout animated fadeIn">
<!-- -------------- Column Left -------------- -->
<aside class="chute chute-left chute290 bg-primary" data-chute-height="match">
<div id="nav-spy">
<ul class="nav chute-nav" data-smoothscroll="-145" data-spy="affix"
data-offset-top="200">
<li class="active">
<a href="#spy1">Traffic Sources</a>
</li>
<li>
<a href="#spy2">Traphic Sources (Column)</a>
</li>
<li>
<a href="#spy3">Server Stats</a>
</li>
<li>
<a href="#spy4">Visitor Geography</a>
</li>
<li>
<a href="#spy9">Visitors Graph Widget</a>
</li>
<li>
<a href="#spy5">Visitors by Country</a>
</li>
<li>
<a href="#spy6">Traphic Sources (Circulars)</a>
</li>
<li>
<a href="#spy8">Ticket Reply Time</a>
</li>
<li>
<a href="#spy10">Server Status</a>
</li>
</ul>
</div>
</aside>
<!-- -------------- /Column Left -------------- -->
<!-- -------------- Column Center -------------- -->
<div class="chute chute-center">
<div class="allcp-panels" style="max-width: 1200px;">
<div class="row">
<div class="col-md-6 allcp-grid">
<!-- -------------- Traffic Sources -------------- -->
<div class="panel" id="spy1">
<div class="panel-heading">
<span class="panel-title">Traffic Sources</span>
</div>
<div class="panel-menu br3 mt20">
<div class="chart-legend" data-chart-id="#high-line3">
<a type="button" data-chart-id="0" class="legend-item btn btn-sm btn-warning">Google</a>
<a type="button" data-chart-id="1" class="legend-item btn btn-primary btn-sm">Bing</a>
<a type="button" data-chart-id="2" class="legend-item btn btn-info btn-sm">Twitter</a>
</div>
</div>
<div class="panel-body pn">
<div id="high-line3" style="width: 100%; height: 210px; margin: 0 auto"></div>
</div>
</div>
<!-- -------------- Traphic Sources (Column) -------------- -->
<div class="panel" id="spy2">
<div class="panel-heading">
<span class="panel-title">Traphic Sources (Column)</span>
</div>
<div class="panel-body pn">
<div class="row table-layout table-clear-sm">
<div class="col-md-6 va-m pn pr20 pt10">
<div class="progress progress-bar-xl mt50 mb35">
<div class="progress-bar progress-bar-warning" role="progressbar"
aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100" style="width: 55%;">
<span>Google</span>
</div>
</div>
<div class="progress progress-bar-xl mb35">
<div class="progress-bar progress-bar-info" role="progressbar"
aria-valuenow="15"
aria-valuemin="0" aria-valuemax="100" style="width: 15%;">
<span>Bing</span>
</div>
</div>
<div class="progress progress-bar-xl">
<div class="progress-bar progress-bar-alert" role="progressbar"
aria-valuenow="30"
aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
<span>Twitter</span>
</div>
</div>
</div>
<div class="col-md-6 pn">
<div class="allcp-form">
<!-- -------------- Block Widget -------------- -->
<div class="smart-widget sm-right smr-50">
<label class="field">
<input type="text" name="sub" id="sub"
class="gui-input br-n br-b"
placeholder="Add Data Source">
</label>
<button type="submit" class="button br-n br-b br-l">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<table class="table mbn tc-icon-bold">
<tbody>
<tr>
<td>
<span class="fa fa-circle text-warning fs14 mr10"></span>Google
</td>
<td>55%</td>
</tr>
<tr>
<td>
<span class="fa fa-circle text-primary fs14 mr10"></span>Bing
</td>
<td>15%</td>
</tr>
<tr>
<td>
<span class="fa fa-circle text-alert fs14 mr10"></span>Twitter
</td>
<td>30%</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- -------------- Server Stats -------------- -->
<div class="panel" id="spy3">
<div class="panel-heading">
<span class="panel-title">Server Stats</span>
</div>
<div class="panel-body pn">
<div class="row">
<div class="col-sm-6 text-center pb20">
<span class="fa fa-pie-chart text-warning"></span>
<span class="fw600 fs12 text-muted">Memory load</span>
<div id="guage-chart2" style="height: 100%; width: 100%;"></div>
</div>
<div class="col-sm-6 text-center pb20">
<span class="fa fa-pie-chart text-success"></span>
<span class="fw600 fs12 text-muted">CPU load</span>
<div id="guage-chart3" style=""></div>
</div>
</div>
</div>
</div>
<!-- -------------- Visitor Geography -------------- -->
<div class="panel" id="spy4">
<div class="panel-heading">
<span class="panel-title">Visitor Geography</span>
</div>
<div class="panel-body">
<div id="WidgetMap" class="jvector-colors hide-jzoom"
style="width: 100%; height: 220px;"></div>
</div>
<div class="panel-menu allcp-form pn br-t">
<!-- -------------- Block Widget -------------- -->
<div class="smart-widget sm-right smr-50">
<label class="field">
<input type="text" name="sub" id="sub" class="gui-input br-n"
placeholder="United States of America" disabled>
</label>
<button type="submit" class="button br-n br-l">
<i class="fa fa-caret-down"></i>
</button>
</div>
</div>
<div class="panel-body pn">
<table class="table mbn tc-icon-bold br-t">
<tbody>
<tr>
<td class="va-m fw600 text-muted">
<span class="fa fa-circle text-success fs14 mr10"></span>California
</td>
<td class="fs15 fw600 text-right">45%</td>
</tr>
<tr>
<td class="va-m fw600 text-muted">
<span class="fa fa-circle text-warning fs14 mr10"></span>Texas
</td>
<td class="fs15 fw600 text-right">33%</td>
</tr>
<tr>
<td class="va-m fw600 text-muted">
<span class="fa fa-circle text-primary fs14 mr10"></span>Florida
</td>
<td class="fs15 fw600 text-right">18%</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- -------------- Visitors Graph -------------- -->
<div class="panel" id="spy9">
<div class="panel-heading">
<span class="panel-title">Visitors Graph Widget</span>
</div>
<div class="panel-body pn">
<table class="table mbn tc-icon-bold br-t">
<tbody>
<tr>
<td class="va-m fw600 text-muted">
<span class="fa fa-circle text-success fs14 mr10"></span>California
</td>
<td class="fs15 fw600 text-right">45%</td>
</tr>
<tr>
<td class="va-m fw600 text-muted">
<span class="fa fa-circle text-warning fs14 mr10"></span>Texas
</td>
<td class="fs15 fw600 text-right">33%</td>
</tr>
<tr>
<td class="va-m fw600 text-muted">
<span class="fa fa-circle text-primary fs14 mr10"></span>Florida
</td>
<td class="fs15 fw600 text-right">18%</td>
</tr>
</tbody>
</table>
</div>
<div class="panel-body">
<div id="area-chart1" style="height: 350px; width: 100%;"></div>
</div>
</div>
</div>
<!-- -------------- /.col-md-5 -------------- -->
<div class="col-md-6 allcp-grid">
<!-- -------------- Visitors by Country -------------- -->
<div class="panel" id="spy5">
<div class="panel-heading">
<span class="panel-title">Visitors by Country</span>
</div>
<div class="panel-menu br3 mt20">
<div class="chart-legend" data-chart-id="#high-bars">
<a data-chart-id="0" class="legend-item btn btn-warning btn-sm mr5">Visitors</a>
<a data-chart-id="1" class="legend-item btn btn-primary btn-sm">Google</a>
<a data-chart-id="2" class="legend-item btn btn-info btn-sm">Bing</a>
<a data-chart-id="3" class="legend-item btn btn-alert btn-sm">Twitter</a>
</div>
</div>
<div class="panel-body pn">
<div id="high-bars" style="width: 100%; height: 150px; margin: 0 auto"></div>
</div>
</div>
<!-- -------------- Traphic Sources (Circulars) -------------- -->
<div class="panel" id="spy6">
<div class="panel-heading">
<span class="panel-title">Traphic Sources (Circulars)</span>
</div>
<div class="panel-body">
<div class="row">
<div class="col-sm-4 text-center p5">
<div class="info-circle" id="c1" value="55"
data-circle-color="primary"></div>
<div class="text-dark fw600">Google</div>
</div>
<div class="col-sm-4 text-center p5">
<div class="info-circle" id="c2" value="15"
data-circle-color="primary"></div>
<div class="text-dark fw600">Bing</div>
</div>
<div class="col-sm-4 text-center p5">
<div class="info-circle" id="c3" value="30"
data-circle-color="primary"></div>
<div class="text-dark fw600">Twitter</div>
</div>
</div>
</div>
</div>
<!-- -------------- Ticket Reply Time -------------- -->
<div class="panel" id="spy8">
<div class="panel-heading">
<span class="panel-title">Ticket Reply Time</span>
</div>
<div class="panel-menu pn bg-white br3 mt20">
<ul class="nav nav-justified text-center fw600 chart-legend"
data-chart-id="#high-column3">
<li>
<a href="#" class="legend-item" data-chart-id="0"> HostGator </a>
</li>
<li class="br-l">
<a href="#" class="legend-item" data-chart-id="1"> BlueHost </a>
</li>
<li class="br-l">
<a href="#" class="legend-item" data-chart-id="2"> HostLife </a>
</li>
<li class="br-l">
<a href="#" class="legend-item" data-chart-id="3"> ScalaHosting </a>
</li>
</ul>
</div>
<div class="panel-body pbn">
<div id="high-column3" style="width: 100%; height: 400px; margin: 0 auto"></div>
</div>
<div class="panel-footer p15">
<p class="text-muted text-center mbn">Ticket reply time</p>
</div>
</div>
<!-- -------------- Server Status -------------- -->
<div class="panel" id="spy10">
<div class="panel-heading">
<span class="panel-title">Server Status</span>
</div>
<div class="panel-body pn">
<div class="progress progress-bar-xl br4">
<div class="progress-bar progress-bar-system" role="progressbar"
aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100" style="width: 55%;">
<span class="pull-left ph10">Memory Used</span>
<span class="pull-right ph10">55%</span>
</div>
</div>
<div class="progress progress-bar-xl br4">
<div class="progress-bar progress-bar-system" role="progressbar"
aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="pull-left ph10">Disk dev/sda1</span>
<span class="pull-right ph10">60%</span>
</div>
</div>
<div class="progress progress-bar-xl br4">
<div class="progress-bar progress-bar-system" role="progressbar"
aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
<span class="pull-left ph10">Disk dev/sda2</span>
<span class="pull-right ph10">80%</span>
</div>
</div>
<div class="progress progress-bar-xl br4">
<div class="progress-bar progress-bar-system" role="progressbar"
aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100" style="width: 66%;">
<span class="pull-left ph10">Disk dev/sda3</span>
<span class="pull-right ph10">66%</span>
</div>
</div>
<div class="progress progress-bar-xl br4">
<div class="progress-bar progress-bar-system" role="progressbar"
aria-valuenow="45"
aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
<span class="pull-left ph10">Disk dev/sda4</span>
<span class="pull-right ph10">45%</span>
</div>
</div>
<div class="progress progress-bar-xl br4">
<div class="progress-bar progress-bar-system" role="progressbar"
aria-valuenow="78"
aria-valuemin="0" aria-valuemax="100" style="width: 78%;">
<span class="pull-left ph10">Disk dev/sda5</span>
<span class="pull-right ph10">78%</span>
</div>
</div>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait nulla facilisi.</p>
</div>
</div>
<!-- -------------- Poll -------------- -->
<div class="panel" id="spy11">
<div class="panel-heading">
<span class="panel-title">Poll</span>
</div>
<div class="panel-body">
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait nulla facilisi.</p>
<div class="radio-custom mb5 radio-danger">
<input type="radio" id="browser1" name="radioExample">
<label for="browser1">Option 1: Google Chrome</label>
</div>
<div class="radio-custom mb5 radio-success">
<input type="radio" id="browser2" name="radioExample">
<label for="browser2">Option 2: Mozilla FireFox</label>
</div>
<div class="radio-custom mb5 radio-primary">
<input type="radio" id="browser3" name="radioExample">
<label for="browser3">Option 3: Microsoft Internet Explorer</label>
</div>
<div class="mt20">
<div class="btn btn-primary btn-lg mr20 mb5">VOTE</div>
<div class="btn btn-default btn-lg mb5">Hide result</div>
</div>
</div>
<div class="panel-body p20 br-a br6">
<div id="donut-chart1" style="height: 350px; width: 100%;"></div>
</div>
</div>
</div>
<!-- -------------- /.col-md-4 -------------- -->
</div>
</div>
</div>
<!-- -------------- /Column Center -------------- -->
</section>
<!-- -------------- /Content -------------- -->
</section>
<!-- -------------- Sidebar Right -------------- -->
<aside id="sidebar_right" class="nano affix">
<!-- -------------- Sidebar Right Content -------------- -->
<div class="sidebar-right-wrapper nano-content">
<div class="sidebar-block br-n p15">
<h6 class="title-divider text-muted mb20"> Visitors Stats
<span class="pull-right"> 2015
<i class="fa fa-caret-down ml5"></i>
</span>
</h6>
<div class="progress mh5">
<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="34"
aria-valuemin="0"
aria-valuemax="100" style="width: 34%">
<span class="fs11">New visitors</span>
</div>
</div>
<div class="progress mh5">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="66"
aria-valuemin="0"
aria-valuemax="100" style="width: 66%">
<span class="fs11 text-left">Returnig visitors</span>
</div>
</div>
<div class="progress mh5">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45"
aria-valuemin="0"
aria-valuemax="100" style="width: 45%">
<span class="fs11 text-left">Orders</span>
</div>
</div>
<h6 class="title-divider text-muted mt30 mb10">New visitors</h6>
<div class="row">
<div class="col-xs-5">
<h3 class="text-primary mn pl5">350</h3>
</div>
<div class="col-xs-7 text-right">
<h3 class="text-warning mn">
<i class="fa fa-caret-down"></i> 15.7% </h3>
</div>
</div>
<h6 class="title-divider text-muted mt25 mb10">Returnig visitors</h6>
<div class="row">
<div class="col-xs-5">
<h3 class="text-primary mn pl5">660</h3>
</div>
<div class="col-xs-7 text-right">
<h3 class="text-success-dark mn">
<i class="fa fa-caret-up"></i> 20.2% </h3>
</div>
</div>
<h6 class="title-divider text-muted mt25 mb10">Orders</h6>
<div class="row">
<div class="col-xs-5">
<h3 class="text-primary mn pl5">153</h3>
</div>
<div class="col-xs-7 text-right">
<h3 class="text-success mn">
<i class="fa fa-caret-up"></i> 5.3% </h3>
</div>
</div>
<h6 class="title-divider text-muted mt40 mb20"> Site Statistics
<span class="pull-right text-primary fw600">Today</span>
</h6>
</div>
</div>
</aside>
<!-- -------------- /Sidebar Right -------------- -->
</div>
<!-- -------------- /Body Wrap -------------- -->
<!-- -------------- Scripts -------------- -->
<!-- -------------- jQuery -------------- -->
<script src="assets/js/jquery/jquery-1.11.3.min.js"></script>
<script src="assets/js/jquery/jquery_ui/jquery-ui.min.js"></script>
<!-- -------------- Sparkline JS -------------- -->
<script src="assets/js/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- -------------- HighCharts Plugin -------------- -->
<script src="assets/js/plugins/highcharts/highcharts.js"></script>
<script src="assets/js/plugins/c3charts/d3.min.js"></script>
<script src="assets/js/plugins/c3charts/c3.min.js"></script>
<!-- -------------- Simple Circles Plugin -------------- -->
<script src="assets/js/plugins/circles/circles.js"></script>
<!-- -------------- Jvectormap JS -------------- -->
<script src="assets/js/plugins/jvectormap/jquery.jvectormap.min.js"></script>
<!-- -------------- Jvectormap Map JS -------------- -->
<script src="assets/js/plugins/jvectormap/assets/jquery-jvectormap-us-lcc-en.js"></script>
<!-- -------------- Theme Scripts -------------- -->
<script src="assets/js/utility/utility.js"></script>
<script src="assets/js/demo/demo.js"></script>
<script src="assets/js/main.js"></script>
<!-- -------------- Widgets JS -------------- -->
<script src="assets/js/demo/widgets.js"></script>
<!-- -------------- Page JS -------------- -->
<script src="assets/js/demo/charts/highcharts.js"></script>
<script src="assets/js/demo/widgets_sidebar.js"></script>
<script src="assets/js/pages/widgets-tools.js"></script>
<script src="assets/js/demo/charts/d3.js"></script>
<!-- -------------- /Scripts -------------- -->
</body>
<!-- Mirrored from alliance-html.themerex.net/widgets-tools.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 02 Apr 2016 08:05:52 GMT -->
</html>