Untitled

<html>
<head>
<!--<meta http-equiv="refresh" content="1"> -->
<title>BlogPage</title>
<style>
.main-container{
  width:800px;
  margin-left:auto;
  margin-right:auto;
  border: 1px solid black;
}

header{
  height:200px;
  width:100%;
  background-color:blue;

}

sidebar{
  height:100%;
  width:20%;
  background-color:green;
  float:left;
  display:inline-block;
}

article{
  width:80%;
  background-color:gray;
  float:right;
  display:inline-block;
}

footer{
  width:100%;
  height:20px;
  float:clear;
  background-color:black;
  display:inline-block;
  color:white;

}
</style>
</head>

<body>
<div class="main-container">
  <header>header</header>
  <sidebar>sidebar</sidebar>
  <article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus, massa sed tempor malesuada, purus velit gravida augue, ut vehicula leo magna sit amet diam. Praesent varius vulputate lorem. Nulla eleifend efficitur nisi, eget pellentesque nunc. Donec lacus dui, egestas sit amet ultricies eget, commodo congue enim. Nulla bibendum ligula tristique ullamcorper gravida. Sed eu maximus metus, id sagittis ipsum. Phasellus aliquet dapibus sodales. Ut dictum sem eu eleifend iaculis.

Nunc arcu nibh, lobortis ut tempor ut, euismod pharetra erat. Donec maximus lectus in ipsum pharetra mollis. Cras placerat turpis vel urna porttitor commodo. Pellentesque tempor sollicitudin imperdiet. Suspendisse tortor felis, ornare vel mauris vitae, lobortis luctus est. Praesent pretium ante quis dolor tempus laoreet. Maecenas auctor felis vitae est porta, ac venenatis elit dignissim.

In hendrerit tortor fringilla, tincidunt lectus ac, maximus turpis. Sed at aliquam lectus. Suspendisse efficitur mauris massa, nec lacinia enim malesuada nec. Aenean efficitur quam vel ipsum ultrices pretium. Duis eu malesuada dui, tristique iaculis dolor. Praesent imperdiet efficitur risus vel volutpat. Nulla pulvinar eros eget orci tempus porttitor. Nam urna mauris, accumsan a est blandit, commodo auctor leo. Nullam posuere laoreet libero vel viverra.

Nullam ac quam faucibus, sollicitudin nisi in, tempus orci. Aenean in ornare metus, eget tristique augue. Curabitur erat tortor, finibus in felis in, vestibulum sollicitudin ex. Morbi varius quis velit at luctus. Suspendisse ultricies ut eros congue pulvinar. Duis vitae enim nisi. Aenean sit amet magna condimentum, tincidunt ante non, varius quam. Nulla maximus sodales tempus. Vivamus fringilla porta nulla, ut molestie tortor pretium eu. Sed id neque ac neque blandit egestas nec a dui. Proin gravida neque ex, quis bibendum massa convallis at. Etiam et tincidunt eros. Quisque feugiat mattis fermentum. Nulla et massa vel est suscipit varius. Donec laoreet id ex vitae tristique.

Quisque hendrerit enim mauris, non placerat nunc ultrices eget. Duis fringilla, magna ac interdum sodales, lectus ante efficitur nisl, sit amet posuere magna quam ac quam. Phasellus pellentesque ipsum et risus faucibus, id consequat purus interdum. Suspendisse molestie nunc sed iaculis accumsan. Quisque ac ipsum ante. Aenean efficitur lacus orci, vel iaculis felis efficitur quis. Aenean massa tortor, egestas ut consequat nec, sollicitudin sit amet nisl. Quisque mattis dui sed elementum finibus. Nullam dignissim magna a eros rutrum, quis pellentesque risus pulvinar. Ut ut eros consectetur sem viverra molestie.

