Telltak/colourschemes.html

## colourschemes.html
<html>
    <head>
        <style>
            ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .first, .second, .third{
                width:100px;
            }
            .third {
                float: left;
                margin-left: 150px;
            }
            .first #one {
                background-color:#00000;
            }
            .first #two {
                background-color:#062253;
            }
            .first #three {
                background-color:#3078C0;
            }
            .first #four {
                background-color:#9CC4E4;
            }
            .first #five {
                background-color:#F0F0F0;
            }
            .second #one {
                background-color:#01002B;
            }
            .second #two {
                background-color:#486060;
            }
            .second #three {
                background-color:#78A8C0;
            }
            .second #four {
                background-color:#D8D8A8;
            }
            .second #five {
                background-color:#C00000;
            }
            .third #one {
                background-color:#333333;
            }
            .third #two {
                background-color:#0077CC;
            }
            .third #three {
                background-color:#FF0044;
            }
            .third #four {
                background-color:#EEDDDD;
            }
            .third #five {
                background-color:#1177CC;
            }
        </style>
    </head>
    <body>
        <ul class="first">
            <li id="one"><br></li>
            <li id="two"><br></li>
            <li id="three"><br></li>
            <li id="four"><br></li>
            <li id="five"><br></li>
        </ul>
        <ul class="third">
            <li id="one"><br></li>
            <li id="two"><br></li>
            <li id="three"><br></li>
            <li id="four"><br></li>
            <li id="five"><br></li>
        </ul>
        <br><br><br>
        <ul class="second">
            <li id="one"><br></li>
            <li id="two"><br></li>
            <li id="three"><br></li>
            <li id="four"><br></li>
            <li id="five"><br></li>
        </ul>
    </body>
</html>
	<html>
	<head>
	<style>
	ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	.first, .second, .third{
	width:100px;
	}
	.third {
	float: left;
	margin-left: 150px;
	}
	.first #one {
	background-color:#00000;
	}
	.first #two {
	background-color:#062253;
	}
	.first #three {
	background-color:#3078C0;
	}
	.first #four {
	background-color:#9CC4E4;
	}
	.first #five {
	background-color:#F0F0F0;
	}
	.second #one {
	background-color:#01002B;
	}
	.second #two {
	background-color:#486060;
	}
	.second #three {
	background-color:#78A8C0;
	}
	.second #four {
	background-color:#D8D8A8;
	}
	.second #five {
	background-color:#C00000;
	}
	.third #one {
	background-color:#333333;
	}
	.third #two {
	background-color:#0077CC;
	}
	.third #three {
	background-color:#FF0044;
	}
	.third #four {
	background-color:#EEDDDD;
	}
	.third #five {
	background-color:#1177CC;
	}
	</style>
	</head>
	<body>
	<ul class="first">
	<li id="one"><br></li>
	<li id="two"><br></li>
	<li id="three"><br></li>
	<li id="four"><br></li>
	<li id="five"><br></li>
	</ul>
	<ul class="third">
	<li id="one"><br></li>
	<li id="two"><br></li>
	<li id="three"><br></li>
	<li id="four"><br></li>
	<li id="five"><br></li>
	</ul>
	<br><br><br>
	<ul class="second">
	<li id="one"><br></li>
	<li id="two"><br></li>
	<li id="three"><br></li>
	<li id="four"><br></li>
	<li id="five"><br></li>
	</ul>
	</body>
	</html>