NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="assets/images/favicon.ico">

<title>Hastane Panel </title>

<!-- Vendors Style-->
<link rel="stylesheet" href="assets/css/vendors_css.css">

<!-- Style-->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/skin_color.css">


<!-- Page Content overlay -->




</head>

<body class="sidebar-mini fixed theme-mint light-skin">

<div class="wrapper">
<div id="loader"></div>

<div class="art-bg">
<img src="assets/images/art1.svg" alt="" class="art-img light-img">
<img src="assets/images/art2.svg" alt="" class="art-img dark-img">
</div>



<header class="main-header">
<div class="d-flex align-items-center logo-box justify-content-center">
<!-- Logo -->
<a href="index.html" class="logo">
<!-- logo-->
<div class="logo-mini w-30">
<span class="light-logo"><img src="assets/images/logo-letter.png" alt="logo"></span>
<span class="dark-logo"><img src="assets/images/logo-letter.png" alt="logo"></span>
</div>
<div class="logo-lg">
<span class="light-logo"><img src="assets/images/logo-dark-text.png" alt="logo"></span>
<span class="dark-logo"><img src="assets/images/logo-light-text.png" alt="logo"></span>
</div>
</a>
</div>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<div class="app-menu">
<ul class="header-megamenu nav">
<li class="btn-group nav-item">
<a href="#" class="waves-effect waves-light nav-link push-btn btn-outline no-border btn-primary-light text-white" data-toggle="push-menu" role="button">
<i data-feather="align-left"></i>
</a>
</li>
<li class="btn-group d-lg-inline-flex d-none">
<div class="app-menu">
<div class="search-bx mx-5">
<form>
<div class="input-group">
<input type="search" class="form-control" placeholder="Search" aria-label="Search" aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn" type="submit" id="button-addon3"><i data-feather="search"></i></button>
</div>
</div>
</form>
</div>
</div>
</li>
<li class="btn-group nav-item d-none d-xl-inline-block">
<a href="contact_app_chat.html" class="waves-effect waves-light nav-link btn-outline no-border svg-bt-icon btn-info-light text-white" title="Chat">
<i data-feather="message-circle"></i>
</a>
</li>
<li class="btn-group nav-item d-none d-xl-inline-block">
<a href="mailbox.html" class="waves-effect waves-light nav-link btn-outline no-border svg-bt-icon btn-danger-light text-white" title="Mailbox">
<i data-feather="at-sign"></i>
</a>
</li>
<li class="btn-group nav-item d-none d-xl-inline-block">
<a href="extra_taskboard.html" class="waves-effect waves-light btn-outline no-border nav-link svg-bt-icon btn-success-light text-white" title="Taskboard">
<i data-feather="clipboard"></i>
</a>
</li>
</ul>
</div>

<div class="navbar-custom-menu r-side">
<ul class="nav navbar-nav">
<li class="btn-group nav-item d-lg-inline-flex d-none">
<a href="#" data-provide="fullscreen" class="waves-effect waves-light nav-link btn-outline no-border full-screen btn-warning-light text-white" title="Full Screen">
<i data-feather="maximize"></i>
</a>
</li>
<!-- Notifications -->
<li class="dropdown notifications-menu">
<a href="#" class="waves-effect waves-light dropdown-toggle btn-outline no-border btn-info-light text-white" data-bs-toggle="dropdown" title="Notifications">
<i data-feather="bell"></i>
</a>
<ul class="dropdown-menu animated bounceIn">

<li class="header">
<div class="p-20">
<div class="flexbox">
<div>
<h4 class="mb-0 mt-0">Notifications</h4>
</div>
<div>
<a href="#" class="text-danger">Clear All</a>
</div>
</div>
</div>
</li>

<li>
<!-- inner menu: contains the actual data -->
<ul class="menu sm-scrol">
<li>
<a href="#">
<i class="fa fa-users text-info"></i> Curabitur id eros quis nunc suscipit blandit.
</a>
</li>
<li>
<a href="#">
<i class="fa fa-warning text-warning"></i> Duis malesuada justo eu sapien elementum, in semper diam posuere.
</a>
</li>
<li>
<a href="#">
<i class="fa fa-users text-danger"></i> Donec at nisi sit amet tortor commodo porttitor pretium a erat.
</a>
</li>
<li>
<a href="#">
<i class="fa fa-shopping-cart text-success"></i> In gravida mauris et nisi
</a>
</li>
<li>
<a href="#">
<i class="fa fa-user text-danger"></i> Praesent eu lacus in libero dictum fermentum.
</a>
</li>
<li>
<a href="#">
<i class="fa fa-user text-primary"></i> Nunc fringilla lorem
</a>
</li>
<li>
<a href="#">
<i class="fa fa-user text-success"></i> Nullam euismod dolor ut quam interdum, at scelerisque ipsum imperdiet.
</a>
</li>
</ul>
</li>
<li class="footer">
<a href="#">View all</a>
</li>
</ul>
</li>

