Código HTM como o 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>
Ill Impala