a

<html>

<head>
	<meta charset="UTF-8">
	<title>Minecraft</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
	<div class="navbar">
		<img src="./img/logo.png">
		<ul>
			<li><a href="">Home</a></li>
			<li><a href="">Game</a></li>
			<li><a href="">Community</a></li>
			<li><a href="">Store</a></li>
			<li><a href="">Profile</a></li>
			<li><a href="">Help</a></li>
		</ul>
		<ul class="plavi">
			<li><a href="">Log in</a></li>
			<li class="small"> | </li>
			<li><a href="">Register</a></li>
		</ul>
	</div>

	<div class="main">
		<iframe width="620" height="400" src="https://www.youtube.com/embed/MmB9b5njVbA" frameborder="0" allowfullscreen seamless></iframe>
		<p>Minecraft is a game about breaking and placing blocks. At first, people built structures to protect against nocturnal monsters, but as the game grew players worked together to create wonderful, imaginative things.</p>
		<p>It can also be about adventuring with friends or watching the sun rise over a blocky ocean. It’s pretty. Brave players battle terrible things in The Nether, which is more scary than pretty. You can also visit a land of mushrooms if it sounds more like your cup of tea.</p>
		<p>You can buy Minecraft for <a href="">PC/Mac here</a>, Minecraft:<a href=""> Xbox 360 Edition and Minecraft: Xbox One Edition on the XBLA Marketplace</a>, and Minecraft:<a href=""> Playstation 3 Edition, Minecraft: Playstation 4 Edition, and Minecraft: Playstation Vita Edition on the Playstation Network.</a> Minecraft: Pocket Edition is available for <a href="">iOS</a>, <a href="">Android, Windows Phone</a>, and <a href="">Amazon Kindle Fire.</a></p>
		<p>So far 18,863,111 people bought the PC/Mac version of the game. Phew.</p>
	</div>

	<div class="aside" align="center">
		<img src="./img/animals.png">
		<br><br><br>
		<a href=""><img src="./img/buynow.png"></a>
		<p>19.95 EUR</p>
<p>or <a href="">play the demo</p></a>
<p>Already bought the game?<br>
<a href="">Download it here</a></p>
	</div>

html {
	min-width: 100%;
}
body {
	padding: 0;
	margin: 0;
	background-image: url("./img/main.png");
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	font-family: 'Helvetica Neue', sans-serif;
}
.navbar {
	background-image: url("./img/navbar.png");
	height: 64px;
	width: 100%;
	background-repeat: repeat-x;
	float: left;
}
.navbar img {
	padding-left: 180px;
	float: left;
}
.navbar ul  {
	float: left;
}
.navbar ul li {
	float: left;
}
.navbar a {
	text-decoration: none;
	margin: 5px;
	color: white;
	font-weight: bold;
	font-size: 18px;
}
.navbar .plavi {
	padding-left: 180px;
}
.navbar .plavi a {
	color: #58ACFA;
}
.main {
	width: 620px;
	float: left;
	padding-left: 180px;
	padding-top: 15px;
	color: white;
	font-size: 13px;
}
.main p {
	line-height: 160%;
}
.main a {
	color: #58ACFA;
	text-decoration: none;
}
.aside {
	 color: white;
	 float: left;
	 padding-left: 80px;
	 padding-top: 15px;
}
.aside a {
	text-decoration: none;
	color: #58ACFA;
}