index.html

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> 
<style type="text/css">
  body {
    font-family: 'gill sans', 'gill sans mt', calibri, "Trebuchet MS", helvetica, sans-serif;
    text-align: center;
  }
  h1 {
    margin: 10px 0 0;
    padding: 0;
  }
  .site {
    margin: 0 auto;
    width: 680px;
  }
  .site a {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #aaa;
    width: 320px;
    height: 197px;
    float: left;
    text-indent: -1000000px;
    margin: 10px;
  }
  .site a:hover {
    background-color: #fe8;
  }
  .site a.ruby {
    background-image: url(images/ironruby-design-thumb.PNG);
  }
  .site a.python {
    background-image: url(images/ironpython-design-thumb.PNG);
  }
</style>

<h1>IronRuby and IronPython website designs</h1>

<div class='site'>
  <a class='ruby' href='ruby/index.html'>IronRuby</a>
  <a class='python' href='python/index.html'>IronPython</a>
</div>