1577 lines
59 KiB
HTML
1577 lines
59 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<!-- BEGIN HEAD -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Mirrored from radixtouch.in/templates/admin/redstar/source/light/ui_typography.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Aug 2019 14:07:55 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&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">
|
||
|
|
<link href="css/typography.css" rel="stylesheet" type="text/css" />
|
||
|
|
<!--bootstrap -->
|
||
|
|
|
||
|
|
<link href="../assets/bootstrap/css/bootstrap.min.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" />
|
||
|
|
<!-- favicon -->
|
||
|
|
<link rel="shortcut icon" href="img/favicon.ico" />
|
||
|
|
</head>
|
||
|
|
<!-- END 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/ui_typography.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 ">
|
||
|
|
<a href="widget.html" class="nav-link nav-toggle"> <i class="material-icons">widgets</i>
|
||
|
|
<span class="title">Widget</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item active open ">
|
||
|
|
<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="selected"></span>
|
||
|
|
<span class="arrow open"></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 & 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 active open ">
|
||
|
|
<a href="ui_typography.html" class="nav-link ">
|
||
|
|
<span class="title">Typography</span>
|
||
|
|
<span class="selected"></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">Typography</div>
|
||
|
|
</div>
|
||
|
|
<ol class="breadcrumb page-breadcrumb pull-right">
|
||
|
|
<li><i class="fa fa-home"></i> <a class="parent-item" href="index.html">Home</a> <i class="fa fa-angle-right"></i>
|
||
|
|
</li>
|
||
|
|
<li><a class="parent-item" href="#">UI Elements</a> <i class="fa fa-angle-right"></i>
|
||
|
|
</li>
|
||
|
|
<li class="active">Typography</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8 col-sm-8">
|
||
|
|
<div class="card card-topline-yellow">
|
||
|
|
<div class="card-head">
|
||
|
|
<header>HEADINGS</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="row">
|
||
|
|
<div class="table-responsive">
|
||
|
|
<table class="table table-condensed table-borderless">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="col-xs-10">
|
||
|
|
<h1>h1. Heading 1</h1>
|
||
|
|
</td>
|
||
|
|
<td class="type-info">Light 36px</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<h2 class="">h2. Heading 2</h2>
|
||
|
|
</td>
|
||
|
|
<td class="type-info">Light 30px</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<h3 class="">h3. Heading 3</h3>
|
||
|
|
</td>
|
||
|
|
<td class="type-info">Light 23px</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<h4 class="">h4. Heading 4</h4>
|
||
|
|
</td>
|
||
|
|
<td class="type-info">Light 18px</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<h5 class="">h5. Heading 5</h5>
|
||
|
|
</td>
|
||
|
|
<td class="type-info">Light 14px</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>WEIGHT</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="row">
|
||
|
|
<h3 class="text-light full-width">Light text</h3>
|
||
|
|
<h3 class="text-normal full-width">Normal text</h3>
|
||
|
|
<h3 class="text-medium full-width">Medium text</h3>
|
||
|
|
<h3 class="text-bold full-width">Bold text</h3>
|
||
|
|
<h3 class="text-ultra-bold full-width">Ultra bold text</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr class="ruler-xxl" />
|
||
|
|
<!-- BEGIN LIST -->
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2 class="text-purple">Lists</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3">
|
||
|
|
<div class="mg-bottom-xxl">
|
||
|
|
<p>
|
||
|
|
Lists are a part of everyday life.Here different types of lists available.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-1 col-lg-4 col-sm-6">
|
||
|
|
<div class="card card-topline-green">
|
||
|
|
<div class="card-head">
|
||
|
|
<header>UNORDERED LISTS</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="row">
|
||
|
|
<ul>
|
||
|
|
<li>first item</li>
|
||
|
|
<li>second item</li>
|
||
|
|
<li>Third item</li>
|
||
|
|
<li>Forth item</li>
|
||
|
|
<li>Fifth item
|
||
|
|
<ul>
|
||
|
|
<li>fifth item first subitem</li>
|
||
|
|
<li>fifth item second subitem</li>
|
||
|
|
<li>fifth item third subitem</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>Sixth item</li>
|
||
|
|
<li>Seventh item</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-sm-6">
|
||
|
|
<div class="card card-topline-green">
|
||
|
|
<div class="card-head">
|
||
|
|
<header>ORDERED LISTS</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="row">
|
||
|
|
<ol>
|
||
|
|
<li>first item</li>
|
||
|
|
<li>second item</li>
|
||
|
|
<li>Third item</li>
|
||
|
|
<li>Forth item</li>
|
||
|
|
<li>Fifth item</li>
|
||
|
|
<li>Sixth item</li>
|
||
|
|
<li>Seventh item</li>
|
||
|
|
<li>Eighth item</li>
|
||
|
|
<li>Nineth item</li>
|
||
|
|
<li>Tenth item</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-4 col-lg-4 col-sm-6">
|
||
|
|
<div class="card card-topline-green">
|
||
|
|
<div class="card-head">
|
||
|
|
<header>UNSTYLED LISTS</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="row">
|
||
|
|
<ul class="list-unstyled">
|
||
|
|
<li>first item</li>
|
||
|
|
<li>second item</li>
|
||
|
|
<li>Third item</li>
|
||
|
|
<li>Forth item</li>
|
||
|
|
<li>Fifth item
|
||
|
|
<ul>
|
||
|
|
<li>fifth item first subitem</li>
|
||
|
|
<li>fifth item second subitem</li>
|
||
|
|
<li>fifth item third subitem</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>Sixth item</li>
|
||
|
|
<li>Seventh item</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-sm-6">
|
||
|
|
<div class="card card-topline-green">
|
||
|
|
<div class="card-head">
|
||
|
|
<header>UNSTYLED LISTS</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="row">
|
||
|
|
<ul class="list-divided">
|
||
|
|
<li>first item</li>
|
||
|
|
<li>second item</li>
|
||
|
|
<li>Third item</li>
|
||
|
|
<li>Forth item</li>
|
||
|
|
<li>Fifth item</li>
|
||
|
|
<li>Sixth item</li>
|
||
|
|
<li>Seventh item</li>
|
||
|
|
<li>Eighth item</li>
|
||
|
|
<li>Nineth item</li>
|
||
|
|
<li>Tenth item</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end .row -->
|
||
|
|
<hr class="ruler-xxl" />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2 class="text-purple">Lead Body</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-4">
|
||
|
|
<div class="mg-bottom-xxl">
|
||
|
|
<p>
|
||
|
|
To add some emphasis to a paragraph, add class <code>.lead</code>. This will give you a larger font size,
|
||
|
|
lighter weight, and a taller line height.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-1 col-md-8">
|
||
|
|
<div class="borderBox light bordered">
|
||
|
|
<p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||
|
|
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
|
||
|
|
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||
|
|
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
|
||
|
|
ornare sit amet, wisi.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end .row -->
|
||
|
|
<hr class="ruler-xxl" />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2 class="text-purple">Highlighted Text</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-4">
|
||
|
|
<div class="mg-bottom-xxl">
|
||
|
|
<p>
|
||
|
|
For highlighting text <code><mark></code> tag can be a quick and easy way of highlighting or marking
|
||
|
|
text on a page.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-1 col-md-8">
|
||
|
|
<div class="borderBox light bordered">
|
||
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada
|
||
|
|
<mark>fames ac turpis egestas</mark> libero sit amet quam egestas semper. Aenean ultricies mi.</p>
|
||
|
|
<p>
|
||
|
|
<mark>Duis mollis, est non commodo luctus</mark>, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
|
||
|
|
<br /> This line of text is meant to be treated as fine print.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end .row -->
|
||
|
|
<hr class="ruler-xxl" />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2 class="text-purple">Bold Text</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-4">
|
||
|
|
<div class="mg-bottom-xxl">
|
||
|
|
<p>
|
||
|
|
The HTML <code><b></code> element defines bold text, without any extra importance.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-1 col-md-8">
|
||
|
|
<div class="borderBox light bordered">
|
||
|
|
<p>
|
||
|
|
<b>Lorem ipsum </b>dolor sit amet, consectetuer adipiscing elit
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end .row -->
|
||
|
|
<hr class="ruler-xxl" />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2 class="text-purple">Deleted Text</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-4">
|
||
|
|
<div class="mg-bottom-xxl">
|
||
|
|
<p>
|
||
|
|
The <code><del></code> tag defines text that has been deleted from a document.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-1 col-md-8">
|
||
|
|
<div class="borderBox light bordered">
|
||
|
|
<p>My favorite color is <del>blue</del> </p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end .row -->
|
||
|
|
<hr class="ruler-xxl" />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2 class="text-purple">Colored Text</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-4">
|
||
|
|
<div class="mg-bottom-xxl">
|
||
|
|
<p>
|
||
|
|
Here is some classes used for color your text.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="offset-lg-1 col-md-8">
|
||
|
|
<div class="borderBox light bordered">
|
||
|
|
<p class="txt-warning"> Aliquam tincidunt mauris eu risus. </p>
|
||
|
|
<p class="txt-error"> Lorem ipsum dolor sit amet. </p>
|
||
|
|
<p class="txt-info"> Pellentesque habitant morbi tristique. </p>
|
||
|
|
<p class="txt-success"> senectus et netus et malesuada fames ac turpis egestas. </p>
|
||
|
|
<p class="font-red"> Donec eu libero sit amet quam egestas semper. </p>
|
||
|
|
<p class="font-yellow"> Aenean ultricies mi vitae est. </p>
|
||
|
|
<p class="font-green"> Aliquam tincidunt mauris eu risus. </p>
|
||
|
|
<p class="font-purple-sharp"> Duis mollis, est non commodo luctus, nisi erat porttitor ligula. </p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end .row -->
|
||
|
|
</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 © 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>
|
||
|
|
<!-- start js include path -->
|
||
|
|
<script src="../assets/jquery.min.js"></script>
|
||
|
|
<script src="../assets/popper/popper.js"></script>
|
||
|
|
<script src="../assets/jquery.blockui.min.js"></script>
|
||
|
|
<script src="../assets/jquery.slimscroll.js"></script>
|
||
|
|
<!-- bootstrap -->
|
||
|
|
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
|
||
|
|
<script src="../assets/bootstrap-switch/js/bootstrap-switch.min.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>
|
||
|
|
<!-- end js include path -->
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Mirrored from radixtouch.in/templates/admin/redstar/source/light/ui_typography.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Aug 2019 14:07:56 GMT -->
|
||
|
|
</html>
|