<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Valid, invalid, valid</title>
  </head>

  <body>
    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px">
      <rect x="0" y="0" width="199" height="199"
        style="fill: none; stroke: black"/>
      <!-- rect to be animated second -->
      <rect x="100" y="80" width="40" height="40" fill="royalblue"
        stroke="black" stroke-width="1" id="target"/>
      <!-- circle to be animated first -->
      <circle cx="0" cy="100" r="15" fill="skyblue" stroke="black"
        stroke-width="1"/>
    </svg>
  </body>
</html>