<%@ Page Language="VB" AutoEventWireup="false" CodeFile="appointment.aspx.vb" Inherits="appointment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title>Book an Appointment: PANDEY HOSPITAL PVT. LTD. www.pandeyhospitals.com</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<!-- navigation -->
<link href="css/component.css" rel="stylesheet" type="text/css"  />
<!-- navigation -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="My Pets Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<script src="js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
  <script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
        <style type="text/css">
            .style1
            {
                width: 145px;
            }
            .style2
            {
                width: 145px;
                height: 44px;
            }
            .style3
            {
                height: 44px;
            }
        </style>
</head>
<body>
    <form id="form1" runat="server">
     <!-- header-section-starts -->
	<div class="header">
		<div class="header-top">
			<div class="container">
				<p class="location" style="font-weight: bold; font-size: 12pt"><i ></i>
                  <br /> <a href="appointment.aspx" class="btn btn-1 btn-1c">Book an appointment</a><a href="directors-message.html" class="btn btn-1 btn-1c">Directors Message</a> </p>
				<p class="phonenum" style="font-weight: bold; font-size: 12pt">
                   <iframe src="facebookgoogle/index.html" width="100%" height ="60"  
                        frameborder="0" marginheight="0" marginwidth="0" scrolling="no" ></iframe></p>
				<div class="clearfix"></div>
			</div>
			
		</div>
		
		<div class="header-bottom">
			<div class="container">
				<div class="logo">
					<a href="index.html"><img src="logo11.PNG" alt=""  /></a>
				</div>
				
				<span class="menu"></span>
				
				<div class="top-menu">
				
					<ul>
					<nav class="cl-effect-5">
					
						<li><a class="active" href="index.html">Home</a></li> 
						<li><a  href="about.html" >About Us</a></li>
						<li><a href="whyus.html">Why Us</a></li> 
						
						<li><a href="services.html">Services</a></li> 
						<li><a href="department.html">Departments </a></li> 
						
					<li><a href="contact.html">Contact Us</a></li>
				
					</nav>
					</ul>
					
					
					
					
				</div>
				<!-- script for menu -->
				<script>
				$( "span.menu" ).click(function() {
				  $( ".top-menu" ).slideToggle( "slow", function() {
				    // Animation complete.
				  });
				});
			</script>
			<!-- script for menu -->
				<div class="clearfix"></div>
			</div>
		</div>
	</div>	<!-- content-section-starts -->
	<div class="content">
		<!--about-->
		<div class="main">
			<div class="container">
				<div class="about-top">
					
			</div>
			<div class="about-bottom">
						<div class="about-topgrid1">
							<h3>Book an Appointment</h3>
					<div class="col-md-8 about-bottom-info">
							   <div class="rsidebar span_1_of_3">
					
					<table cellspacing="10" style="width: 55%; height: 378px;" 
                                    __designer:mapid="d4b">
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            &nbsp;</td>
                                        <td>
                                            &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            First Name</td>
                                        <td>
                                            <asp:TextBox ID="first" runat="server" BorderColor="#0182B5" 
                                                BorderWidth="1px" Font-Size="12pt" Height="30px" Width="200px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                                ControlToValidate="first" ErrorMessage="*" Font-Bold="True" Font-Size="12pt"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            Last Name</td>
                                        <td>
                                            <asp:TextBox ID="last" runat="server" BorderColor="#0182B5" 
                                                BorderWidth="1px" Font-Size="12pt" Height="30px" Width="200px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                                ControlToValidate="last" ErrorMessage="*" Font-Bold="True" Font-Size="12pt"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style2">
                                            Gender</td>
                                        <td class="style3">
                                            <asp:DropDownList ID="gender" runat="server" BorderColor="#0182B5" 
                                                BorderWidth="1px" Font-Bold="False" Font-Size="12pt" ForeColor="#333333" 
                                                Height="30px" Width="200px">
                                                <asp:ListItem selected="selected" value="">Male</asp:ListItem>
                                                <asp:ListItem>Female</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            Age</td>
                                        <td>
                                            <asp:TextBox ID="age" runat="server" BorderColor="#0182B5" 
                                                BorderWidth="1px" Font-Size="12pt" Height="30px" Width="200px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                                ControlToValidate="age" ErrorMessage="*" Font-Bold="True" Font-Size="12pt"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            Mobile</td>
                                        <td>
                                            <asp:TextBox ID="mobile" runat="server" BorderColor="#0182B5" 
                                                BorderWidth="1px" Font-Size="12pt" Height="30px" Width="200px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                                ControlToValidate="mobile" ErrorMessage="*" Font-Bold="True" Font-Size="12pt"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            Email</td>
                                        <td>
                                            <asp:TextBox ID="email" runat="server" BorderColor="#0182B5" 
                                                BorderWidth="1px" Font-Size="12pt" Height="30px" Width="200px"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                                                ControlToValidate="email" ErrorMessage="*" Font-Bold="True" Font-Size="12pt"></asp:RequiredFieldValidator>
                                            <br />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            Select Appointment</td>
                                        <td>
                                            <asp:Calendar ID="Calendar1" runat="server" BackColor="White" 
                                                BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" 
                                                Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" 
                                                Width="200px">
                                                <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
                                                <SelectorStyle BackColor="#CCCCCC" />
                                                <WeekendDayStyle BackColor="#FFFFCC" />
                                                <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
                                                <OtherMonthDayStyle ForeColor="#808080" />
                                                <NextPrevStyle VerticalAlign="Bottom" />
                                                <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
                                                <TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
                                            </asp:Calendar>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            &nbsp;</td>
                                        <td >
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <asp:Button ID="Button2" runat="server" BackColor="#E35A58" 
                                                BorderColor="#1D71A4" BorderWidth="0px" 
                                                 
                                                Font-Bold="True" Font-Size="10pt" ForeColor="White" Height="48px" 
                                                Text="Submit" Width="155px" />
                                            &nbsp;&nbsp;
                                            </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 11pt; " class="style1">
                                            &nbsp;</td>
                                        <td>
                                            &nbsp;</td>
                                    </tr>
                                    
                                </table>
				     		</div></div>
						<div class="col-md-4 about-bottom-info-right">
						 <img src="images/appointment banner.jpg" alt="" />
						 </div>
						 <div class="clearfix"> </div>
					</div>
					</div>
					 <div class="clearfix"> </div>
				</div>
				</div>
			
	</div>
	<!--/about-->
		</div>
	<!-- content-section-ends -->
	<!-- footer-section-starts -->
	<div class="footer">
		<div class="container">
			<div class="col-md-5 contact-section">
				<h4>Contact Form</h4>
					<input type="text" class="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
					<input type="text" class="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
					<textarea onfocus="if(this.value == 'Message') this.value='';" onblur="if(this.value == '') this.value='Message';" >Message</textarea>
					<input type="submit" value="SEND">
			</div>
			<div class="col-md-7 follow-us">
				<h4>Follow Us</h4>
				<div class="social-icons">
					<i class="facebook"></i>
					<i class="twitter"></i>
					<i class="pinterest"></i>
					<i class="googlepluse"></i>
				</div>
				
				<h4>PANDEY HOSPITAL PVT. LTD.</h4>
				
				<p>Address: 499, NORTH CIVIL LINES BEOHARBAGH JABALPUR(M.P.)INDIA</p>
				<p>Pin No: 482002</p>
				<p>Landline No: +917612627833</p>
				<p>Fax No: +917612625489</p>
				<p>Email: info@pandeyhospitals.com</p>
				<p>Website: www.pandeyhospitals.com</p>
				<div class="copyright">
					<p>Developed  by  <a href="http://shinesofttech.com">  Shine Software Technology</a></p>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- footer-section-ends -->
	<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

    </form>
</body>
</html>