<!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="">
<title>Healthpro</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/modern-business.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<script src="app-location.js"> </script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header ">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" style="margin-top:-20px"><img src="image/logo.png" style="width:80%;"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about_us.php">About Us</a>
</li>
<li>
<a href="register_benefit.php">Benefits of Registering</a>
</li>
<li>
<a href="login.php">Login</a>
</li>
<li>
<a href="register.php">Register</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<body>
<section id="image" >
<div class="container">
<div class="row">
<form name="" method="post" action="doctors.php">
<div class="col-md-4 pull-right wow fadeInRight" style="background-color:#0BB5FF; padding:20px;">
<b><h4 style="color:#FFF" align="center">Find Your</h4><h2 style="color:#FFFFFF" align="center">Specializt</h2></b>
<hr class="line">
<!-- Script by hscripts.com -->
<select name="city" class="form-control" required>
<option value="">Select City </option>
<script language="javascript">
var states = new Array("Andaman and Nicobar Islands", "Andhra Pradesh", "Arunachal Pradesh", "Assam", "Bihar", "Chandigarh", "Chhattisgarh", "Dadra and Nagar Haveli", "Daman and Diu", "Delhi", "Goa", "Gujarat", "Haryana", "Himachal Pradesh", "Jammu and Kashmir", "Jharkhand", "Karnataka", "Kerala", "Lakshadweep", "Madhya Pradesh", "Maharashtra", "Manipur", "Meghalaya", "Mizoram", "Nagaland", "Orissa", "Pondicherry", "Punjab", "Rajasthan", "Sikkim", "Tamil Nadu", "Tripura", "Uttaranchal", "Uttar Pradesh", "West Bengal");
for(var hi=0; hi<states.length; hi++)
document.write("<option value=\""+states[hi]+"\">"+states[hi]+"</option>");
</script>
</select>
<br><h4 style="color:#FFFFFF" align="center">OR</h4>
<input type="text" id="doctor" name="fullname" class="form-control" placeholder="Search by name" />
<p> </p>
<select name="speciality" class="form-control" />
<option value="">Search by Speciality</option>
<option>Dentistry </option>
<option>Dermatology</option>
<option>Orthopaedics </option>
<option>Ophthalmology</option>
<option>Otolaryngology</option>
<option>General Surgeon </option>
<option>Medicine</option>
<option>Obstetrics & Gynaecology </option>
<option>Pediatrics</option>
<option>Psychiatry</option>
<option>Radiology</option>
<option>Oncology </option>
<option>Cardiology</option>
<option>Neurology</option>
<option>NeuroSurgery </option>
<option>Endocrinology </option>
<option>Gastroenterologist</option>
<option>Nephrologist</option>
<option>Dietician </option>
<option>Physiotherapist</option>
</select>
<br>
<style>
.bg-primary{
background-color:#F90;
width:100%;
color:#FFF;
}
.bg-primary:hover{
background-color:#F80;
width:100%;
color:#FFF;
}
</style>
<input name="submit" class="btn bg-primary" type="submit" value="SUBMIT"></div>
</form>
</div>
</div>
</section>
</footer>
<div class="container-fluid copyright wow fadeInUp">
<div class="row text-center footer">
© Copyright - 2016 : All Rights Reserved
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/wow.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/mousescroll.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.inview.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/main.js"></script></body>
</html>