diff --git a/index.html b/index.html
index 0d17122..8978fcc 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,9 @@
+
+
+
 <html>
 	<head>
-		<title> doctors </title>
+		<title> City Hospitals </title>
 		<link rel="stylesheet" type="text/css" href="indexcss.css">
 	</head>
 	<body>
@@ -9,11 +12,10 @@ <h1><u>City Hospital</u></h1>
   			<h1 align=center>  Welcome to our online appointment scheduling services</h1>
 		</div>
 		<div class="header" id="head">
-			<div class="login">
-					<a href="login.html">
-						Login
-					</a>
-			</div>
+			<a href="login.php">
+				<input class="log"  type="submit" value="Login">
+
+			</a>
 		</div>
 		<div class="dr_details">
 			<p style="font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 30px;color:ivory">
@@ -48,11 +50,11 @@ <h1 align=center>  Welcome to our online appointment scheduling services</h1>
 		</div><br>
 	</center></div>
 		<center>
-			<div class="appointment">
-					<a href="registration.html">
-						Get Appointment
+			
+					<a href="registration.php">
+						<input class="app" type="submit" value="Get Appointment">
 					</a>
-			</div>
+			
 		</center>
 
 </body>
@@ -72,4 +74,5 @@ <h1 align=center>  Welcome to our online appointment scheduling services</h1>
 }
 </script>
 </html>
-		
\ No newline at end of file
+		
+		
diff --git a/indexcss.css b/indexcss.css
index ce8d55d..6d5e9ee 100644
--- a/indexcss.css
+++ b/indexcss.css
@@ -4,7 +4,7 @@
 	background-color: rgb(100,150,250);
 	padding: 25px;
 	border-radius: 25px;
-	box-shadow: powderblue;
+	box-shadow: 2px 2px powderblue;
 }
 a{
 	font-size:35px;
@@ -13,12 +13,27 @@ a{
 	padding-top:25px;
 	padding-left: 25px;
 }
-.login{
+.app{
+	font-size:25px;
+	color: ivory;
+	width:250px;
+	height:70px;
+	border-radius:20px;
+	background-color:teal;
+	text-align: center;
+	padding-top:10px;
+	padding-left: 10px;
+}
+.log{
+font-size:25px;
+	color: ivory;
 	width:150px;
-	height:50px;
-	padding:10px;
+	height:70px;
 	border-radius:20px;
 	background-color:teal;
+	text-align: center;
+	padding-top:10px;
+	padding-left: 10px;
 }
 body{
 	background-image: url(img.jpg);
@@ -26,7 +41,7 @@ body{
 	background-position: center ;
 	background-attachment: scroll;
 	background-size: cover;
-	background-blend-mode: lighten;
+	background-blend-mode: lighten;  //check this one and corrent it
 }
 p{
 	font-family: "Trebuchet MS", Helvetica, sans-serif;
@@ -56,7 +71,7 @@ h1{
   text-align: center;
   border-radius: 50px;
 }
-.login:hover{
+.appointment:hover{
 	box-shadow: 5px 5px grey;
 }
 .appointment{
@@ -66,6 +81,6 @@ h1{
 	border-radius:20px;
 	background-color:teal;
 }
-.appointment:hover{
+input:hover{
 	box-shadow: 5px 5px grey;
-}
\ No newline at end of file
+}
diff --git a/login.html b/login.html
index d466d9c..997698c 100644
--- a/login.html
+++ b/login.html
@@ -1,3 +1,4 @@
+
 <html>
 <head><title>doctor login</title>
 <style>
diff --git a/registration.php b/registration.php
new file mode 100644
index 0000000..70bf212
--- /dev/null
+++ b/registration.php
@@ -0,0 +1,92 @@
+
+<html>
+	<head>
+		<title>Registration Form</title>
+		<style>
+			body{
+		background-image: url(blur-clinic-health.jpg);
+		background-repeat: no-repeat;
+    	background-size: cover;
+}
+ h1{
+ 		color:blue;
+ 		font-size:60;
+ 	
+}
+.table{
+		border-color: white;
+}
+input{
+		text-align:center;
+		background-color:teal; 
+		color: white;
+		padding: 14px 20px;
+		margin: 8px 0;
+		border:none;
+		border-radius: 20px;
+		cursor: pointer;
+		font-size: 20px;
+		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ;
+}
+
+th,td{
+	text-transform: uppercase;
+	font-size: 20px;
+	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ; 
+}
+select{
+	background-color:teal;
+	font-size: 20px;
+	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ;
+	color:white;
+	border-radius: 10px;
+}
+
+		</style>
+	</head>
+<body>
+	<center>
+	<h1 align="center">REGISTRATION FORM </h1>
+	<form method="post" action="register.php">
+	<table class=table >
+			<tr>
+				<th>
+				Name:</th><td> <input type="text" name="name"></td>
+			</tr><br>	
+			<tr>	
+			    <th>Age:</th> <td>  <input type="number" name="age"></td>
+		    </tr><br>
+		  <tr>  
+		       <th> Gender:</th>  <td><input type="radio" name="gender" value="M">M 
+                <input type="radio" name="gender" value="F"> F
+                </td>
+         </tr><br>
+         <tr>
+        	<th>Contact no:</th><td>  <input type="number" name="contact" value="+91"><br><br></td>
+        </tr><br>
+        <tr>
+        <th>Choose your Doctor:</th><td><select name="doctors">
+        										<option value="0">
+        											---Select--- 
+        										</option>
+        										<option value="Dr.Kailash Bhatia">
+        											Dr.Kailash Bhatia 
+        										</option>		
+        										<option value="Dr.Ajay Tiwari">
+        											Dr.Ajay Tiwari
+        										</option>
+        										<option value="Dr.Narendra Gokhale">
+        											Dr.Narendra Gokhale
+        										</option>
+        										<option value="Dr.Girish Kumar">
+        											Dr.Girish Kumar
+        										</option>
+        								</select>
+        							</td>
+        </tr>
+       </table><br><br><br>					
+         <input type="submit" value="Submit" align="center">
+	</form>
+	</center>
+</body>	
+</html>
\ No newline at end of file