In maximus lectus non metus iaculis sodales. Sed nec ex id augue faucibus lobortis. Ut at nunc fermentum, egestas mi sit amet, feugiat nulla. Suspendisse non porttitor velit. Aliquam semper sollicitudin augue, vitae semper dolor dictum eget. Vivamus eu risus eu metus placerat interdum. Integer lacinia dui id nunc laoreet, nec ultrices leo malesuada. Maecenas tincidunt, dolor et porttitor convallis, mi ligula eleifend neque, sollicitudin feugiat ipsum nisl ut velit. Donec vitae est non lacus faucibus molestie. Aenean nec ligula est. Aenean in mollis neque. Suspendisse metus urna, tempor eget lacinia non, ultrices faucibus diam. Etiam suscipit dui elementum, faucibus leo non, imperdiet est. Quisque vel lobortis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla convallis congue eros id viverra.

Cras imperdiet maximus augue, non auctor ligula commodo eu. Fusce pharetra turpis eu pretium feugiat. Donec volutpat blandit ante, maximus vestibulum justo dapibus sed. Donec sed volutpat magna. Mauris non tempus mauris. Mauris a libero non dui venenatis tristique. Cras suscipit nisl et enim porta dignissim.

Mauris maximus dolor eros, sed tincidunt libero dignissim id. Quisque et sapien facilisis ex fermentum sollicitudin eu ac dui. Vestibulum lorem lorem, varius quis varius nec, volutpat sit amet mi. Sed vitae ligula rutrum, aliquet est ut, tempus dolor. Sed lobortis bibendum massa, eu fermentum quam ullamcorper vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et gravida turpis. Aenean ullamcorper vehicula accumsan. Proin rhoncus elit bibendum tortor sodales mattis. In viverra elit a tortor molestie, quis auctor libero porttitor. Morbi eget erat sit amet lectus sodales condimentum sed vel nisi. Maecenas eros lectus, feugiat at venenatis id, pharetra quis elit.

Cras ut sodales erat. Nulla in eleifend erat. Donec gravida vulputate sapien sed blandit. Vivamus luctus finibus purus, vitae posuere tortor viverra id. Nulla posuere euismod leo, vel ultricies nulla maximus eu. Fusce in pulvinar turpis, vitae feugiat enim. Morbi sed metus eget mauris facilisis tincidunt nec quis nulla. Aenean aliquet velit ac orci mattis, vitae bibendum sapien blandit. In euismod ligula vel dolor gravida accumsan non vitae arcu. Maecenas vulputate quam eget nisl mollis malesuada.

Morbi rhoncus auctor mi, vitae dapibus risus. Aliquam sed congue arcu. Morbi sed ante neque. Aenean luctus diam ut sodales ultricies. Sed ultrices sem et pulvinar porttitor. Aliquam sapien neque, condimentum eu tincidunt vitae, posuere ut ligula. Integer nec lectus nunc. Pellentesque condimentum nec arcu sit amet ullamcorper. Maecenas tellus justo, feugiat vitae arcu eget, cursus placerat nibh. Nunc vel sapien leo.

Quisque in purus tincidunt, ultrices velit ut, tincidunt lectus. Nam semper ut erat et scelerisque. Sed vitae eros a ante aliquam commodo. Suspendisse tristique lectus a lectus venenatis, sit amet tristique ipsum facilisis. Curabitur dictum, erat vel dapibus feugiat, mi quam porttitor nisl, id ullamcorper tortor magna eu nisi. Duis hendrerit erat vel ullamcorper accumsan. Nullam velit turpis, auctor et finibus sed, molestie quis quam. Nullam enim tortor, aliquam quis nulla sit amet, posuere ullamcorper augue. Cras sit amet mi nec nibh molestie interdum a condimentum odio. Curabitur commodo metus et lorem viverra, vel faucibus lectus finibus. Duis vitae consequat libero. Ut quis arcu pulvinar risus lobortis pharetra. Duis varius sagittis volutpat. Donec venenatis bibendum dapibus. Suspendisse id sapien ac metus sagittis lacinia.

Aenean et eros id lorem porta venenatis. Aliquam in tincidunt ante, sit amet facilisis dolor. Suspendisse tristique justo eget pretium iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam erat volutpat. Fusce imperdiet dui et egestas lacinia. Sed vitae nisi quam. Maecenas vulputate egestas turpis, et finibus felis auctor id. Donec in convallis arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</article>
  <footer>footer</footer>
</div>


</body>
</html>