Untitled


<html>
<head>
<meta name="viewport" content="width-device-width, initelal-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" media="screen and (min-width: 0px)" href="small.css">
<link rel="stylesheet" media="screen and (min-width: 1000px)" href="medium.css">
<link rel="stylesheet" media="screen and (min-width: 1400px)" href="style.css">
<link rel="stylesheet" type="text/css" href="css/fontello.css">

 <style>
 body{
 padding-left:5%;
 padding-right:5%;
 padding-top:0;
 padding-bottom:0;
 }
nav{


}
nav ul{


}
nav ul li{

}
header{
background-color:black;
color:white;
}
section
{
width:100%;
background-color:blue;
display:inline-block;
position:relative;
margin-left:auto;
margin-right:auto;
}
article
{
background-color:orange;
width:50%;
float:left;
text-align:center;
padding-left:0;
padding-right:0;
display:inline-block;
position:relative;
word-wrap: break-word;
}
article:first-child{
background-color:blue;
}
footer
{

margin-top:2%;
width:100%;
line-height:200%;
padding:0;
background-color:green;
}
 </style>
</head>
<body>
<header>
<nav>
<ul>Menu
<li>Pierwszy link</li>
<li>Pierwszy link</li>
<li>Pierwszy link</li>
<li>Pierwszy link</li>
<li>Pierwszy link</li>
</ul>
</nav>
</header>
<section>
<article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis justo nisi, ac pulvinar dolor egestas posuere. Duis rhoncus convallis nulla in volutpat. Morbi porta risus ut libero tincidunt, quis sodales nunc luctus. Phasellus malesuada dignissim tortor, et lobortis mi venenatis id. Proin accumsan quis dui at interdum. Donec porta, sem vel convallis euismod, elit eros consequat lorem, nec sollicitudin enim tortor sed nunc. Aliquam gravida tincidunt turpis. Ut cursus tellus at interdum pretium. Quisque id eleifend odio. Nam id mollis turpis.

Phasellus sit amet accumsan ipsum, nec aliquam felis. Cras pellentesque vulputate mauris et porttitor. Ut eu magna vel leo ornare scelerisque nec ut nisl. Nulla mattis libero nisl, quis vestibulum mauris ultricies vitae. Donec congue facilisis ornare. Aenean mollis mattis bibendum. Vestibulum id lorem in lacus viverra sollicitudin.

Ut at urna vel tortor faucibus viverra. Sed venenatis, urna ac varius tincidunt, libero arcu tincidunt nunc, efficitur euismod orci lectus vel erat. Cras lobortis, tortor vitae varius imperdiet, odio sem volutpat orci, eu venenatis est ipsum id elit. Fusce fringilla gravida neque quis ullamcorper. In varius a nibh et porta. Pellentesque commodo sapien ultrices pellentesque aliquet. Etiam dignissim molestie orci, non fringilla leo gravida in. Nulla tincidunt sollicitudin velit euismod dapibus.

Aliquam erat volutpat. Nam faucibus nulla pellentesque rhoncus sollicitudin. Nam ut placerat neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In vulputate lacus non tortor vulputate laoreet. Sed sed leo et erat ornare ornare id vitae nisi. Nam vulputate turpis sit amet pretium sodales. Donec id risus odio.

Morbi lacinia lectus non pharetra auctor. Nam tincidunt dictum orci vitae pretium. Cras efficitur nisl in erat interdum, convallis rutrum leo ullamcorper. Sed dignissim mollis diam a sagittis. Integer sed velit urna. Phasellus in vestibulum nisl. Aliquam placerat est eget commodo egestas. Mauris eu ligula eu velit ultricies faucibus sit amet eget augue. Ut ac interdum libero, consequat elementum mi.</article>
<article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis justo nisi, ac pulvinar dolor egestas posuere. Duis rhoncus convallis nulla in volutpat. Morbi porta risus ut libero tincidunt, quis sodales nunc luctus. Phasellus malesuada dignissim tortor, et lobortis mi venenatis id. Proin accumsan quis dui at interdum. Donec porta, sem vel convallis euismod, elit eros consequat lorem, nec sollicitudin enim tortor sed nunc. Aliquam gravida tincidunt turpis. Ut cursus tellus at interdum pretium. Quisque id eleifend odio. Nam id mollis turpis.

Phasellus sit amet accumsan ipsum, nec aliquam felis. Cras pellentesque vulputate mauris et porttitor. Ut eu magna vel leo ornare scelerisque nec ut nisl. Nulla mattis libero nisl, quis vestibulum mauris ultricies vitae. Donec congue facilisis ornare. Aenean mollis mattis bibendum. Vestibulum id lorem in lacus viverra sollicitudin.

Ut at urna vel tortor faucibus viverra. Sed venenatis, urna ac varius tincidunt, libero arcu tincidunt nunc, efficitur euismod orci lectus vel erat. Cras lobortis, tortor vitae varius imperdiet, odio sem volutpat orci, eu venenatis est ipsum id elit. Fusce fringilla gravida neque quis ullamcorper. In varius a nibh et porta. Pellentesque commodo sapien ultrices pellentesque aliquet. Etiam dignissim molestie orci, non fringilla leo gravida in. Nulla tincidunt sollicitudin velit euismod dapibus.

Aliquam erat volutpat. Nam faucibus nulla pellentesque rhoncus sollicitudin. Nam ut placerat neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In vulputate lacus non tortor vulputate laoreet. Sed sed leo et erat ornare ornare id vitae nisi. Nam vulputate turpis sit amet pretium sodales. Donec id risus odio.

Morbi lacinia lectus non pharetra auctor. Nam tincidunt dictum orci vitae pretium. Cras efficitur nisl in erat interdum, convallis rutrum leo ullamcorper. Sed dignissim mollis diam a sagittis. Integer sed velit urna. Phasellus in vestibulum nisl. Aliquam placerat est eget commodo egestas. Mauris eu ligula eu velit ultricies faucibus sit amet eget augue. Ut ac interdum libero, consequat elementum mi.</article>
</section>

<footer>Stopka strony &copy;
</footer>

  </body>
  </html>