PolicyBot/policybot
Template
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
d796f6ba5e
policybot/application/views/admin/widget.html
Kaleeswari 754dc8196f final 20211130
2021-11-30 16:26:55 +05:30

2130 lines
85 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from radixtouch.in/templates/admin/redstar/source/light/widget.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Aug 2019 14:07:19 GMT -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta name="description" content="Responsive Admin Template" />
<meta name="author" content="RedstarHospital" />
<title>Redstar Hospital | Bootstrap Responsive Hospital Admin Template</title>
<!-- google font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=all" rel="stylesheet" type="text/css" />
<!-- icons -->
<link href="../assets/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!--bootstrap -->
<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- morris chart -->
<link href="../assets/morris/morris.css" rel="stylesheet" type="text/css" />
<!-- Material Design Lite CSS -->
<link rel="stylesheet" href="../assets/material/material.min.css">
<link rel="stylesheet" href="css/material_style.css">
<!-- Theme Styles -->
<link href="css/theme_style.css" rel="stylesheet" id="rt_style_components" type="text/css" />
<link href="css/plugins.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<link href="css/theme-color.css" rel="stylesheet" type="text/css" />
<!-- Owl Carousel Assets -->
<link href="../assets/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="../assets/owl-carousel/owl.theme.css" rel="stylesheet">
<!-- favicon -->
<link rel="shortcut icon" href="img/favicon.ico" />
</head>
<body class="page-header-fixed sidemenu-closed-hidelogo page-content-white page-md header-white white-sidebar-color logo-indigo">
<div class="page-wrapper">
<!-- start header -->
<div class="page-header navbar navbar-fixed-top">
<div class="page-header-inner ">
<!-- logo start -->
<div class="page-logo">
<a href="index.html">
<span class="logo-icon fa fa-stethoscope fa-rotate-45"></span>
<span class="logo-default">REDSTAR</span> </a>
</div>
<!-- logo end -->
<ul class="nav navbar-nav navbar-left in">
<li><a href="#" class="menu-toggler sidebar-toggler"><i class="icon-menu"></i></a></li>
</ul>
<form class="search-form-opened" action="#" method="GET">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search..." name="query">
<span class="input-group-btn">
<a href="javascript:;" class="btn submit">
<i class="icon-magnifier"></i>
</a>
</span>
</div>
</form>
<!-- start mobile menu -->
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
<span></span>
</a>
<!-- end mobile menu -->
<!-- start header menu -->
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- start language menu -->
<li class="dropdown language-switch">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <img src="img/flags/gb.png" class="position-left"
alt=""> English <span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu">
<li>
<a class="deutsch"><img src="img/flags/de.png" alt=""> Deutsch</a>
</li>
<li>
<a class="ukrainian"><img src="img/flags/ua.png" alt=""> Українська</a>
</li>
<li>
<a class="english"><img src="img/flags/gb.png" alt=""> English</a>
</li>
<li>
<a class="espana"><img src="img/flags/es.png" alt=""> España</a>
</li>
<li>
<a class="russian"><img src="img/flags/ru.png" alt=""> Русский</a>
</li>
</ul>
</li>
<!-- end language menu -->
<!-- start notification dropdown -->
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="fa fa-bell-o"></i>
<span class="badge headerBadgeColor1"> 6 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3><span class="bold">Notifications</span></h3>
<span class="notification-label purple-bgcolor">New 6</span>
</li>
<li>
<ul class="dropdown-menu-list small-slimscroll-style" data-handle-color="#637283">
<li>
<a href="javascript:;">
<span class="time">just now</span>
<span class="details">
<span class="notification-icon circle deepPink-bgcolor"><i class="fa fa-check"></i></span>
Congratulations!. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">3 mins</span>
<span class="details">
<span class="notification-icon circle purple-bgcolor"><i class="fa fa-user o"></i></span>
<b>John Micle </b>is now following you. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">7 mins</span>
<span class="details">
<span class="notification-icon circle blue-bgcolor"><i class="fa fa-comments-o"></i></span>
<b>Sneha Jogi </b>sent you a message. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">12 mins</span>
<span class="details">
<span class="notification-icon circle pink"><i class="fa fa-heart"></i></span>
<b>Ravi Patel </b>like your photo. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">15 mins</span>
<span class="details">
<span class="notification-icon circle yellow"><i class="fa fa-warning"></i></span> Warning! </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">10 hrs</span>
<span class="details">
<span class="notification-icon circle red"><i class="fa fa-times"></i></span> Application error. </span>
</a>
</li>
</ul>
<div class="dropdown-menu-footer">
<a href="javascript:void(0)"> All notifications </a>
</div>
</li>
</ul>
</li>
<!-- end notification dropdown -->
<!-- start message dropdown -->
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="fa fa-envelope-o"></i>
<span class="badge headerBadgeColor2"> 2 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3><span class="bold">Messages</span></h3>
<span class="notification-label cyan-bgcolor">New 2</span>
</li>
<li>
<ul class="dropdown-menu-list small-slimscroll-style" data-handle-color="#637283">
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc2.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Sarah Smith </span>
<span class="time">Just Now </span>
</span>
<span class="message"> Jatin I found you on LinkedIn... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc3.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> John Deo </span>
<span class="time">16 mins </span>
</span>
<span class="message"> Fwd: Important Notice Regarding Your Domain Name... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc1.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Rajesh </span>
<span class="time">2 hrs </span>
</span>
<span class="message"> pls take a print of attachments. </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc8.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Lina Smith </span>
<span class="time">40 mins </span>
</span>
<span class="message"> Apply for Ortho Surgeon </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc5.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Jacob Ryan </span>
<span class="time">46 mins </span>
</span>
<span class="message"> Request for leave application. </span>
</a>
</li>
</ul>
<div class="dropdown-menu-footer">
<a href="#"> All Messages </a>
</div>
</li>
</ul>
</li>
<!-- end message dropdown -->
<!-- start manage user dropdown -->
<li class="dropdown dropdown-user">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<img alt="" class="img-circle " src="img/dp.jpg" />
<span class="username username-hide-on-mobile"> Kiran </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu dropdown-menu-default">
<li>
<a href="user_profile.html">
<i class="icon-user"></i> Profile </a>
</li>
<li>
<a href="#">
<i class="icon-settings"></i> Settings
</a>
</li>
<li>
<a href="#">
<i class="icon-directions"></i> Help
</a>
</li>
<li class="divider"> </li>
<li>
<a href="lock_screen.html">
<i class="icon-lock"></i> Lock
</a>
</li>
<li>
<a href="login.html">
<i class="icon-logout"></i> Log Out </a>
</li>
</ul>
</li>
<!-- end manage user dropdown -->
<li class="dropdown dropdown-quick-sidebar-toggler">
<a id="headerSettingButton" class="mdl-button mdl-js-button mdl-button--icon pull-right" data-upgraded=",MaterialButton">
<i class="material-icons">more_vert</i>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- end header -->
<!-- start color quick setting -->
<div class="quick-setting-main">
<button class="control-sidebar-btn btn" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></button>
<div class="quick-setting display-none">
<ul id="themecolors">
<li>
<p class="selector-title">Main Layouts</p>
</li>
<li class="complete">
<div class="theme-color layout-theme">
<a href="#" data-theme="light"><span class="head"></span><span class="cont"></span></a>
<a href="http://radixtouch.in/templates/admin/redstar/source/dark/widget.html" data-theme="dark"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
<li>
<p class="selector-title">Sidebar Color</p>
</li>
<li class="complete">
<div class="theme-color sidebar-theme">
<a href="#" data-theme="white"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="dark"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="blue"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="indigo"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="cyan"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="green"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="red"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
<li>
<p class="selector-title">Header Brand color</p>
</li>
<li class="theme-option">
<div class="theme-color logo-theme">
<a href="#" data-theme="logo-white"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-dark"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-blue"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-indigo"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-cyan"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-green"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-red"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
<li>
<p class="selector-title">Header color</p>
</li>
<li class="theme-option">
<div class="theme-color header-theme">
<a href="#" data-theme="header-white"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-dark"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-blue"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-indigo"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-cyan"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-green"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-red"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
</ul>
</div>
</div>
<!-- end color quick setting -->
<!-- start page container -->
<div class="page-container">
<!-- start sidebar menu -->
<div class="sidebar-container">
<div class="sidemenu-container navbar-collapse collapse fixed-menu">
<div id="remove-scroll" class="left-sidemenu">
<ul class="sidemenu page-header-fixed slimscroll-style" data-keep-expanded="false" data-auto-scroll="true"
data-slide-speed="200" style="padding-top: 20px">
<li class="sidebar-toggler-wrapper hide">
<div class="sidebar-toggler">
<span></span>
</div>
</li>
<li class="sidebar-user-panel">
<div class="user-panel">
<div class="pull-left image">
<img src="img/dp.jpg" class="img-circle user-img-circle" alt="User Image" />
</div>
<div class="pull-left info">
<p> Dr.Kiran Patel</p>
<a href="#"><i class="fa fa-circle user-online"></i><span class="txtOnline"> Online</span></a>
</div>
</div>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">dashboard</i>
<span class="title">Dashboard</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="index.html" class="nav-link ">
<span class="title">Dashboard 1</span>
</a>
</li>
<li class="nav-item ">
<a href="dashboard2.html" class="nav-link ">
<span class="title">Dashboard 2</span>
</a>
</li>
<li class="nav-item ">
<a href="dashboard3.html" class="nav-link ">
<span class="title">Dashboard 3</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">email</i>
<span class="title">Email</span>
<span class="arrow"></span>
<span class="label label-rouded label-menu deepPink-bgcolor">3</span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="email_inbox.html" class="nav-link ">
<span class="title">Inbox</span>
</a>
</li>
<li class="nav-item ">
<a href="email_view.html" class="nav-link ">
<span class="title">View Mail</span>
</a>
</li>
<li class="nav-item ">
<a href="email_compose.html" class="nav-link ">
<span class="title">Compose Mail</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"><i class="material-icons">assignment</i>
<span class="title">Appointment</span><span class="arrow"></span></a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="schedule.html" class="nav-link "> <span class="title">Doctor Schedule</span>
</a>
</li>
<li class="nav-item ">
<a href="book_appointment.html" class="nav-link "> <span class="title">Book Appointment</span>
</a>
</li>
<li class="nav-item ">
<a href="book_appointment_material.html" class="nav-link "> <span class="title">Book Appointment Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_appointment.html" class="nav-link "> <span class="title">Edit Appointment</span>
</a>
</li>
<li class="nav-item ">
<a href="view_appointment.html" class="nav-link "> <span class="title">View All Appointment</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">person</i>
<span class="title">Doctors</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="all_doctors.html" class="nav-link "> <span class="title">All Doctor</span>
</a>
</li>
<li class="nav-item ">
<a href="add_doctor.html" class="nav-link "> <span class="title">Add Doctor</span>
</a>
</li>
<li class="nav-item ">
<a href="add_doctor_material.html" class="nav-link "> <span class="title">Add Doctor Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_doctor.html" class="nav-link "> <span class="title">Edit Doctor</span>
</a>
</li>
<li class="nav-item ">
<a href="doctor_profile.html" class="nav-link "> <span class="title">About Doctor</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">group</i>
<span class="title">Other Staff</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="all_staffs.html" class="nav-link "> <span class="title">All Staff</span>
</a>
</li>
<li class="nav-item ">
<a href="add_staff.html" class="nav-link "> <span class="title">Add Staff</span>
</a>
</li>
<li class="nav-item ">
<a href="add_staff_material.html" class="nav-link "> <span class="title">Add Staff Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_staff.html" class="nav-link "> <span class="title">Edit Staff</span>
</a>
</li>
<li class="nav-item ">
<a href="staff_profile.html" class="nav-link "> <span class="title">Staff Profile</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">accessible</i>
<span class="title">Patients</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="all_patients.html" class="nav-link "> <span class="title">All Patients</span>
</a>
</li>
<li class="nav-item ">
<a href="add_patient.html" class="nav-link "> <span class="title">Add Patient</span>
</a>
</li>
<li class="nav-item ">
<a href="add_patient_material.html" class="nav-link "> <span class="title">Add Patient Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_patient.html" class="nav-link "> <span class="title">Edit Patient</span>
</a>
</li>
<li class="nav-item ">
<a href="patient_profile.html" class="nav-link "> <span class="title">Patient Profile</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">hotel</i>
<span class="title">Room Allotment</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="room_allotment.html" class="nav-link "> <span class="title">Alloted Rooms</span>
</a>
</li>
<li class="nav-item ">
<a href="add_room_allotment.html" class="nav-link "> <span class="title">New Allotment</span>
</a>
</li>
<li class="nav-item ">
<a href="add_room_allotment_material.html" class="nav-link "> <span class="title">New Allotment Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_room_allotment.html" class="nav-link "> <span class="title">Edit Allotment</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">monetization_on</i>
<span class="title">Payments</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="payments.html" class="nav-link "> <span class="title">Payments</span>
</a>
</li>
<li class="nav-item ">
<a href="add_payment.html" class="nav-link "> <span class="title">Add Payments</span>
</a>
</li>
<li class="nav-item ">
<a href="invoice_payment.html" class="nav-link "> <span class="title">Patient Invoice</span>
</a>
</li>
</ul>
</li>
<li class="nav-item active open ">
<a href="widget.html" class="nav-link nav-toggle"> <i class="material-icons">widgets</i>
<span class="title">Widget</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">dvr</i>
<span class="title">UI Elements</span>
<span class="label label-rouded label-menu">10</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="ui_buttons.html" class="nav-link ">
<span class="title">Buttons</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_tabs_accordions_navs.html" class="nav-link ">
<span class="title">Tabs &amp; Accordions</span>
</a>
</li>
<li class="nav-item ">
<a href="sweet_alert.html" class="nav-link ">
<span class="title">Alert</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_typography.html" class="nav-link ">
<span class="title">Typography</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_icons.html" class="nav-link ">
<span class="title">Icons</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_modal.html" class="nav-link ">
<span class="title">Modals</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_panels.html" class="nav-link ">
<span class="title">Panels</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_grid.html" class="nav-link ">
<span class="title">Grids</span>
</a>
</li>
<li class="nav-item ">
<a href="calendar.html" class="nav-link ">
<span class="title">Calender</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_tree.html" class="nav-link ">
<span class="title">Tree View</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_carousel.html" class="nav-link ">
<span class="title">Carousel</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">store</i>
<span class="title">Material Elements</span>
<span class="label label-rouded label-menu deepPink-bgcolor">14</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="material_button.html" class="nav-link ">
<span class="title">Buttons</span>
</a>
</li>
<li class="nav-item ">
<a href="material_tab.html" class="nav-link ">
<span class="title">Tabs</span>
</a>
</li>
<li class="nav-item ">
<a href="material_chips.html" class="nav-link ">
<span class="title">Chips</span>
</a>
</li>
<li class="nav-item ">
<a href="material_grid.html" class="nav-link ">
<span class="title">Grid</span>
</a>
</li>
<li class="nav-item ">
<a href="material_icons.html" class="nav-link ">
<span class="title">Icon</span>
</a>
</li>
<li class="nav-item ">
<a href="material_form.html" class="nav-link ">
<span class="title">Form</span>
</a>
</li>
<li class="nav-item ">
<a href="material_datepicker.html" class="nav-link ">
<span class="title">DatePicker</span>
</a>
</li>
<li class="nav-item ">
<a href="material_select.html" class="nav-link ">
<span class="title">Select Item</span>
</a>
</li>
<li class="nav-item ">
<a href="material_loading.html" class="nav-link ">
<span class="title">Loading</span>
</a>
</li>
<li class="nav-item ">
<a href="material_menu.html" class="nav-link ">
<span class="title">Menu</span>
</a>
</li>
<li class="nav-item ">
<a href="material_slider.html" class="nav-link ">
<span class="title">Slider</span>
</a>
</li>
<li class="nav-item ">
<a href="material_tables.html" class="nav-link ">
<span class="title">Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="material_toggle.html" class="nav-link ">
<span class="title">Toggle</span>
</a>
</li>
<li class="nav-item ">
<a href="material_badges.html" class="nav-link ">
<span class="title">Badges</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">subtitles</i>
<span class="title">Forms </span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="layouts_form.html" class="nav-link ">
<span class="title">Form Layout</span>
</a>
</li>
<li class="nav-item ">
<a href="advance_form.html" class="nav-link ">
<span class="title">Advance Component</span>
</a>
</li>
<li class="nav-item ">
<a href="wizard_form.html" class="nav-link ">
<span class="title">Form Wizard</span>
</a>
</li>
<li class="nav-item ">
<a href="validation_form.html" class="nav-link ">
<span class="title">Form Validation</span>
</a>
</li>
<li class="nav-item ">
<a href="editable_form.html" class="nav-link ">
<span class="title">Editor</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">list</i>
<span class="title">Data Tables</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="basic_table.html" class="nav-link ">
<span class="title">Basic Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="advanced_table.html" class="nav-link ">
<span class="title">Advance Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="export_table.html" class="nav-link ">
<span class="title">Export Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="child_row_table.html" class="nav-link ">
<span class="title">Child Row Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="group_table.html" class="nav-link ">
<span class="title">Grouping</span>
</a>
</li>
<li class="nav-item ">
<a href="tableData.html" class="nav-link ">
<span class="title">Tables With Sourced Data</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">timeline</i>
<span class="title">Charts</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="charts_echarts.html" class="nav-link ">
<span class="title">eCharts</span>
</a>
</li>
<li class="nav-item ">
<a href="charts_morris.html" class="nav-link ">
<span class="title">Morris Charts</span>
</a>
</li>
<li class="nav-item ">
<a href="charts_chartjs.html" class="nav-link ">
<span class="title">Chartjs</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">map</i>
<span class="title">Maps</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="google_maps.html" class="nav-link ">
<span class="title">Google Maps</span>
</a>
</li>
<li class="nav-item ">
<a href="vector_maps.html" class="nav-link ">
<span class="title">Vector Maps</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle"> <i class="material-icons">description</i>
<span class="title">Extra pages</span>
<span class="label label-rouded label-menu purple-bgcolor">7</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="login.html" class="nav-link "> <span class="title">Login</span>
</a>
</li>
<li class="nav-item ">
<a href="sign_up.html" class="nav-link "> <span class="title">Sign Up</span>
</a>
</li>
<li class="nav-item ">
<a href="forgot_password.html" class="nav-link "> <span class="title">Forgot Password</span>
</a>
</li>
<li class="nav-item "><a href="user_profile.html" class="nav-link "><span class="title">Profile</span>
</a>
</li>
<li class="nav-item ">
<a href="contact.html" class="nav-link "> <span class="title">Contact Us</span>
</a>
</li>
<li class="nav-item ">
<a href="lock_screen.html" class="nav-link "> <span class="title">Lock Screen</span>
</a>
</li>
<li class="nav-item ">
<a href="page-404.html" class="nav-link "> <span class="title">404 Page</span>
</a>
</li>
<li class="nav-item ">
<a href="page-500.html" class="nav-link "> <span class="title">500 Page</span>
</a>
</li>
<li class="nav-item ">
<a href="blank_page.html" class="nav-link "> <span class="title">Blank Page</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">slideshow</i>
<span class="title">Multi Level Menu</span>
<span class="arrow "></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-university"></i> Item 1
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-bell-o"></i> Arrow Toggle
<span class="arrow "></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="javascript:;" class="nav-link">
<i class="fa fa-calculator"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-clone"></i> Sample Link 2</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-cogs"></i> Sample Link 3</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-file-pdf-o"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-rss"></i> Sample Link 2</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-hdd-o"></i> Sample Link 3</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-gavel"></i> Arrow Toggle
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-paper-plane"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-power-off"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-recycle"></i> Sample Link 1
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-volume-up"></i> Item 3 </a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- end sidebar menu -->
<!-- start page content -->
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-bar">
<div class="page-title-breadcrumb">
<div class=" pull-left">
<div class="page-title">Widgets</div>
</div>
<ol class="breadcrumb page-breadcrumb pull-right">
<li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="index.html">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
</li>
<li class="active">Widgets</li>
</ol>
</div>
</div>
<!-- start widget -->
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="row clearfix">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="card">
<div class="panel-body">
<h3>New Client</h3>
<div class="progressbar-xs progress-rounded progress-striped progress ng-isolate-scope active">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="65" aria-valuemin="0"
aria-valuemax="100" style="width: 65%;"></div>
</div>
<span class="text-small margin-top-10 full-width">14% higher than last month</span>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="card">
<div class="panel-body">
<h3>New Project</h3>
<div class="progressbar-xs progress-rounded progress-striped progress ng-isolate-scope active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="68" aria-valuemin="0"
aria-valuemax="100" style="width: 68%;"></div>
</div>
<span class="text-small margin-top-10 full-width">7% higher than last month</span>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="card">
<div class="panel-body">
<h3>Open Project</h3>
<div class="progressbar-xs progress-rounded progress-striped progress ng-isolate-scope active">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="52" aria-valuemin="0"
aria-valuemax="100" style="width: 52%;"></div>
</div>
<span class="text-small margin-top-10 full-width">34% higher than last month</span>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="card">
<div class="panel-body">
<h3>Complete Project</h3>
<div class="progressbar-xs progress-rounded progress-striped progress ng-isolate-scope active">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="56" aria-valuemin="0"
aria-valuemax="100" style="width: 56%;"></div>
</div>
<span class="text-small margin-top-10 full-width">20% higher than last month</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="row1 clearfix top-report">
<div class="col-xs-12-1">
<div class="card">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner owl-carousel" role="listbox" id="owl-demo">
<div class="item active"> <img src="img/slider/slider1.jpg" alt=""> </div>
<div class="item"> <img src="img/slider/slider2.jpg" alt=""> </div>
<div class="item"> <img src="img/slider/slider3.jpg" alt=""> </div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span
class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span>
</a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="state-overview">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="overview-panel purple">
<div class="symbol">
<i class="fa fa-users usr-clr"></i>
</div>
<div class="value white">
<p class="sbold addr-font-h1" data-counter="counterup" data-value="23">0</p>
<p>APPOINTMENTS</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="overview-panel deepPink-bgcolor">
<div class="symbol">
<i class="fa fa-user"></i>
</div>
<div class="value white">
<p class="sbold addr-font-h1" data-counter="counterup" data-value="48">0</p>
<p>NEW PATIENTS</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="overview-panel orange">
<div class="symbol">
<i class="fa fa-heartbeat"></i>
</div>
<div class="value white">
<p class="sbold addr-font-h1" data-counter="counterup" data-value="14">0</p>
<p>TODAY'S OPT</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="overview-panel blue-bgcolor">
<div class="symbol">
<i class="fa fa-money"></i>
</div>
<div class="value white">
<p class="sbold addr-font-h1" data-counter="counterup" data-value="3421">0</p><span>$</span>
<p>Hospital Earning</p>
</div>
</div>
</div>
</div>
</div>
<!-- end widget -->
<div class="row">
<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
<div class="blogThumb">
<div class="thumb-center"><img class="img-responsive" alt="user" src="img/blog/blog1.jpg"></div>
<div class="white-box">
<div class="text-muted"><span class="m-r-10">June 16</span>
<a class="text-muted m-l-10" href="#"><i class="fa fa-heart-o"></i> 56</a>
</div>
<h3 class="m-t-20 m-b-20">White Woman Practices Yoga In</h3>
<p>There is a new neighbor on Sesame Street. Her name is Julia </p>
<button class="btn btn-success btn-rounded waves-effect waves-light m-t-20">Read more</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
<div class="blogThumb">
<div class="thumb-center"><img class="img-responsive" alt="user" src="img/blog/blog2.jpg"></div>
<div class="white-box">
<div class="text-muted"><span class="m-r-10">Feb 12</span>
<a class="text-muted m-l-10" href="#"><i class="fa fa-heart-o"></i> 45</a>
</div>
<h3 class="m-t-20 m-b-20">How Much Radon is In Your Home?</h3>
<p>There is a new neighbor on Sesame Street. Her name is Julia</p>
<button class="btn btn-success btn-rounded waves-effect waves-light m-t-20">Read more</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
<div class="blogThumb">
<div class="thumb-center"><img class="img-responsive" alt="user" src="img/blog/blog3.jpg"></div>
<div class="white-box">
<div class="text-muted"><span class="m-r-10">Dec 17</span>
<a class="text-muted m-l-10" href="#"><i class="fa fa-heart-o"></i> 79</a>
</div>
<h3 class="m-t-20 m-b-20">White Woman Practices Yoga In</h3>
<p>There is a new neighbor on Sesame Street. Her name is Julia </p>
<button class="btn btn-success btn-rounded waves-effect waves-light m-t-20">Read more</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
<div class="blogThumb">
<div class="thumb-center"><img class="img-responsive" alt="user" src="img/blog/blog4.jpg"></div>
<div class="white-box">
<div class="text-muted"><span class="m-r-10">April 23</span>
<a class="text-muted m-l-10" href="#"><i class="fa fa-heart-o"></i> 654</a>
</div>
<h3 class="m-t-20 m-b-20">How Much Radon is In Your Home?</h3>
<p>There is a new neighbor on Sesame Street. Her name is Julia</p>
<button class="btn btn-success btn-rounded waves-effect waves-light m-t-20">Read more</button>
</div>
</div>
</div>
</div>
<div class="state-overview">
<div class="row">
<div class="col-xl-3 col-md-6 col-12">
<div class="info-box bg-blue">
<span class="info-box-icon push-bottom"><i class="material-icons">group</i></span>
<div class="info-box-content">
<span class="info-box-text">Appointments</span>
<span class="info-box-number">450</span>
<div class="progress">
<div class="progress-bar" style="width: 45%"></div>
</div>
<span class="progress-description">
45% Increase in 28 Days
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-xl-3 col-md-6 col-12">
<div class="info-box bg-orange">
<span class="info-box-icon push-bottom"><i class="material-icons">person</i></span>
<div class="info-box-content">
<span class="info-box-text">New Patients</span>
<span class="info-box-number">155</span>
<div class="progress">
<div class="progress-bar" style="width: 40%"></div>
</div>
<span class="progress-description">
40% Increase in 28 Days
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-xl-3 col-md-6 col-12">
<div class="info-box bg-purple">
<span class="info-box-icon push-bottom"><i class="material-icons">content_cut</i></span>
<div class="info-box-content">
<span class="info-box-text">Operations</span>
<span class="info-box-number">52</span>
<div class="progress">
<div class="progress-bar" style="width: 85%"></div>
</div>
<span class="progress-description">
85% Increase in 28 Days
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-xl-3 col-md-6 col-12">
<div class="info-box bg-success">
<span class="info-box-icon push-bottom"><i class="material-icons">monetization_on</i></span>
<div class="info-box-content">
<span class="info-box-text">Hospital Earning</span>
<span class="info-box-number">13,921</span><span>$</span>
<div class="progress">
<div class="progress-bar" style="width: 50%"></div>
</div>
<span class="progress-description">
50% Increase in 28 Days
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="card card-topline-yellow">
<div class="card-head">
<header>CHAT</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<ul class="chat nice-chat">
<li class="in"><img src="img/doc/doc1.jpg" class="avatar" alt="">
<div class="message">
<span class="arrow"></span> <a class="name" href="#">Jone
Doe</a> <span class="datetime">at Mar 12, 2014 6:12</span> <span class="body"> Lorem ipsum dolor sit
amet,
consectetuer adipiscing elit </span>
</div>
</li>
<li class="out"><img src="img/dp.jpg" class="avatar" alt="">
<div class="message">
<span class="arrow"></span> <a class="name" href="#">Kiran
Patel</a> <span class="datetime">at Mar 12, 2014 6:13</span> <span class="body"> sed diam nonummy nibh
euismod
tincidunt ut </span>
</div>
</li>
<li class="in"><img src="img/doc/doc1.jpg" class="avatar" alt="">
<div class="message">
<span class="arrow"></span> <a class="name" href="#">Jone
Doe</a> <span class="datetime">at Mar 12, 2014 6:12</span> <span class="body"> aoreet dolore magna
aliquam erat
volutpat. </span>
</div>
</li>
<li class="out"><img src="img/dp.jpg" class="avatar" alt="">
<div class="message">
<span class="arrow"></span> <a class="name" href="#">Kiran
Patel</a> <span class="datetime">at Mar 12, 2014 6:13</span> <span class="body"> sed diam nonummy nibh
euismod
tincidunt ut </span>
</div>
</li>
<li class="in"><img src="img/doc/doc1.jpg" class="avatar" alt="">
<div class="message">
<span class="arrow"></span> <a class="name" href="#">Jone
Doe</a> <span class="datetime">at Mar 12, 2014 6:12</span> <span class="body"> aoreet dolore magna
aliquam erat
volutpat. </span>
</div>
</li>
<li class="out"><img src="img/dp.jpg" class="avatar" alt="">
<div class="message">
<span class="arrow"></span> <a class="name" href="#">Kiran
Patel</a> <span class="datetime">at Mar 12, 2014 6:13</span> <span class="body"> sed diam nonummy nibh
</span>
</div>
</li>
</ul>
<div class="box-footer chat-box-submit">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Enter your ToDo List" class="form-control">
<span class="input-group-btn">
<button type="submit" class="btn btn-warning btn-flat"><i class="fa fa-arrow-right"></i></button>
</span> </div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="card card-topline-red">
<div class="card-head">
<header>DOCTORS LIST</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<ul class="docListWindow">
<li>
<div class="prog-avatar">
<img src="img/doc/doc1.jpg" alt="">
</div>
<div class="details">
<div class="doctitle">
<a href="#">Dr.Rajesh</a> -(MBBS,MD)
</div>
<div>
<span class="clsAvailable">Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc2.jpg" alt="">
</div>
<div class="details">
<div class="doctitle">
<a href="#">Dr.Sarah Smith</a> -(MBBS,DGO,MD)
</div>
<div>
<span class="clsAvailable">Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc3.jpg" alt="">
</div>
<div class="details">
<div class="doctitle">
<a href="#">Dr.John Deo</a> - (BDS,MDS)
</div>
<div>
<span class="clsNotAvailable">Not Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc4.jpg" alt="">
</div>
<div class="details">
<div class="doctitle">
<a href="#">Dr.Jay Soni</a> - (BHMS)
</div>
<div>
<span class="clsOnLeave">On Leave</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc5.jpg" alt="">
</div>
<div class="details">
<div class="doctitle">
<a href="#">Dr.Jacob Ryan</a> - (MBBS,MS)
</div>
<div>
<span class="clsNotAvailable">Not Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc6.jpg" alt="">
</div>
<div class="details">
<div class="doctitle">
<a href="#">Dr.Megha Trivedi</a> - (MBBS,MS)
</div>
<div>
<span class="clsAvailable">Available</span>
</div>
</div>
</li>
</ul>
<div class="text-center full-width">
<a href="#">View all</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- start admited patient list -->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="card card-topline-yellow">
<div class="card-head">
<header>ADMIT PATIENT LIST</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body ">
<div class="table-wrap">
<div class="table-responsive">
<table class="table display product-overview mb-30" id="support_table">
<thead>
<tr>
<th>No</th>
<th>Name</th>
<th>Assigned Doctor</th>
<th>Date Of Admit</th>
<th>Diseases</th>
<th>Room No</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Jens Brincker</td>
<td>Dr.Kenny Josh</td>
<td>27/05/2016</td>
<td>
<span class="label label-sm label-success">Influenza</span>
</td>
<td>101</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>2</td>
<td>Mark Hay</td>
<td>Dr. Mark</td>
<td>26/05/2017</td>
<td>
<span class="label label-sm label-warning"> Cholera </span>
</td>
<td>105</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>3</td>
<td>Anthony Davie</td>
<td>Dr.Cinnabar</td>
<td>21/05/2016</td>
<td>
<span class="label label-sm label-success ">Amoebiasis</span>
</td>
<td>106</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>4</td>
<td>David Perry</td>
<td>Dr.Felix </td>
<td>20/04/2016</td>
<td>
<span class="label label-sm label-danger">Jaundice</span>
</td>
<td>105</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>5</td>
<td>Anthony Davie</td>
<td>Dr.Beryl</td>
<td>24/05/2016</td>
<td>
<span class="label label-sm label-success ">Leptospirosis</span>
</td>
<td>102</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>6</td>
<td>Alan Gilchrist</td>
<td>Dr.Joshep</td>
<td>22/05/2016</td>
<td>
<span class="label label-sm label-warning ">Hepatitis</span>
</td>
<td>103</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>7</td>
<td>Mark Hay</td>
<td>Dr.Jayesh</td>
<td>18/06/2016</td>
<td>
<span class="label label-sm label-success ">Typhoid</span>
</td>
<td>107</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
<tr>
<td>8</td>
<td>Sue Woodger</td>
<td>Dr.Sharma</td>
<td>17/05/2016</td>
<td>
<span class="label label-sm label-danger">Malaria</span>
</td>
<td>108</td>
<td><a href="javascript:void(0)" class="" data-toggle="tooltip" title="Edit"><i class="fa fa-check"></i></a>
<a href="javascript:void(0)" class="text-inverse" title="Delete" data-toggle="tooltip"><i class="fa fa-trash"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-md-4 col-sm-4">
<div class="card card-topline-green">
<div class="card-head">
<header>TASK</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body ">
<div class="task-body task-panel">
<div class="list-group mb-0">
<a href="#" class="list-group-item">
<span class="badge badge-info">just now</span>
<i class="fa fa-calendar"></i> Calendar updated
</a>
<a href="#" class="list-group-item">
<span class="badge badge-info">just now</span>
<i class="fa fa-calendar"></i> Calendar updated
</a>
<a href="#" class="list-group-item">
<span class="badge badge-success">4 minutes ago</span>
<i class="fa fa-comment"></i> Commented on a post
</a>
<a href="#" class="list-group-item">
<span class="badge badge-warning">23 minutes ago</span>
<i class="fa fa-truck"></i> Order 392 shipped
</a>
<a href="#" class="list-group-item">
<span class="badge badge-success">46 minutes ago</span>
<i class="fa fa-money"></i> Invoice 653 has been paid
</a>
<a href="#" class="list-group-item">
<span class="badge badge-danger">1 hour ago</span>
<i class="fa fa-user"></i> A new user has been added
</a>
<a href="#" class="list-group-item">
<span class="badge badge-success">yesterday</span>
<i class="fa fa-globe"></i> Saved the world
</a>
<a href="#" class="list-group-item">
<span class="badge badge-danger">two days ago</span>
<i class="fa fa-check"></i> Completed task: "fix error"
</a>
</div>
</div>
</div>
</div>
</div> -->
</div>
<!-- end admited patient list -->
<!--start calander , to-do & goal process -->
<div class="row">
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="card card-topline-aqua">
<div class="card-head">
<header>TODO LIST</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<ul class="to-do-list ui-sortable" id="sortable-todo">
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check1">
<label for="todo-check1"></label>
</div>
<p class="todo-title">UI perfection testing for Mega Section
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check2">
<label for="todo-check2"></label>
</div>
<p class="todo-title">UI perfection testing for Mega Section
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check3">
<label for="todo-check3"></label>
</div>
<p class="todo-title">Wiget &amp; Design placement</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check4">
<label for="todo-check4"></label>
</div>
<p class="todo-title">Development &amp; Wiget placement
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check5">
<label for="todo-check5"></label>
</div>
<p class="todo-title">Test Complete
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
</ul>
</div>
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Enter your ToDo List" class="form-control">
<span class="input-group-btn">
<button type="submit" class="btn btn-warning btn-flat">Add</button>
</span> </div>
</form>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="card card-topline-green">
<div class="card-head">
<header>NOTIFICATIONS</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<div class="noti-information notification-menu">
<div class="notification-list mail-list not-list">
<a href="javascript:;" class="single-mail"> <span class="icon bg-primary"> <i class="fa fa-user-o"></i>
</span> <span class="text-purple">Abhay Jani</span> Added you as friend
<span class="notificationtime">
<small>Just Now</small>
</span>
</a>
<a href="javascript:;" class="single-mail"> <span class="icon blue-bgcolor"> <i class="fa fa-envelope-o"></i>
</span> <span class="text-purple">John Doe</span> send you a mail
<span class="notificationtime">
<small>Just Now</small>
</span>
</a>
<a href="javascript:;" class="single-mail"> <span class="icon bg-success"> <i class="fa fa-check-square-o"></i>
</span> Success Message
<span class="notificationtime">
<small> 2 Days Ago</small>
</span>
</a>
<a href="javascript:;" class="single-mail"> <span class="icon bg-warning"> <i class="fa fa-warning"></i>
</span> <strong>Database Overloaded Warning!</strong>
<span class="notificationtime">
<small>1 Week Ago</small>
</span>
</a>
<a href="javascript:;" class="single-mail"> <span class="icon bg-danger"> <i class="fa fa-times"></i>
</span> <strong>Server Error!</strong>
<span class="notificationtime">
<small>10 Days Ago</small>
</span>
</a>
<a href="javascript:;" class="single-mail text-center view-all">
View All Notification </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="white-box border-gray">
<div class="user-bg">
<div class="overlay-box">
<div class="user-content">
<a href="javascript:void(0)"><img alt="img" class="thumb-lg img-circle" src="img/dp.jpg"></a>
<h4 class="text-white">Kiran Patel</h4>
<h5 class="text-white">info@kiranpatel.com</h5>
</div>
</div>
</div>
<div class="user-btm-box">
<div class="row">
<div class="col-md-4 col-sm-4 text-center">
<p class="text-purple"><i class="fa fa-facebook"></i></p>
<h1>467</h1>
</div>
<div class="col-md-4 col-sm-4 text-center">
<p class="text-success"><i class="fa fa-twitter"></i></p>
<h1>234</h1>
</div>
<div class="col-md-4 col-sm-4 text-center">
<p class="text-danger"><i class="fa fa-instagram"></i></p>
<h1>686</h1>
</div>
</div>
<div class="col-md-12 m-b-0 text-center">
<div class="stat-item">
<h6>Contact info</h6> <b><i class="ti-mobile"></i> 123-456-7890</b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="white-box border-gray">
<h3 class="box-title"><small class="pull-right m-t-10 text-success"><i class="fa fa-sort-asc"></i> 34% High
then last month</small> Site Traffic</h3>
<div class="stats-row">
<div class="stat-item">
<h6>Overall Growth</h6> <b>40.40%</b>
</div>
<div class="stat-item">
<h6>Montly</h6> <b>55.40%</b>
</div>
<div class="stat-item">
<h6>Day</h6> <b>4.50%</b>
</div>
</div>
<div id="sparkline13"><canvas width="378" height="50" style="display: inline-block; width: 378px; height: 50px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="white-box border-gray">
<h3 class="box-title"><small class="pull-right m-t-10 text-danger"><i class="fa fa-sort-desc"></i> 34% Low then
last month</small>Site Traffic</h3>
<div class="stats-row">
<div class="stat-item">
<h6>Overall Growth</h6> <b>40.40%</b>
</div>
<div class="stat-item">
<h6>Montly</h6> <b>55.40%</b>
</div>
<div class="stat-item">
<h6>Day</h6> <b>4.50%</b>
</div>
</div>
<div id="sparkline15"><canvas width="378" height="50" style="display: inline-block; width: 378px; height: 50px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="white-box border-gray">
<h3 class="box-title"><small class="pull-right m-t-10 text-success"><i class="fa fa-sort-asc"></i> 18% High
then last month</small>Site Traffic</h3>
<div class="stats-row">
<div class="stat-item">
<h6>Overall Growth</h6> <b>40.40%</b>
</div>
<div class="stat-item">
<h6>Montly</h6> <b>55.40%</b>
</div>
<div class="stat-item">
<h6>Day</h6> <b>4.50%</b>
</div>
</div>
<div id="sparkline14"><canvas width="378" height="50" style="display: inline-block; width: 378px; height: 50px; vertical-align: top;"></canvas></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-purple">
<h3 class="text-white box-title">Analysis <span class="pull-right"><i class="fa fa-caret-up"></i> 345</span></h3>
<div id="sparkline7"><canvas width="267" height="70" style="display: inline-block; width: 267px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-danger">
<h3 class="text-white box-title">Sales <span class="pull-right"><i class="fa fa-caret-up"></i> 643</span></h3>
<div id="sparkline12"><canvas width="267" height="70" style="display: inline-block; width: 267px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-blue">
<h3 class="text-white box-title">Site visits <span class="pull-right"><i class="fa fa-caret-up"></i>765</span></h3>
<div id="sparkline9"><canvas width="267" height="70" style="display: inline-block; width: 267px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-success">
<h3 class="text-white box-title">New Patient <span class="pull-right"><i class="fa fa-caret-up"></i> 323</span></h3>
<div id="sparkline16" class="text-center"><canvas width="215" height="70" style="display: inline-block; width: 215px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
</div>
</div>
</div>
<!-- end page content -->
<!-- start chat sidebar -->
<div class="chat-sidebar-container" data-close-on-body-click="false">
<div class="chat-sidebar">
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="#quick_sidebar_tab_1" class="nav-link active tab-icon" data-toggle="tab"> <i class="material-icons">chat</i>Chat
<span class="badge badge-danger">4</span>
</a>
</li>
<li class="nav-item">
<a href="#quick_sidebar_tab_3" class="nav-link tab-icon" data-toggle="tab"> <i class="material-icons">settings</i>
Settings
</a>
</li>
</ul>
<div class="tab-content">
<!-- Start Doctor Chat -->
<div class="tab-pane active chat-sidebar-chat in active show" role="tabpanel" id="quick_sidebar_tab_1">
<div class="chat-sidebar-list">
<div class="chat-sidebar-chat-users slimscroll-style" data-rail-color="#ddd" data-wrapper-class="chat-sidebar-list">
<div class="chat-header">
<h5 class="list-heading">Online</h5>
</div>
<ul class="media-list list-items">
<li class="media"><img class="media-object" src="img/doc/doc3.jpg" width="35" height="35" alt="...">
<i class="online dot"></i>
<div class="media-body">
<h5 class="media-heading">John Deo</h5>
<div class="media-heading-sub">Spine Surgeon</div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-success">5</span>
</div> <img class="media-object" src="img/doc/doc1.jpg" width="35" height="35" alt="...">
<i class="busy dot"></i>
<div class="media-body">
<h5 class="media-heading">Rajesh</h5>
<div class="media-heading-sub">Director</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc5.jpg" width="35" height="35" alt="...">
<i class="away dot"></i>
<div class="media-body">
<h5 class="media-heading">Jacob Ryan</h5>
<div class="media-heading-sub">Ortho Surgeon</div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-danger">8</span>
</div> <img class="media-object" src="img/doc/doc4.jpg" width="35" height="35" alt="...">
<i class="online dot"></i>
<div class="media-body">
<h5 class="media-heading">Kehn Anderson</h5>
<div class="media-heading-sub">CEO</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc2.jpg" width="35" height="35" alt="...">
<i class="busy dot"></i>
<div class="media-body">
<h5 class="media-heading">Sarah Smith</h5>
<div class="media-heading-sub">Anaesthetics</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc7.jpg" width="35" height="35" alt="...">
<i class="online dot"></i>
<div class="media-body">
<h5 class="media-heading">Vlad Cardella</h5>
<div class="media-heading-sub">Cardiologist</div>
</div>
</li>
</ul>
<div class="chat-header">
<h5 class="list-heading">Offline</h5>
</div>
<ul class="media-list list-items">
<li class="media">
<div class="media-status">
<span class="badge badge-warning">4</span>
</div> <img class="media-object" src="img/doc/doc6.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Jennifer Maklen</h5>
<div class="media-heading-sub">Nurse</div>
<div class="media-heading-small">Last seen 01:20 AM</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc8.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Lina Smith</h5>
<div class="media-heading-sub">Ortho Surgeon</div>
<div class="media-heading-small">Last seen 11:14 PM</div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-success">9</span>
</div> <img class="media-object" src="img/doc/doc9.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Jeff Adam</h5>
<div class="media-heading-sub">Compounder</div>
<div class="media-heading-small">Last seen 3:31 PM</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc10.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Anjelina Cardella</h5>
<div class="media-heading-sub">Physiotherapist</div>
<div class="media-heading-small">Last seen 7:45 PM</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- End Doctor Chat -->
<!-- Start Setting Panel -->
<div class="tab-pane chat-sidebar-settings" role="tabpanel" id="quick_sidebar_tab_3">
<div class="chat-sidebar-settings-list slimscroll-style">
<div class="chat-header">
<h5 class="list-heading">Layout Settings</h5>
</div>
<div class="chatpane inner-content ">
<div class="settings-list">
<div class="setting-item">
<div class="setting-text">Sidebar Position</div>
<div class="setting-set">
<select class="sidebar-pos-option form-control input-inline input-sm input-small ">
<option value="left" selected="selected">Left</option>
<option value="right">Right</option>
</select>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Header</div>
<div class="setting-set">
<select class="page-header-option form-control input-inline input-sm input-small ">
<option value="fixed" selected="selected">Fixed</option>
<option value="default">Default</option>
</select>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Footer</div>
<div class="setting-set">
<select class="page-footer-option form-control input-inline input-sm input-small ">
<option value="fixed">Fixed</option>
<option value="default" selected="selected">Default</option>
</select>
</div>
</div>
</div>
<div class="chat-header">
<h5 class="list-heading">Account Settings</h5>
</div>
<div class="settings-list">
<div class="setting-item">
<div class="setting-text">Notifications</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
<input type="checkbox" id="switch-1" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Show Online</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-7">
<input type="checkbox" id="switch-7" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Status</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-2">
<input type="checkbox" id="switch-2" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">2 Steps Verification</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-3">
<input type="checkbox" id="switch-3" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
</div>
<div class="chat-header">
<h5 class="list-heading">General Settings</h5>
</div>
<div class="settings-list">
<div class="setting-item">
<div class="setting-text">Location</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-4">
<input type="checkbox" id="switch-4" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Save Histry</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-5">
<input type="checkbox" id="switch-5" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Auto Updates</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-6">
<input type="checkbox" id="switch-6" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end chat sidebar -->
</div>
<!-- end page container -->
<!-- start footer -->
<div class="page-footer">
<div class="page-footer-inner"> 2017 &copy; RedStar Hospital Theme By
<a href="mailto:redstartheme@gmail.com" target="_top" class="makerCss">RT Theme maker</a>
</div>
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- end footer -->
</div>
<script src="../assets/jquery.min.js"></script>
<script src="../assets/popper/popper.js"></script>
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
<script src="../assets/jquery.blockui.min.js"></script>
<script src="../assets/jquery.slimscroll.js"></script>
<script src="../assets/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/moment.min.js"></script>
<script src="../assets/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/counterup/jquery.counterup.min.js"></script>
<!-- owl carousel -->
<script src="../assets/owl-carousel/owl.carousel.js"></script>
<script src="../assets/owl-carousel/owl_data.js"></script>
<!-- Common js-->
<script src="../assets/app.js"></script>
<script src="../assets/layout.js"></script>
<script src="../assets/theme-color.js"></script>
<!-- Material -->
<script src="../assets/material/material.min.js"></script>
<script src="../assets/sparkline/jquery.sparkline.js"></script>
<script src="../assets/sparkline/sparkline-data.js"></script>
</body>
<!-- Mirrored from radixtouch.in/templates/admin/redstar/source/light/widget.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Aug 2019 14:07:49 GMT -->
</html>
Reference in New Issue View Git Blame Copy Permalink