1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html lang="en">
3<head>
4  <meta http-equiv="content-type" content="text/html; charset=utf-8">
5  <title>Banner</title>
6  <style type="text/css">
7    <!--
8    body { background: black; color: white }
9    h1 {
10      font: x-large sans-serif; text-align: center;
11      height: 75px; margin-left: 100px; margin-right: 100px }
12    .gears { width: 100px; height: 73px; float: left; background: url('gears.png') right no-repeat }
13    div + .gears { float: right; background-position: left }
14    /*
15    This should happen in the future instead:
16    h1 {
17      border-left: 71px solid #c11800; border-right: 71px solid #00c130;
18      border-top: 0px; border-bottom: 0px;
19      border-image: url(gears.png) 100%; -webkit-border-image: url(gears.png) 100%;
20    }
21    */
22    -->
23  </style>
24</head>
25
26<body>
27
28<div class="gears"></div>
29<div class="gears"></div>
30<h1>The Mesa 3D Graphics Library</h1>
31
32</body>
33</html>
34