<!-- User Account-->
<li class="dropdown user user-menu">
<a href="#" class="waves-effect waves-light dropdown-toggle no-border p-5 text-white" data-bs-toggle="dropdown" title="User">
<img class="avatar avatar-pill" src="assets/images/avatar/3.jpg" alt="">
</a>
<ul class="dropdown-menu animated flipInX">
<li class="user-body">
<a class="dropdown-item" href="#"><i class="ti-user text-muted me-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted me-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted me-2"></i> Settings</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted me-2"></i> Logout</a>
</li>
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar" title="Setting" class="waves-effect waves-light btn-outline no-border btn-danger-light text-white">
<i data-feather="settings"></i>
</a>
</li>

</ul>
</div>
</nav>
</header>


<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<div class="user-profile">
<div class="profile-pic">
<img src="assets/images/user5-128x128.jpg" alt="user">
<div class="profile-info"><h4>Dr. Dre</h4>
</div>
</div>
</div>
<!-- sidebar-->
<section class="sidebar position-relative">
<div class="multinav">
<div class="multinav-scroll" style="height: 100%;">
<!-- sidebar menu-->

<div name="load-html" data-source="navbar.html"></div>

<div class="sidebar-widgets">
<div class="copyright text-start m-25">
<p><strong class="d-block">Hastane Panel</strong> © 2021 All Rights Reserved</p>
</div>
</div>
</div>
</div>
</section>
</aside>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<div class="container-full">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="d-flex align-items-center">
<div class="me-auto">
<h4 class="page-title">Anasayfa</h4>
<div class="d-inline-block align-items-center">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#"><i class="mdi mdi-home-outline"></i></a>
</li>
<li class="breadcrumb-item" aria-current="page">Sample Page</li>
<li class="breadcrumb-item active" aria-current="page">Anasayfa</li>
</ol>
</nav>
</div>
</div>

</div>
</div>

<!-- Main content -->
<section class="content">
<div class="row mt-25">
<div class="col-12">
<button type="button" class="waves-effect waves-success btn btn-success mb-5" style="float:right;" id="btnEkle">Yeni Ekle</button>
<div class="box">
<div class="box-header with-border">
<h4 class="box-title">Listesi</h4>
<div class="box-controls pull-right">
<div class="lookup lookup-circle lookup-right">
<input type="text" name="s">
</div>
</div>
</div>
<!-- /.box-header -->
<div class="box-body no-padding">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Kat Adı</th>
<th>İşlemler</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 16, 2017</span> </td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
</section>
<!-- /.content -->

</div>
</div>
<!-- /.content-wrapper -->

<footer class="main-footer">
<div class="pull-right d-none d-sm-inline-block">
<ul class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end">
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Purchase Now</a>
</li>
</ul>
</div>
&copy; 2021 <a href="https://www.multipurposethemes.com/">Multipurpose Themes</a>. All Rights Reserved.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar">

<div class="rpanel-title"><span class="pull-right btn btn-circle btn-danger"><i
class="ion ion-close text-white" data-toggle="control-sidebar"></i></span> </div>
<!-- Create the tabs -->
<ul class="nav nav-tabs control-sidebar-tabs">
<li class="nav-item"><a href="#control-sidebar-home-tab" data-bs-toggle="tab" class=""><i
class="mdi mdi-message-text"></i></a></li>
<li class="nav-item"><a href="#control-sidebar-settings-tab" data-bs-toggle="tab"><i
class="mdi mdi-playlist-check"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<div class="flexbox">
<a href="javascript:void(0)" class="text-grey">
<i class="ti-more"></i>
</a>
<p>Users</p>
<a href="javascript:void(0)" class="text-end text-grey"><i class="ti-plus"></i></a>
</div>
<div class="lookup lookup-sm lookup-right d-none d-lg-block">
<input type="text" name="s" placeholder="Search" class="w-p100">
</div>
<div class="media-list media-list-hover mt-20">
<div class="media py-10 px-0">
<a class="avatar avatar-lg status-success" href="#">
<img src="assets/images/avatar/1.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Tyler</strong></a>
</p>
<p>Praesent tristique diam...</p>
<span>Just now</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-danger" href="#">
<img src="assets/images/avatar/2.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Luke</strong></a>
</p>
<p>Cras tempor diam ...</p>
<span>33 min ago</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-warning" href="#">
<img src="assets/images/avatar/3.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Evan</strong></a>
</p>
<p>In posuere tortor vel...</p>
<span>42 min ago</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-primary" href="#">
<img src="assets/images/avatar/4.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Evan</strong></a>
</p>
<p>In posuere tortor vel...</p>
<span>42 min ago</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-success" href="#">
<img src="assets/images/avatar/1.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Tyler</strong></a>
</p>
<p>Praesent tristique diam...</p>
<span>Just now</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-danger" href="#">
<img src="assets/images/avatar/2.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Luke</strong></a>
</p>
<p>Cras tempor diam ...</p>
<span>33 min ago</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-warning" href="#">
<img src="assets/images/avatar/3.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Evan</strong></a>
</p>
<p>In posuere tortor vel...</p>
<span>42 min ago</span>
</div>
</div>

