Page 3.html

<html>
<head>
	<title>Government site</title>
	<style>
		ul{
			list-style-type:none;
			margin:0;
			padding:0;
			overflow:hidden;
			background-color: #f00;
			font-size:110%;

		}
		li {
			float:left;
		}
		li a{
			display:block;
			color:white;
			padding:14px 16px;
			text-align:center;
		}
		a:hover:not(.home){
			background-color:#000;


		}
		.home{
			background-color: #4caf50;
		}

		#search{

			width:300px;
		}
	#FP{
		color:#f00;
	}
	#button{
		background-color:#fff;
				width:20%;
				font-size: 15px;
	}
		
	</style>
	
	
</head>
<body align="Center">
	<ul>
		<li class="Home"><a href="index.html">Home</a></li>
		<li class="Contents"><a href="index.html">Contents</a></li>
		<li class="Contacts"><a href="contacts.html">Contacts</a></li>
		<li class="search1"> <input id="search" type="text" placeholder="Search"/></li>

	</ul>
	<h1 id="FP"> Fill your details below for verification</h1><br>

<form id="form">
Name:
<input id="input" type="text" placeholder="Name"/><br>
Mobile no.:
<input id="input" type="text" placeholder="mobile no."/><br>
Adhaar number:
<input id="input" type="text" placeholder="Adhaar Number"/><br>
DOB:
<input id="input" type="text" placeholder="dd-mm-yy"/><br>
</form>

<button id="button"><a href="Page 4.html">Click to generate OTP</a></button>

</body>
</html>
	