Didn't need any images, lol. CSS.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>blerh.</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="./style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main_container">
<div id="top_box">
<!-- Text could go here if you wanted.. -->
</div>
<div id="content_box">
<div id="inner_content_1">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nulla tortor, dignissim quis tempus eu, pharetra et sapien. Mauris libero nunc, semper eu placerat id, egestas sit amet magna. Sed egestas tempor adipiscing. Sed mattis auctor suscipit. Fusce in porta metus. Phasellus volutpat sapien quis risus ullamcorper porttitor. Quisque quis dolor nec elit fringilla iaculis. Vivamus iaculis eleifend laoreet. Sed eget ultricies sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed at urna justo, vel placerat libero.</p>
<p>Nullam quis ante eget lorem aliquet dapibus vitae quis dolor. Aliquam non odio risus, ac gravida enim. Ut nunc ligula, vehicula non adipiscing eget, imperdiet quis odio. Fusce adipiscing posuere eros, sit amet laoreet turpis ultricies non. Cras et bibendum velit. Phasellus aliquam cursus quam quis posuere. Duis luctus consectetur leo ac viverra. Vivamus bibendum, sapien ut ornare fermentum, tellus metus fringilla tortor, nec fermentum nisi odio a neque. Proin a eros urna. Aenean libero velit, dignissim eget sollicitudin id, fringilla vel est. Fusce feugiat, turpis a pulvinar sollicitudin, felis nisi ullamcorper arcu, a mollis metus urna nec leo. Cras mollis adipiscing purus, at faucibus quam fringilla vel. Vestibulum id dolor risus, volutpat feugiat orci. Vestibulum in lectus id orci porttitor rutrum non in risus. Sed gravida velit at nulla viverra hendrerit. In nulla enim, dignissim ac suscipit sit amet, laoreet ut mauris. Proin metus urna, dictum at suscipit pulvinar, dapibus a diam.</p>
<p>Sed tempor purus felis, a gravida felis. Curabitur luctus, erat sit amet condimentum tincidunt, dolor metus dictum magna, eu feugiat magna magna et eros. Fusce arcu ante, tempus vitae convallis sed, consequat sed tellus. Duis condimentum vehicula convallis. Vivamus consectetur metus vitae dolor tristique iaculis. Etiam velit nulla, porta non placerat at, condimentum nec felis. Mauris non leo metus, id facilisis ligula. Suspendisse et purus nec erat lobortis interdum. Praesent et ligula odio, id viverra mi. Curabitur facilisis urna congue nulla elementum sed luctus turpis aliquet. Integer vehicula adipiscing est pulvinar laoreet. Phasellus tortor dui, placerat non fermentum a, accumsan non lacus. Maecenas pharetra arcu sit amet nisi ultrices sit amet luctus arcu mattis.</p>
</div>
<br />
<div id="inner_content_2">
<img src="./img/logo.png" alt="Twitter" id="twitter_logo" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nulla tortor, dignissim quis tempus eu, pharetra et sapien. Mauris libero nunc, semper eu placerat id, egestas sit amet magna. Sed egestas tempor adipiscing. Sed mattis auctor suscipit. Fusce in porta metus. Phasellus volutpat sapien quis risus ullamcorper porttitor. Quisque quis dolor nec elit fringilla iaculis. Vivamus iaculis eleifend laoreet. Sed eget ultricies sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed at urna justo, vel placerat libero.</p>
<p>Nullam quis ante eget lorem aliquet dapibus vitae quis dolor. Aliquam non odio risus, ac gravida enim. Ut nunc ligula, vehicula non adipiscing eget, imperdiet quis odio. Fusce adipiscing posuere eros, sit amet laoreet turpis ultricies non. Cras et bibendum velit. Phasellus aliquam cursus quam quis posuere. Duis luctus consectetur leo ac viverra. Vivamus bibendum, sapien ut ornare fermentum, tellus metus fringilla tortor, nec fermentum nisi odio a neque. Proin a eros urna. Aenean libero velit, dignissim eget sollicitudin id, fringilla vel est. Fusce feugiat, turpis a pulvinar sollicitudin, felis nisi ullamcorper arcu, a mollis metus urna nec leo. Cras mollis adipiscing purus, at faucibus quam fringilla vel. Vestibulum id dolor risus, volutpat feugiat orci. Vestibulum in lectus id orci porttitor rutrum non in risus. Sed gravida velit at nulla viverra hendrerit. In nulla enim, dignissim ac suscipit sit amet, laoreet ut mauris. Proin metus urna, dictum at suscipit pulvinar, dapibus a diam.</p>
</div>
<br />
</div>
</div>
</body>
</html>
style.css
html, body {
margin: 0px;
padding: 0px;
background-color: #ffffff;
color: #000000;
font-family: Arial, serif;
font-size: 12px;
}
img {
border: 0px;
display: block;
}
p {
margin: 0px 0px 5px 0px;
}
div#main_container {
width: 810px;
margin: 0px auto 0px auto;
}
div#top_box, div#content_box {
width: 806px;
border: 2px solid #0066CC;
background-color: #4DB7DC;
}
div#top_box {
height: 160px;
margin: 0px 0px 15px 0px;
}
div#inner_content_1 {
background-color: #F7F7F7;
border: 2px solid #0066CC;
border-width: 0px 0px 2px 0px;
padding: 5px;
}
div#inner_content_2 {
background-color: #F7F7F7;
border: 2px solid #0066CC;
border-width: 2px 0px 2px 0px;
padding: 5px;
}
img#twitter_logo {
margin: 15px auto 15px auto;
}
Just place them in the same directory, with logo.png located in a sub directory called "img".