<div class="media py-10 px-0">
<a class="avatar avatar-lg status-primary" href="#">
<img src="assets/images/avatar/4.jpg" alt="...">
</a>
<div class="media-body">
<p class="fs-16">
<a class="hover-primary" href="#"><strong>Evan</strong></a>
</p>
<p>In posuere tortor vel...</p>
<span>42 min ago</span>
</div>
</div>

</div>

</div>
<!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">
<div class="flexbox">
<a href="javascript:void(0)" class="text-grey">
<i class="ti-more"></i>
</a>
<p>Todo List</p>
<a href="javascript:void(0)" class="text-end text-grey"><i class="ti-plus"></i></a>
</div>
<ul class="todo-list mt-20">
<li class="py-15 px-5 by-1">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_1" class="filled-in">
<label for="basic_checkbox_1" class="mb-0 h-15"></label>
<!-- todo text -->
<span class="text-line">Nulla vitae purus</span>
<!-- Emphasis label -->
<small class="badge bg-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
<!-- General tools such as edit or delete-->
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_2" class="filled-in">
<label for="basic_checkbox_2" class="mb-0 h-15"></label>
<span class="text-line">Phasellus interdum</span>
<small class="badge bg-info"><i class="fa fa-clock-o"></i> 4 hours</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5 by-1">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_3" class="filled-in">
<label for="basic_checkbox_3" class="mb-0 h-15"></label>
<span class="text-line">Quisque sodales</span>
<small class="badge bg-warning"><i class="fa fa-clock-o"></i> 1 day</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_4" class="filled-in">
<label for="basic_checkbox_4" class="mb-0 h-15"></label>
<span class="text-line">Proin nec mi porta</span>
<small class="badge bg-success"><i class="fa fa-clock-o"></i> 3 days</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5 by-1">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_5" class="filled-in">
<label for="basic_checkbox_5" class="mb-0 h-15"></label>
<span class="text-line">Maecenas scelerisque</span>
<small class="badge bg-primary"><i class="fa fa-clock-o"></i> 1 week</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_6" class="filled-in">
<label for="basic_checkbox_6" class="mb-0 h-15"></label>
<span class="text-line">Vivamus nec orci</span>
<small class="badge bg-info"><i class="fa fa-clock-o"></i> 1 month</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5 by-1">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_7" class="filled-in">
<label for="basic_checkbox_7" class="mb-0 h-15"></label>
<!-- todo text -->
<span class="text-line">Nulla vitae purus</span>
<!-- Emphasis label -->
<small class="badge bg-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
<!-- General tools such as edit or delete-->
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_8" class="filled-in">
<label for="basic_checkbox_8" class="mb-0 h-15"></label>
<span class="text-line">Phasellus interdum</span>
<small class="badge bg-info"><i class="fa fa-clock-o"></i> 4 hours</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5 by-1">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_9" class="filled-in">
<label for="basic_checkbox_9" class="mb-0 h-15"></label>
<span class="text-line">Quisque sodales</span>
<small class="badge bg-warning"><i class="fa fa-clock-o"></i> 1 day</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li class="py-15 px-5">
<!-- checkbox -->
<input type="checkbox" id="basic_checkbox_10" class="filled-in">
<label for="basic_checkbox_10" class="mb-0 h-15"></label>
<span class="text-line">Proin nec mi porta</span>
<small class="badge bg-success"><i class="fa fa-clock-o"></i> 3 days</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
</ul>
</div>
<!-- /.tab-pane -->
</div>
</aside>
<!-- /.control-sidebar -->

<!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- Vendor JS -->
<script src="assets/js/vendors.min.js"></script>
<script src="assets/js/pages/chat-popup.js"></script>
<script src="assets/icons/feather-icons/feather.min.js"></script>

<!-- CrmX Admin App -->
<script src="assets/js/template.js"></script>
<script src="assets/js/demo.js"></script>
<script src="assets/helper.js"></script>
<script src="assets/jsController/index.js"></script>






</body>

</html>
     
 
what is notes.io
 

Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...

With notes.io;

  • * You can take a note from anywhere and any device with internet connection.
  • * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
  • * You can quickly share your contents without website, blog and e-mail.
  • * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
  • * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.

Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.

Easy: Notes.io doesn’t require installation. Just write and share note!

Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )

Free: Notes.io works for 12 years and has been free since the day it was started.


You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;


Email: [email protected]

Twitter: http://twitter.com/notesio

Instagram: http://instagram.com/notes.io

Facebook: http://facebook.com/notesio



Regards;
Notes.io Team

     
 
Shortened Note Link
 
 
Looding Image
 
     
 
Long File
 
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.