marko-knoebl/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Boogle</title>
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
    <div id="top-bar">
      <a href="http://gmail.com">Gmail</a>
      <a href="http://google.com">Images</a>
      <a href="http://google.com" id="sign-in">Sign In</a>
    </div>
    <div>
      Google
    </div>
    <div>
      <input type="text">
      <button>Google Search</button><button>I'm feeling Lucky</button>
    </div>
  </body>
</html>

## style.css
a {
  text-decoration: none;
}

#top-bar {
  text-align: right;
}

#sign-in {
  background-color: blue;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Boogle</title>
	<link href="style.css" rel="stylesheet">
	</head>
	<body>
	<div id="top-bar">
	<a href="http://gmail.com">Gmail</a>
	<a href="http://google.com">Images</a>
	<a href="http://google.com" id="sign-in">Sign In</a>
	</div>
	<div>
	Google
	</div>
	<div>
	<input type="text">
	<button>Google Search</button><button>I'm feeling Lucky</button>
	</div>
	</body>
	</html>
	a {
	text-decoration: none;
	}

	#top-bar {
	text-align: right;
	}

	#sign-in {
	background-color: blue;
	}