DAFTAR PUSTAKA
Asropudin Pipin, 2013. Kamus Teknologi Informasi. Bandung: Titian Ilmu A.S. Rosa dan Shalahudin. 2013. Rekayasa Perangkat Lunak (Tersetruktur dan
Berorientasi Objek ) . Bandung: Informatika
Elcom. 2013. Adobe Dreamweaver CS6.Yogyakarta: andi
Hartono Bambang. 2013. Sistem Informasi Manajemen Berbasis Komputer. Jakarta: Rineka Cipta.
Ladjamudin Al-Bahra Bin. 2013. Analisis Sistem Informasi. Yogyakarta: Graha Ilmu.
Mulhim Iman. 2013. Aplikasi Toko Bangunan Online dengan PHP dengan MYSQL. Palembang: Maximom.
Nugroho Bunafit. 2013. Dasar Pemrograman Web PHP- MYSQL dengan Dreamweaver. Yogyakarta Gava Media.
Peraturan Menteri Kesehatan Republik Indonesia Nomor 75 Tahun 2014 Tentang Pusat Kesehatan Masyarakat.
Jurnal :
Usman Ependi, Yesi Novaria Kunang, Seva Novifika. 2015. Implementasi Metode Rational Unified Process Pada Mobile Digital Library, Palembang: Dosen Universitas Bina Darma , Mahasiswa Universitas Bina Darma. Jurnal Ilmiah MATRIK Vol.16 No.1, April 2015
Alfian Natalius Y, Randie Ian Thomas, Eka Puji Widiyanto. Sistem Informasi Penjualan Berbasis Web pada PT. Karya Tahta Mulia.Palembang.
Sistem Informasi STMIK Global Informatika MDP, PS Teknik Informatika AMIK MDP. ISSN: 2407-1102
Listing Code
Index.php
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8"> <meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="keywords"
content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3"> <meta name="description" content=""> <meta name="author"
content="ThemeBucket">
<link rel="shortcut icon" href="#" type="image/png">
<link rel="icon" type="image/x-icon" href="images/puskemas copy.png" /> <title>Pegawai Puskesmas
Kertapati</title>
<!--icheck-->
<!--dashboard calendar--> <link href="css/clndr.css" rel="stylesheet">
<!--Morris Chart CSS -->
<link rel="stylesheet" href="js/morris-chart/morris.css">
<!--common-->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->
</head>
<body class="sticky-header">
<section>
<!-- left side start-->
<div class="left-side sticky-left-side">
<!--logo and iconic logo start--> <div class="logo">
<a href="index.php"><img src="gambar/Jembatan-Ampera.jpg" alt="" width="161" height="46"></a> </div>
<div class="logo-icon text-center"> <a href="#"><img
src="images/puskemas copy.png" width="50"alt=""></a>
</div>
<!--logo and iconic logo end-->
<div class="left-side-inner">
<! visible to small devices only -->
<div class="visible-xs hidden-sm hidden-md hidden-lg">
<div class="media-body"> </div>
</div>
<!--sidebar nav start-->
<ul class="nav nav-pills nav-stacked custom-nav">
<li class="active"><a href="index.php"><i class="fa fa-home"></i> <span>HOME</span></a> <li class="menu-list"><a href="#"><i class="fa fa-book"></i> <span> REKAM MEDIS </span></a> <ul class="sub-menu-list">
<li><a href="rekam_add_pasien.php">Data Pasien</a></li>
<li><a
href="rekam_tampil_pasien.php"><i class="fa fa-th-list"></i>Data Rekam Pasien</a></li>
<li class="menu-list"><a href="#"><i class="fa
fa-book"></i> <span>DOKTER</span></a> <ul class="sub-menu-list">
<li><a href="dokter_add_pasien.php">Pasien</a ></li>
<li><a href="dokter_tampil_pasien.php"><i class="fa fa-th-list"></i>Data
Pasien</a></li> </ul> </li>
<li class="menu-list"><a href="#"><i class="fa fa-book"></i> <span> PETUGAS APOTIK</span></a> <ul class="sub-menu-list">
<li><a href="obat_add_pasien.php">Pasien</a>< /li>
<li><a href="obat_tampil_pasien.php"><i class="fa fa-th-list"></i>Data Pasien</a></li>
</ul> </li>
<li class="menu-list"><a href="#"><i class="fa fa-book"></i> <span> PELAYANAN RUJUKAN </span></a>
<ul class="sub-menu-list"> <li><a href="rujuk_add_pasien.php">Pasien</a> </li>
<li><a href="rujuk_tampil_pasien.php"><i class="fa fa-th-list"></i>Data Pasien Rujukan</a></li>
</ul> </li> </li>
<li class="menu-list"><a href="#"><i class="fa fa-book"></i> <span> LAPORAN DATA
PASIEN</span></a>
<ul class="sub-menu-list"> <li><a href="laporan_daftar_tampil_pasien.php">
<i class="fa fa-th-list"></i> Data Daftar Pasien</a></li>
<li><a href="laporan_dokter_tampil_pasien.php" ><i class="fa fa-th-list"></i> Data Dokter Pasien</a></li>
<li><a href="laporan_obat_tampil_pasien.php">< i class="fa fa-th-list"></i> Data Obat Pasien</a></li>
<li><a href="laporan_rujuk_tampil_pasien.php"> <font size="2"><i class="fa
fa-th-list"></i> Data Rujukan Pasien</font></a></li> </ul> </li>
<li class="menu-list"><a href="#"><i class="fa fa-book"></i> <span>DATA USER</span></a>
<ul class="sub-menu-list"> <li><a
href="form_user.php">Tambah User</a></li>
<li><a href="tampil_user.php">Tampil Data User</a></li>
</ul> </li>
<li><a href="logout.php"><i class="fa fa-sign-out"></i> <span>LOG
OUT</span></a></li>
<!--sidebar nav end-->
</div> </div>
<!-- left side end-->
<!-- main content start--> <div class="main-content" >
<!-- header section start--> <div class="header-section">
<a class="toggle-btn"><i class="fa fa-bars"></i></a>
<!--toggle button end-->
<!--search start--> <!--Header--> <!--search end-->
<!--notification menu start --> <div class="menu-right">
<ul class="notification-menu"> <li>
<div class="dropdown-menu dropdown-class="dropdown-menu-head pull-right"> <h5 class="title">You have 8 pending task</h5>
<ul class="dropdown-list user-list">
<li class="new"> <a href="#"> <div class="task-info">
<div>Database update</div>
</div> <div class="progress progress-striped"> <div
style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
<span class="">40%</span>
</div> </div> </a> </li>
<li class="new"> <a href="#"> <div class="task-info">
<div>Dashboard done</div> </div> <div class="progress progress-striped"> <div
style="width: 90%" aria-valuemax="100"
aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
<span class="">90%</span>
</div> </div> </a> </li> <li>
<a href="#"> <div class="task-info">
<div>Web Development</div>
</div> <div class="progress progress-striped"> <div
style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
<span class="">66% </span>
</div> </div> </a> </li> <li>
<a href="#"> <div class="task-info">
<div>Mobile App</div>
</div> <div class="progress progress-striped"> <div
style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
<span class="">33% </span>
<a href="#"> <div class="task-info">
<div>Issues fixed</div>
</div> <div class="progress progress-striped"> <div
style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar"> <span class="">80% </span>
</div> </div> </a> </li>
<li class="new"><a href="">See All Pending Task</a></li> </ul>
</div> </li> <li>
<div class="dropdown-menu dropdown-class="dropdown-menu-head pull-right"> <h5 class="title">You have 5 Mails </h5>
<ul class="dropdown-list normal-list">
<li class="new"> <a href=""> <span class="thumb"><img
src="images/photos/user1.png" alt="" /></span>
<span class="desc">
<span class="name">John Doe <span class="badge
badge-success">new</span></span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a> </li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user2.png" alt="" /></span>
<span class="desc">
<span class="name">Jonathan Smith</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a> </li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user3.png" alt="" /></span>
<span class="desc">
<span class="name">Jane Doe</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a> </li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user4.png" alt="" /></span>
<span class="desc">
<span class="name">Mark Henry</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a> </li> <li>
<span class="thumb"><img
src="images/photos/user5.png" alt="" /></span>
<span class="desc">
<span class="name">Jim Doe</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a> </li>
<li class="new"><a href="">Read All Mails</a></li> </ul>
</div> </li>
<div class="dropdown-menu dropdown-class="dropdown-menu-head pull-right"> <h5
class="title">Notifications</h5>
<ul class="dropdown-list normal-list">
<li class="new"> <a href=""> <span
class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #1 overloaded. </span>
<em class="small">34 mins</em> </a> </li>
<li class="new"> <a href=""> <span
class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #3 overloaded. </span>
<em class="small">1 hrs</em> </a> </li>
<li class="new"> <a href=""> <span
class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #5 overloaded. </span>
<em class="small">4 hrs</em> </a> </li>
<li class="new"> <a href=""> <span
class="label label-danger"><i class="fa fa-bolt"></i></span>
<span
class="name">Server #31 overloaded. </span>
<em class="small">4 hrs</em> </a> </li>
<li class="new"><a href="">See All Notifications</a></li> </ul>
</div> </li>
<ul class="dropdown-menu dropdown-menu-usermenu pull-right"> <li><a
href="profile.php"><i class="fa fa-user"></i> Profile</a></li> <li><a
href="index.php"><i class="fa fa-sign-out"></i> Log Out</a></li>
</ul> </li>
</ul> </div>
<!--notification menu end -->
</div>
<!-- header section end-->
<h3><marquee behavior="alternate">
Selamat Datang Pegawai Puskesmas Kertapati Kota Palembang </marquee></h3>
<ul class="breadcrumb"> </ul> </div>
<!--halaman--> <div class="col-md-12">
<section class="panel"> <header class="panel-heading">
<div id="slider1_container"
style="width:600px;height:370px;"> <div
style="position:background:url(img/loadin g.gif) no-repeat center center;">
</div>
<div style="border:1px solid silver; height:370px; width:600px; "> <?php
include "pucuk.php"; ?>
<div u ="slides" style="animation-play-state:running;width:1190px;height:400px; overflow:hidden;">
<div><img u="image"
src="img/landscape/001.jpg"></div> <div><img u="image"
src="img/landscape/002.jpg"></div> <div><img u="image"
src="img/landscape/005.jpg"></div> <div><img u="image"
src="img/landscape/004.jpg"></div> <div><img u="image"
src="img/landscape/003.jpg"></div> <div><img u="image"
src="img/landscape/006.jpg"></div> <div><img u="image"
src="img/landscape/007.jpg"></div> </div>
<script>
jssor_slider1_starter("slider1_container"); </script>
<span class="tools pull-right">
</header>
<!-- page heading end-->
<!--body wrapper start--> <div class="wrapper"> <div class="row">
</div>
<div class="panel-body">
<div class="row revenue-states"></div>
<div class="space15"></div> <div class="row">
<div class="col-md-12">
</ul>
</div> </div> </div> </div> </div>
<div class="row">
</div>
<div class="row">
</div> </div>
<!--body wrapper end-->
<!--footer section start--> <footer><strong><center>
<marquee>Puskemas Kertapati Jalan Komplek Semen Baturaja, Kecamatan Kertapati Kota Palembang</marquee>
</footer></strong></center> <!--footer section end-->
</div>
<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script> <script src="js/jquery-ui-1.9.2.custom.min.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script
src="js/modernizr.min.js"></script> <script
src="js/jquery.nicescroll.js"></script>
<!--icheck --> <script
src="js/iCheck/jquery.icheck.js"></script> <script src="js/icheck-init.js"></script>
<!-- jQuery Flot Chart--> <script
src="js/flot-chart/jquery.flot.js"></script> <script
src="js/flot-chart/jquery.flot.tooltip.js"></script> <script
src="js/flot-chart/jquery.flot.resize.js"></script>
<!--Morris Chart--> <script src="js/morris-chart/morris.js"></script>
<script src="js/morris-chart/raphael-min.js"></script>
<!--Calendar--> <script
src="js/calendar/clndr.js"></script> <script
src="js/calendar/evnt.calendar.init.js"></sc ript>
<script src="js/calendar/moment-2.2.1.js"></script>
<script
src="http://cdnjs.cloudflare.com/ajax/libs/
underscore.js/1.5.2/underscore-min.js"></script>
<!--common scripts for all pages--> <script src="js/scripts.js"></script>
<!--Dashboard Charts--> <script src="js/dashboard-chart-init.js"></script>
</body> </html> <?php
error_reporting('~E_NOTICE'); ?>
Daftar_Add_Pasien_Baru.Php <!DOCTYPE html>
<html lang="en"> <head>
<meta charset="utf-8"> <meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content=""> <meta name="author"
content="ThemeBucket">
<link rel="shortcut icon" href="#" type="image/png">
<link rel="icon" type="image/x-icon" href="images/puskemas copy.png" /> <title>Tambah Data Pasien</title>
<!--pickers css-->
<link rel="stylesheet" type="text/css"
href="js/bootstrap-datepicker/css/datepicker-custom.css" /> <link rel="stylesheet" type="text/css"
href="js/bootstrap-timepicker/css/timepicker.css" /> <link rel="stylesheet" type="text/css"
href="js/bootstrap-colorpicker/css/colorpicker.css" /> <link rel="stylesheet" type="text/css"
href="js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
<link rel="stylesheet" type="text/css"
href="js/bootstrap- datetimepicker/css/datetimepicker-custom.css" />
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->
</head>
<body class="sticky-header">
<section>
<!-- left side start-->
<div class="left-side sticky-left-side">
<!--logo and iconic logo start--> <div class="logo">
<a href="home.php"><img src="gambar/Jembatan-Ampera.jpg" alt="" width="161" height="46"></a> </div>
<div class="logo-icon text-center"> <a href="index.html"><img src="images/logo_icon.png" alt=""></a> </div>
<!--logo and iconic logo end--> <div class="left-side-inner">
<!--menu-->
<ul class="nav pills nav-stacked custom-nav">
<li class="active"><a href="home.php"><i class="fa
fa-home"></i> <span> HOME</span></a> <li class="menu-list"><a href="#"> <img
src="images/anak.png"></i> <span> REGISTER PASIEN</span></a> <ul class="sub-menu-list"> <li><a
href="daftar_add_pasien_baru.php"><i class="fa fa-book"></i> <span>Pasien Baru</span></a></li>
<li><a
href="daftar_add_pasien_lama.php"><i class="fa fa-book"></i> <span>Pasien Lama</span></a></li>
</ul>
</li>
<li class="menu-list"><a href="#"> <img
src="images/anak.png"></i> <span> DATA PASIEN</span></a>
<ul class="sub-menu-list"> <li><a
href="daftar_tampil_pasien_baru.php"><i class="fa fa-book"></i> <span>Pasien Baru</span></a></li>
<li><a
href="daftar_tampil_pasien_lama.php"><i class="fa fa-book"></i> <span>Pasien Lama</span></a></li>
</ul> </li>
<li class="menu-list"><a href="informasi.php"><i class="fa fa-th-list"></i>
<span>INFORMASI</span></a> </li>
<li><a href="form_login.php"> <img
src="images/login.png"> </i> <span>LOGIN</span></a></li>
<?php
?> </li>
<!--sidebar nav end-->
</div> </div>
<!-- left side end-->
<!-- main content start--> <div class="main-content" >
<!-- header section start--> <div class="header-section">
<!--toggle button start-->
<a class="toggle-btn"><i class="fa fa-bars"></i></a>
<!--toggle button end-->
<!--notification menu start --> <div class="menu-right">
<ul class="notification-menu"> <li>
<div class="dropdown-menu dropdown-menu-head pull-right">
<h5 class="title">You have 8 pending task</h5>
<ul class="dropdown-list user-list">
<li class="new"> <a href="#"> <div class="task-info">
<div>Database update</div>
</div> <div
class="progress progress-striped"> <div
style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
<span class="">40%</span>
</div> </div> </a> </li>
<li class="new"> <a href="#"> <div class="task-info">
<div>Dashboard done</div>
</div> <div
class="progress progress-striped"> <div
style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
<span class="">90%</span>
</div>
</div> </a> </li> <li>
<a href="#"> <div class="task-info">
<div>Web Development</div>
</div> <div
class="progress progress-striped"> <div
style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
<span class="">66% </span>
</div> </div> </a> </li> <li>
<a href="#"> <div class="task-info">
<div>Mobile App</div>
</div> <div
class="progress progress-striped"> <div
style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
<span class="">33% </span>
</div> </div> </a> </li> <li>
<a href="#"> <div class="task-info">
<div>Issues fixed</div>
<div
class="progress progress-striped"> <div
style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar"> <span
class="">80% </span>
</div> </div> </a> </li>
<li class="new"><a href="">See All Pending Task</a></li> </ul>
</div> </li> <li>
<div class="dropdown-menu dropdown-menu-head pull-right">
<h5 class="title">You have 5 Mails </h5>
<ul class="dropdown-list normal-list">
<li class="new"> <a href=""> <span class="thumb"><img
src="images/photos/user1.png" alt="" /></span>
<span class="desc">
<span class="name">John Doe <span class="badge
badge-success">new</span></span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a>
</li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user2.png" alt="" /></span>
<span class="desc">
<span class="name">Jonathan Smith</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a>
</li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user3.png" alt="" /></span>
<span class="desc">
<span class="name">Jane Doe</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a>
</li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user4.png" alt="" /></span>
<span class="desc">
<span class="name">Mark Henry</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a>
</li> <li>
<a href=""> <span class="thumb"><img
src="images/photos/user5.png" alt="" /></span>
<span class="name">Jim Doe</span> <span class="msg">Lorem ipsum dolor sit amet...</span>
</span> </a>
</li>
<li class="new"><a href="">Read All Mails</a></li> </ul>
</div> </li> <li>
<div class="dropdown-menu dropdown-menu-head pull-right">
<h5
class="title">Notifications</h5>
<ul class="dropdown-list normal-list">
<li class="new"> <a href="">
<span class="label label-danger"><i class="fa
fa-bolt"></i></span>
<span
class="name">Server #1 overloaded. </span>
<em class="small">34 mins</em> </a> </li>
<li class="new"> <a href="">
<span class="label label-danger"><i class="fa
fa-bolt"></i></span>
<span
class="name">Server #3 overloaded. </span>
<em class="small">1 hrs</em> </a> </li>
<li class="new"> <a href="">
<span class="label label-danger"><i class="fa
fa-bolt"></i></span>
<span
class="name">Server #5 overloaded. </span>
<em class="small">4 hrs</em> </a> </li>
<li class="new"> <a href="">
<span class="label label-danger"><i class="fa
fa-bolt"></i></span>
<span
class="name">Server #31 overloaded. </span>
<em class="small">4 hrs</em> </a> </li>
<li class="new"><a href="">See All Notifications</a></li> </ul>
</div> </li> <li>
<ul class="dropdown-menu dropdown-menu-usermenu pull-right"> </ul>
</li>
</ul> </div>
<!--notification menu end -->
</div>
<!-- header section end-->
<!-- page heading start--> <div class="page-heading"> <h2><marquee
behavior="alternate" title="Form Tambah pasien Dewasa">
</marquee></h2>
<!-- page heading end-->
<!--body wrapper start--> <div class="wrapper"> <div class="row">
<section class="panel">
<div class="panel-body">
<?php
include('include/conn.php'); ?>
<form
action="daftar_proses_pasien_baru.php" method="POST" class="form-horizontal " enctype="multipart/form-data">
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8"> <meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="keywords"
content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3"> <meta name="description" content=""> <meta name="author"
content="ThemeBucket">
<link rel="shortcut icon" href="#" type="image/png">
<link rel="icon" type="image/x-icon" href="images/puskemas copy.png" /> <title>Puskesmas Kertapati Kota Palembang</title>
<!--icheck-->
<!--dashboard calendar--> <link href="css/clndr.css" rel="stylesheet">
<!--Morris Chart CSS -->
<link rel="stylesheet" href="js/morris-chart/morris.css">
<!--common-->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->
</head>
<body class="sticky-header">
<section>
<!-- left side start-->
<div class="left-side sticky-left-side">
<!--logo and iconic logo start--> <div class="logo">
<a href="index.php"><img src="gambar/Jembatan-Ampera.jpg" alt="" width="161" height="46"></a> </div>
<div class="logo-icon text-center"> <a href="#"><img
src="images/puskemas copy.png"alt="" width="49" height="50"></a>
</div>
<!--logo and iconic logo end-->
<div class="left-side-inner">
<! visible to small devices only -->
<div class="visible-xs hidden-sm hidden-md hidden-lg">
<div class="media-body"> </div>
</div>
<!--sidebar nav start-->
<ul class="nav pills nav-stacked custom-nav">
