google-clone

Google Landing Page

<title>Google Logo</title> <style type="text/css"> .container { margin-right: auto; margin-left: auto; width: 700px; padding-top: 200px; align-content: center;
		}
		.imageResize {
			width: 40%;
			margin-right: auto;
			margin-left: auto;
			align-self: middle;
		}
		.input {
			position: absolute;
			border: 1px solid #D3D3D3;
		}
		.rcorners{
			border-radius: 75px;
			border: 1px solid #D3D3D3;
			padding: 20px; 
			width: 600px;
			height: 3px;
			}
		
		.button {
		  background-color: #f2f2f2;
		  border: 1px solid #f2f2f2;
		  color: #5F6368;
		  padding: 15px 30px;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		  font-size: 14px;
		  margin: 11px 4px;
		  cursor: pointer;
		  border-radius: 5px;
		  font-family: arial, sans-serif;
		  
		}
			
			
			
	</style>
</head>
<body>
	<div class="container">
		<center><img class="imageResize" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"></center>
	</div>
		<br>
	<div>	
		<center><input class="rcorners" type="text" name="SearchHere"></center>
	</div>
		<br>
		<br>
	<div>
		<center><button class="button">Google Search</button><button class="button">I'm Feeling Lucky</button></center>
	</div>
</body>