%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE HTML>
<!--
Justice by freehtml5.co
Twitter: http://twitter.com/fh5co
URL: http://freehtml5.co
-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Review Doctors & Hospitals</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="FreeHTML5.co" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400, 900" rel="stylesheet"> -->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/icomoon.css">
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/main.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/bootstrap.css">
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/bootstrap.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/owl.carousel.min.css">
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/owl.theme.default.min.css">
<!-- Flexslider -->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/flexslider.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<!-- Theme style -->
<link rel="stylesheet" href="<?php echo base_url().'assets/';?>css/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<style>
.image-center{
margin-left: auto;
margin-right: auto;
}
</style>
<style>
* { box-sizing: border-box; }
.wrapper {
max-width: 90rem;
width: 100%;
margin: 150px auto;
}
.tabs {
position: relative;
margin: 3rem 0;
background: #fff;
height: 15.75rem;
}
.tabs::before,
.tabs::after {
content: "";
display: table;
}
.tabs::after { clear: both; }
.tab { float: left; }
.tab-switch { display: none; }
.tab-label {
position: relative;
display: block;
line-height: 2.75em;
height: 3em;
padding: 0 1.618em;
background: #fff;
border-right: 0.125rem solid #eaeeee;
color: #000;
cursor: pointer;
top: 0;
transition: all 0.25s;
}
.tab-label:hover {
top: -0.25rem;
transition: all 0.25s;
}
.tab-content {
padding: 1.618rem;
background: #fff;
color: #2c3e50;
height: 7rem;
position: absolute;
z-index: 1;
top: 2.75em;
left: 0;
opacity: 0;
transition: all 0.35s;
border-top: 1px solid #eaeeee;
width:100%;
}
.tab-switch:checked + .tab-label {
background: #fa4251;
color: #fff;
border-bottom: 0;
border-right: 0.0625rem solid #fff;
transition: all 0.35s;
z-index: 2;
top: -0.0625rem;
}
.tab-switch:checked + .tab-label:hover { top: -0.0625rem; }
.tab-switch:checked + .tab-label + .tab-content {
opacity: 1;
transition: all 0.35s;
z-index: 3;
}
.soverlay{
padding: 10px;
font-family: Arial;
z-index: 990;
margin: auto;
width: 80%;
height: 300px;
position: absolute;
top: 4%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.form-inline label{
justify-content: left;
}
.input_wrapper {
padding-right: 20px;
width: 40%;
}
.input_wrapper label{
color:#999;
font-weight: 400;
display: block;
font-size: 14px;
font-family: Rubik,sans-serif;
}
.form-inline button{
min-width: 110px;
height: 40px;
padding: 0 15px;
background:#fa4251;
white-space: nowrap;
border-radius: 3px;
font-size: 16px;
color:#fff;
transition: all .2s ease-out, color .2s ease-out;
border: 0;
cursor: pointer;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin-left: 10px;
}
.input_wrapper input{
border:0;
outline: 0;
border-bottom: 1px solid #e0e0e1;
width: 100%;
}
.headtext{
font-size: 30px;
color:#fff;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<div id="page">
<nav class="gtco-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-sm-2 col-xs-12">
<div id="gtco-logo"><a href="<?=base_url();?>welcome">Health<em>Reviews</em></a></div>
</div>
<div class="col-xs-10 text-right menu-1 main-nav">
<ul>
<li class="active"><a href="<?=base_url();?>welcome" data-nav-section="home">Home</a></li>
<li><a href="#" data-nav-section="about">About</a></li>
<li><a href="<?=base_url();?>enquiry">Get a Quote</a></li>
<li><a href="<?=base_url();?>register" data-nav-section="practice-clients">Register</a></li>
<li><a href="<?=base_url();?>login" data-nav-section="practice-clients">Login</a></li>
<!-- For external page link -->
<!-- <li><a href="http://freehtml5.co/" class="external">External</a></li> -->
</ul>
</div>
</div>
</div>
</nav>
<section id="gtco-hero" class="gtco-cover" style="background-image: url(<?php echo base_url().'assets/';?>images/img_bg_4.jpg);" data-section="home" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container searchbox">
<div class="row">
<div class="col-md-12 col-md-offset-0 s013">
<div class="wrapper">
<h2 class="headtext">Medical reviews is an experience that matters</h2>
<div class="tabs">
<div class="tab">
<input type="radio" name="css-tabs" id="tab-1" checked="" class="tab-switch">
<label for="tab-1" class="tab-label">Doctors</label>
<div class="tab-content">
<form class="form-inline" method="post" action="<?=base_url()?>listing/search">
<div class="input_wrapper">
<label>Search:</label>
<div class="select1_inner">
<input type="text" id="speciality" name="speciality" placeholder="Dr name,Speciality,Procedures or conditions" required>
<input type="hidden" id="speciality_id" name="speciality_id">
</div>
</div>
<div class="input_wrapper">
<label>Location:</label>
<div class="select1_inner">
<select class="wide" name="location_id">
<?php foreach ($locations as $city) { ?>
<option value="<?=$city['location_id']?>"><?=$city['location']?></option>
<?php } ?>
</select>
</div>
</div>
<button class="" type="submit" value="submit">SEARCH</button>
</form>
</div>
</div>
<div class="tab">
<input type="radio" name="css-tabs" id="tab-2" class="tab-switch">
<label for="tab-2" class="tab-label">Hospitals</label>
<div class="tab-content">
<form class="form-inline" method="post" action="<?=base_url()?>listing/searchhospital">
<div class="input_wrapper">
<label>Hospital Name:</label>
<div class="select1_inner">
<select class="wide" name="hospital_id">
<?php foreach ($hospitals as $hospital) { ?>
<option value="<?=$hospital['hospital_id']?>"><?=$hospital['hospital_name']?></option>
<?php } ?>
</select>
</div>
</div>
<div class="input_wrapper">
<label>Location:</label>
<div class="select1_inner">
<select class="wide" name="location_id">
<?php foreach ($locations as $city) { ?>
<option value="<?=$city['location_id']?>"><?=$city['location']?></option>
<?php } ?>
</select>
</div>
</div>
<button class="" type="submit" value="submit">SEARCH</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gtco-practice-areas" data-section="practice-areas">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h2> </h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="gtco-practice-area-item animate-box">
<!-- <div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div> -->
<div class="gtco-copy">
<i class="fa fa-hospital-o"></i>
<img src="<?php echo base_url().'assets/';?>images/doctor.png" class="img-responsive image-center" >
<h3>Find a doctor</h3>
<p>Compare doctor reviews and find a doctor perfect for you</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="<?php echo base_url().'assets/';?>images/5-stars.png" class="img-responsive image-center" >
<h3>Read Reviews</h3>
<p>Add reviews about your experience with the doctor and help others</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="<?php echo base_url().'assets/';?>images/connection.png" class="img-responsive image-center" >
<h3>Connect With Doctor</h3>
<p>Enquire with doctor regarding the medical condition</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gtco-about" data-section="about">
<div class="container">
<!-- <div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h1>Welcome To Our Law Offices</h1>
<p class="sub">Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<p class="subtle-text animate-box" data-animate-effect="fadeIn">Welcome</p>
</div>
</div> -->
<div class="row">
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<div class="img-shadow">
<img src="<?php echo base_url().'assets/';?>images/about.png" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
</div>
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<h2 class="heading-colored">Find the best doctor<br> for your Health</h2>
<p>Search from the list of doctor according to the medical conditions.See the doctors reviews mentioned by other patients and expertise. So you can have a great experience</p>
<p>Search from the list of doctor according to the medical conditions.See the doctors reviews mentioned by other patients and expertise. So you can have a great experience</p>
<p><a href="#" class="read-more">Read more <i class="icon-chevron-right"></i></a></p>
</div>
</div>
</div>
</section>
<section id="gtco-about" data-section="about">
<div class="container">
<div class="row">
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<h2 class="heading-colored">Compassionate and trusted<br> Healthcare system</h2>
<p>Drreview is a review platform open to everyone. Share your experiences to help others make better choices, and help healthcare companies provide better experience to patients.</p>
<p>Drreview is a review platform open to everyone. Share your experiences to help others make better choices, and help healthcare companies provide better experience to patients.</p>
<p><a href="#" class="read-more">Read more <i class="icon-chevron-right"></i></a></p>
</div>
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<div class="img-shadow">
<img src="<?php echo base_url().'assets/';?>images/epp_img3_v2.png" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
</div>
</div>
</div>
</section>
<section id="gtco-customer" data-section="customer">
<div class="container">
<!-- <div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h1>Welcome To Our Law Offices</h1>
<p class="sub">Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<p class="subtle-text animate-box" data-animate-effect="fadeIn">Welcome</p>
</div>
</div> -->
<div class="row">
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<div class="img-shadow">
<img src="<?php echo base_url().'assets/';?>images/marisol.png" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
</div>
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<h2 class="heading-colored">Customer Review</h2>
<p>Initially i dint know which doctor to consider. Then going through reviews i found a doctor for my condition.I was very happy with recommendation he had suggested me. The doctor was very attentive to my medical records, made sure I was listened to and explained the procedures I was going to undergo</p>
<p><a href="#" class="read-more">Maria Jose <i class="icon-chevron-right"></i></a></p>
</div>
</div>
</div>
</section>
<div class="container-fluid">
<div class="row row-pb-md">
<div class="col-md-12 heading animate-box" data-animate-effect="fadeIn">
</div>
</div>
</div>
<section id="gtco-practice-clients" data-section="practice-clientis">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h2>Over 3000+ Doctors </h2>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<!-- <div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div> -->
<div class="gtco-copy">
<img src="images/logo1.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo2.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo3.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo4.jpg">
</div>
</div>
</div>
</div>
<br>
</div>
</section>
<footer id="gtco-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12">
<p class="pull-left">
<small class="block">© 2018 UGO Technologies All Rights Reserved.</small>
</p>
<p class="pull-right">
<ul class="gtco-social-icons pull-right">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<!-- jQuery Easing -->
<script src="<?php echo base_url().'assets/';?>/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="<?php echo base_url().'assets/';?>/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<!-- Magnific Popup -->
<script src="<?php echo base_url().'assets/';?>/js/jquery.magnific-popup.min.js"></script>
<script src="<?php echo base_url().'assets/';?>/js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="<?php echo base_url().'assets/';?>/js/main.js"></script>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- jQuery UI -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$( "#speciality" ).autocomplete({
source: function( request, response ) {
// Fetch data
$.ajax({
url: "<?=base_url()?>index.php/welcome/userList",
type: 'post',
dataType: "json",
data: {
search: request.term
},
success: function( data ) {
response( data );
}
});
},
select: function (event, ui) {
// Set selection
$('#speciality').val(ui.item.label);
$('#speciality_id').val(ui.item.value);
return false;
}
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0