index.html

<html>
  <head>
    <title>Pixel Country Picker</title>
    <link rel="shortcut icon" href="images/favicon.jpg" />
    <link rel="stylesheet" type="text/css" href="index.css" />
  </head>
  <body>
    <div id="flag"></div>
    <div id="colselect">
      <span id="red"></span>
      <span id="orange"></span>
      <span id="yellow"></span>
      <span id="green"></span>
      <span id="blue"></span>
      <span id="indigo"></span>
      <span id="violet"></span>
      <span id="white"></span>
      <span id="black"></span>
    </div>
    <br />
    <p>Please draw your country's flag to select.</p>
    <p>Selected country: <span id="selected">none</span></p>
  </body>
  <script type="text/javascript" src="index.js"></script>
  <script type="text/javascript" src="flags.js"></script>
</html>