diff --git a/email-verification.html b/email-verification.html
index 6cbac49..69b457b 100644
--- a/email-verification.html
+++ b/email-verification.html
@@ -7,9 +7,35 @@
 		<!-- LoginRadius -->
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
 	</head>
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
+		
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+			margin-bottom: 50px;
+		}
+	</style>
 	<body>
-		<h3><a href="index.html">Home Page</a></h3>
-		<h5>Email Verification page, it should alert you if succeed</h5>
+		<div class="container">
+		<a href="index.html"class="btn btn-primary" >Home Page</a>
+		<h1>Email Verification page, it should alert you if succeed</h1>
+	</div>
 	</body>
 	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 	<script src="option.js"></script>
diff --git a/forgot-password.html b/forgot-password.html
index 688a9a6..8922c8f 100644
--- a/forgot-password.html
+++ b/forgot-password.html
@@ -7,9 +7,36 @@
 		<!-- LoginRadius -->
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
 	</head>
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
+		
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+			margin-bottom: 50px;
+		}
+		</style>
 	<body>
-		<h3><a href="index.html">Home Page</a></h3>
+		<div class="container">
+		<a href="index.html" class="btn btn-primary">Home Page</a>
+			<h1>Forgot the Password?</h1>
 		<div id="forgotpassword-container"></div>
+	</div>
 	</body>
 	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 	<script src="option.js"></script>
diff --git a/index.html b/index.html
index fcc4715..862b5b5 100644
--- a/index.html
+++ b/index.html
@@ -7,14 +7,51 @@
 		<!-- LoginRadius -->
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
 	</head>
+
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		a{
+			text-transform: uppercase;
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
+		.buttons{
+			display: grid;
+			justify-content: center;
+			margin-right: 10px;
+		}
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+		}
+		</style>
 	<body>
-		<a href="registration.html" class="btn btn-lg">registration</a>
-		<a href="login.html" class="btn btn-lg">login</a>
-		<a href="social.html" class="btn btn-lg">social</a>
-		<a href="email-verification.html" class="btn btn-lg">email</a>
-		<a href="forgot-password.html" class="btn btn-lg">forgot</a>
-		<a href="reset-password.html" class="btn btn-lg">reset</a>
 
+
+		<div class="container">
+			<h1>Welcome to Hacktober</h1>
+			<div class="buttons">
+			<a href="registration.html" class="btn btn-lg btn-primary">registration</a>
+			<a href="login.html" class="btn btn-lg btn-primary">login</a>
+			<a href="social.html" class="btn btn-lg btn-primary">social</a>
+			<a href="email-verification.html" class="btn btn-lg btn-primary">email</a>
+			<a href="forgot-password.html" class="btn btn-lg btn-primary">forgot</a>
+			<a href="reset-password.html" class="btn btn-lg btn-primary">reset</a>
+		</div>
+		</div>
 	</body>
 	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 </html>
\ No newline at end of file
diff --git a/login.html b/login.html
index 488d4c9..72d646b 100644
--- a/login.html
+++ b/login.html
@@ -7,10 +7,53 @@
 		<!-- LoginRadius -->
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
 	</head>
+
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		a{
+			text-transform: uppercase;
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
+		
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+			margin-bottom: 50px;
+		}
+
+		input{
+			text-align: center;
+			justify-content: center;
+			padding: 20px;
+			margin-bottom: 20px;
+			text-decoration: none;
+		}
+		</style>
 	<body>
 		<div class="container">
-			<h3><a href="index.html">Home Page</a></h3>
-			<div id="login-container"></div>
+
+			<h3><a class="btn btn-primary" href="index.html">Home Page</a></h3>
+			<h1>Registration Form</h1>
+			<div id="login-container" style="display: grid;margin-left: 50vh; margin-right: 50vh;">
+				<input type="text" placeholder="Enter the name" required>
+				<input type="password" placeholder="Enter the password" required>
+				<input type="text" placeholder="Mobile number" required>
+				<button type="submit" class="btn btn-success">Submit</button>
+			</div>
 		</div>
 	</body>
 	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
diff --git a/registration.html b/registration.html
index 9525ab8..4309018 100644
--- a/registration.html
+++ b/registration.html
@@ -6,10 +6,35 @@
         <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
         <!-- LoginRadius -->
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
-    </head>
-    <body>
-    	<h3><a href="index.html">Home Page</a></h3>
+	</head>
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
+		
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+			margin-bottom: 50px;
+		}
+	</style>
 
+    <body>
+    	<h3><a href="index.html" class="btn btn-primary">Home Page</a></h3>
+		<h1>Registration Page</h1>
        <div id="registration-container"></div>
     </body>
     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
diff --git a/reset-password.html b/reset-password.html
index 57797c7..bbe01a4 100644
--- a/reset-password.html
+++ b/reset-password.html
@@ -7,9 +7,35 @@
 		<!-- LoginRadius -->
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
 	</head>
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
+		
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+			margin-bottom: 50px;
+		}
+	</style>
+
 	<body>
 		<div class="container">
-			<h3><a href="index.html">Home Page</a></h3>
+			<h3><a href="index.html" class="btn btn-primary">Home Page</a></h3>
+			<h1>Reset Page</h1>
 			<div id="resetpassword-container"></div>
 		</div>
 	</body>
diff --git a/social.html b/social.html
index a2422fd..3c62910 100644
--- a/social.html
+++ b/social.html
@@ -10,9 +10,36 @@
 
 		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
 	</head>
-	<body>
-		<h3><a href="index.html">Home Page</a></h3>
+
+	<style>
+		body{
+			margin: 0;
+			padding: 0;
+		}
+		.container{
+			width: 100%;
+			height: 100vh;
+			background: url('https://www.scalevp.com/sites/default/files/designbig.jpg') center center; 
+		}
+		.btn{
+			margin-top: 5vh;
+			margin-right: 10px;
+		}
 		
+		h1{
+			color:#7B5D67;
+			font-size: 50px;
+			font-weight: 900;
+			text-align: center;
+			margin-top: 15vh;
+			margin-bottom: 50px;
+		}
+	</style>
+
+	<body>
+		<div class="container">
+			<h3><a class="btn btn-primary" href="index.html">Home Page</a></h3>
+		<h1>Social Page</h1>
 		<div id="interfacecontainerdiv" class="interfacecontainerdiv"></div>
 		<div id="sociallogin-container"></div>
 		
@@ -20,6 +47,7 @@ <h3><a href="index.html">Home Page</a></h3>
 		<a class="lr-provider-label" href="javascript:void(0)" onclick="return <#=ObjectName#>.util.openWindow('<#= Endpoint #>');" title="<#= Name #>" alt="Sign in with <#=Name#>">
 			<#=Name#>
 		</a>
+	</div>
 		</script>
 
 		<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
