Chess HTML

Download as doc, pdf, or txt
Download as doc, pdf, or txt
You are on page 1of 12

<html>

<head>
<style>
body
{
background-color:white;
}
#outer
{
height:200px;
width:200px
}
#fax
{
height:200px;
width:200px;
background-color:black;
}
#page1
{
height:200px;
width:100px;
background-color:white;
float:right;
}
#page1i
{
height:200px;
width:50px;
background-color:black;
float:right;
}
#page1i1
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page1i1i1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1i3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1i5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1i7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii
{
height:200px;
width:25px;
background-color:black;
float:left;
}
#page1i1ii1
{
height:25px;
width:25px;
background-color:black;
float:right;
}

#page1i1ii2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1ii3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1ii5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1ii7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1ii
{
height:200px;
width:50px;
background-color:black;
float:left;
}
#page1i1iii
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1iii3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1iii5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1iii7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page1j1
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1j3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1j5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1j7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2
{
height:200px;
width:100px;
background-color:black;
float:left;
}
#page2i
{
height:200px;
width:50px;
background-color:black;
float:right;
}
#page2i1
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page2i1i1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1i3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1i5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1i7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii
{
height:200px;
width:25px;
background-color:black;
float:left;
}
#page2i1ii1
{
height:25px;
width:25px;
background-color:black;
float:right;
}

#page2i1ii2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1ii3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1ii5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1ii7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2ii
{
height:200px;
width:50px;
background-color:black;
float:left;
}
#page2i1iii
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1iii3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1iii5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1iii7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page2j1
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2j3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2j5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2j7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
</style>
</head>
<body>
<div id="outer">
<div id="fax">
<div id="page1">
<div id="page1i">
<div id="page1i1">
<div id="page1i1i1"></div>
<div id="page1i1i2"></div>
<div id="page1i1i3"></div>
<div id="page1i1i4"></div>
<div id="page1i1i5"></div>
<div id="page1i1i6"></div>
<div id="page1i1i7"></div>
<div id="page1i1i8"></div>
</div>
<div id="page1i1ii">
<div id="page1i1ii1"></div>
<div id="page1i1ii2"></div>
<div id="page1i1ii3"></div>
<div id="page1i1ii4"></div>
<div id="page1i1ii5"></div>
<div id="page1i1ii6"></div>
<div id="page1i1ii7"></div>
<div id="page1i1ii8"></div>
</div>
</div>
<div id="page1ii">
<div id="page1i1iii">
<div id="page1i1iii1"></div>
<div id="page1i1iii2"></div>
<div id="page1i1iii3"></div>
<div id="page1i1iii4"></div>
<div id="page1i1iii5"></div>
<div id="page1i1iii6"></div>
<div id="page1i1iii7"></div>
<div id="page1i1iii8"></div>
</div>
<div id="page1j">
<div id="page1j1"></div>
<div id="page1j2"></div>
<div id="page1j3"></div>
<div id="page1j4"></div>
<div id="page1j5"></div>
<div id="page1j6"></div>
<div id="page1j7"></div>
<div id="page1j8"></div>
</div>
</div>
</div>
<div id="page2">
<div id="page2i">
<div id="page2i1">
<div id="page2i1i1"></div>
<div id="page2i1i2"></div>
<div id="page2i1i3"></div>
<div id="page2i1i4"></div>
<div id="page2i1i5"></div>
<div id="page2i1i6"></div>
<div id="page2i1i7"></div>
<div id="page2i1i8"></div>
</div>
<div id="page2i1ii">
<div id="page2i1ii1"></div>
<div id="page2i1ii2"></div>
<div id="page2i1ii3"></div>
<div id="page2i1ii4"></div>
<div id="page2i1ii5"></div>
<div id="page2i1ii6"></div>
<div id="page2i1ii7"></div>
<div id="page2i1ii8"></div>
</div>
</div>
<div id="page2ii">
<div id="page2i1iii">
<div id="page2i1iii1"></div>
<div id="page2i1iii2"></div>
<div id="page2i1iii3"></div>
<div id="page2i1iii4"></div>
<div id="page2i1iii5"></div>
<div id="page2i1iii6"></div>
<div id="page2i1iii7"></div>
<div id="page2i1iii8"></div>
</div>
<div id="page2j">
<div id="page2j1"></div>
<div id="page2j2"></div>
<div id="page2j3"></div>
<div id="page2j4"></div>
<div id="page2j5"></div>
<div id="page2j6"></div>
<div id="page2j7"></div>
<div id="page2j8"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

You might also like