Untitled

Ukol 2 (obrazek)

 <link rel="stylesheet" href="obrazek.css" type="text/css">

  </head>
<body>
  <div>
  	<header>
  	</header>
  		<section>

  				<nav>
  					<h2>Odkazy</h2>
  						<a href="">odkaz</a><br>
  						<a href="">odkaz</a><br>
						  <a href="">odkaz</a><br>
						  <a href="">odkaz</a>
  				</nav>

  				<article>
					  <h2>Obsah</h2>
					  <p>Lorem ipsum dolor sit amet consectetuer volutpat congue Aliquam pellentesque libero. Condimentum elit quis orci morbi Nulla eget nibh 		laoreet enim Phasellus. Semper lorem nibh habitant elit Aliquam Aenean eros commodo dapibus nibh. Id et pulvinar tellus lacinia consequat lorem lacinia malesuada Nullam ipsum. Nec vitae Morbi enim tempor id tincidunt tempor eros at.</p>
					</article>

					<aside>
					  <h2>doplnění obsahu</h2>
					  <a href="">odkaz</a>
					  <a href="">odkaz</a>
					  <a href="">odkaz</a>
					  <a href="">odkaz</a>
					  <p>Lorem ipsum dolor sit amet consectetuer tellus libero fringilla Vestibulum lacinia. Justo molestie consectetuer orci leo Vestibulum ac Curabitur lacus vitae Curabitur.</p>
					</aside>

  	</section>
  <footer>
  Toto je patička.
  </footer>
  </div>
  </body>
</html>

CSS

header{background-image: url(wallpaper-2015_111528356_		 	  26914.jpg);
	  width: 940px;
	  height: 348px;}
div{width:940px;
    margin:auto;}
a{display:block;}
nav{width:20%;
    background: rgb(255,204,153);}
aside{width:20%;
	 background: rgb(204,204,153);}
footer{background: rgb(204,204,180);
	  text-align: center;}
article, aside, nav{padding:10px;}
section{display: flex;}