diff --git a/doctor_login.php b/doctor_login.php
new file mode 100644
index 0000000..453cb74
--- /dev/null
+++ b/doctor_login.php
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>MedTech Solution</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Tab logo -->
+<link href="assets/img/tab_logo.png" rel="icon">
+<!-- main js -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="javascript/main.js"></script>
+<!-- Template Main CSS File --> 
+<link href="stylesheet/styleme.css" rel="stylesheet" type="text/css" media="screen, projection"/>
+<!-- google fonts -->
+<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel='stylesheet'>
+<script src="https://kit.fontawesome.com/yourcode.js"></script>
+
+<style>
+	input{
+		width:100%;
+		border: 2px solid dodgerBlue;
+		border-radius: 8px;
+		margin: 8px 0px;
+		padding:8px;
+		box-sizing:border-box;
+		outline:none;
+		
+	}
+	
+	input:focus{
+		border-color: #0066cc;
+		box-shadow:0 0 8px 0 #0066cc;
+	}
+	.inputWithIcon input{
+	padding-left:40px;	
+	}
+	
+	.inputWithIcon{
+		position:relative;
+	}
+	
+	.inputWithIcon i{
+			position:absolute;
+			left:0;
+			top:8px;
+			padding:8px;
+	}
+	
+	.inputWithIcon i + input{
+		color:dodgerBlue;
+	}
+		
+	.inputWithIcon.inputIconBg i {
+		background-color:dodgerBlue;
+		color:white;
+		padding:10px 4px;
+		border-radius:4px 0px 0px 4px;
+		border-color:dodgerBlue;
+	}
+	
+	.Button a{
+	border-radius:6px;
+	font-family: "Amiri";
+    
+    background: #3498db;
+    color: #fff;
+	padding:5px 60px;
+	border: none;
+	text-align:center;
+	text-decoration: none;
+	margin: 0 0 0 0px;
+	}	
+	
+	.Button a:hover {
+    background: #088bf0;
+    color: #fff;
+	}
+	
+</style>
+
+
+</head>
+<body>
+<!-- this is a navbar for before login -->
+<?php include('outer_navbar.php');?>
+
+<section class="home">
+    <div class="flex-parent">
+	
+		<div>
+            
+			<img src="assets/img/username_icon.png" alt="" width="80" height="80" align="center" style="align:center;padding-left:35%;padding-top:50px;">
+			
+			<div class="inputWithIcon inputIconBg">
+				<input type="text" name="username" size="30" placeholder="Username..." >
+				<i class=" fa fa-user fa-lg fa-fw" ></i>
+				
+             </div>      
+
+			<div class="inputWithIcon inputIconBg">
+				<input type="password"  name="password" size="30" placeholder="Password..." >
+				<i class=" fa fa-key fa-lg fa-fw" ></i>
+             </div>      
+		      
+
+		    <p  class="Button" style="text-align:center;font-size:22px;"><a  href="#">Login</a></p>
+			
+			<p style="text-align:center;"><a  href="#" style="text-decoration:none;color:#1e90ff;background-color:#464343;">Forgot Password ?</a></p>
+			<p style="color:#1e90ff;text-align:center">OR</p>
+			<p  class="Button" style="font-family: Amiri;font-size:15px;text-align:center;color:#fff;margin-top:0px"><a  href="doctor_account.php">Create Account</a></p>
+			
+		</div>	
+		
+        <!-- i m doctor -->
+        <div class="boxone">
+            <img src="assets/img/doctor_login.png" alt="Doctor" width="400" height="400">
+            
+        </div>
+       
+        
+</section>
+
+
+</body>
+</html>
+
