how to remake google in html css and javascript code example

Example: htm code like google page

<!DOCTYPE html>
<html>
	<head>
		<title>Google Homepage</title>
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="./style.css">
	</head>
	<body>

		<nav class = "header">
			<div class="col-xs-8">
				<ul>
  					<li><a href="#"><i class="fa fa-2x fa-user-circle-o" aria-hidden="true"></i></a></li>
  					<li><a href="#"><i class="fa fa-2x fa-bell" aria-hidden="true"></i></a></li>
  					<li><a href="#"><i class="fa fa-2x fa-bars" aria-hidden="true"></i></a></li>
      				<li><a href="#">Images</a></li>
  					<li><a href="#">Mail</a></li>
				</ul>
			</div>
		</nav>
		<div class="google-logo">
			<img src="images/google-logo.jpg" height="85px" width="250px" alt="google-logo" title="google-logo">
		</div>
		<div>
			<input type="text" name="searchBar" id="searchbar" placeholder="Search Google or Type URL">
			<input type="button" value="Google Search" id="search_button">

 		</div>
  		<input type="button" value="I'm Feeling Lucky" id="lucky_button">
  			</br>
		<div class="footer">
			<a href="#">Advertising</a><a href="#">Business</a><a href="#">About</a>
		</div>
	</body>
</html>

Tags:

Go Example

Recent Posts