<!DOCTYPE html>
#?a$006=!;
<link rel="stylesheet" href="style.css">
#.

#?a$006=;
<style>
@font-face
{
  font-family: mainfont;
  src: url(Stereofidelic.otf);
}
p {font-size:60px;}
#?b$000=;
.head {
  position: absolute;
  left: 110px;
  top: 150px;
}
#.

#?b$001=;
.head {
  position: absolute;
  left: 154px;
  top: 170px;
}
#.

#?c$000=;
.arms {
  position: absolute;
  left: 130px;
  top: 320px;
}
#.

#?c$001=;
.arms {
  position: absolute;
  left: 4px;
  top: 210px;
}
#.

#?d$000=;
.tail {
  position: absolute;
  left: 190px;
  top: 480px;
}
#.

#?d$001=;
.tail {
  position: absolute;
  left: 110px;
  top: 110px;
}
#.

#?e$000=;
.body {
  position: absolute;
  left: 120px;
  top: 190px;
}
#.

#?e$001=;
.body {
  position: absolute;
  left: 8px;
  top: 240px;
}
#.

#?f$000=;
.legs {
  position: absolute;
  left: 80px;
  top: 410px;
}
#.

#?f$001=;
.legs {
  position: absolute;
  left: 20px;
  top: 300px;
}
#.

</style>
#.

#?a$006=!;
<body>
#.
#?a$006=;
  #?g$000=; <body style="background-image:url(bg1.jpg)"> #.
  #?g$001=; <body style="background-image:url(bg2.jpg)"> #.
#.

#?a$000=;
<h1>HEAD TYPE</h1>
<table>
  <tr>
    <th class="bgyellow">JAGUAR</th></div>
    <th class="bggreen">GORILLA</th></div>
  </tr>
  <tr>
    <th class="bgyellow"><a href="#>$001:a$000:b;"><img src="prev_head1.jpg"></a></th>
    <th class="bggreen"><a href="#>$001:a$001:b;"><img src="prev_head2.jpg"></a></th>
  </tr>
  <tr>
    <th class="bgyellow">ULTIMATE POWER</th>
    <th class="bggreen">WISEFUL THINKER</th>
  </tr>
</table>
#.

#?a$001=;
<h1>ARM</h1>
<table>
  <tr>
    <th class="bgyellow">T-REX</th></div>
    <th class="bggreen">MAN</th></div>
  </tr>
  <tr>
    <th class="bgyellow"><a href="#>$002:a$000:c;"><img src="prev_arm1.jpg"></a></th>
    <th class="bggreen"><a href="#>$002:a$001:c;"><img src="prev_arm2.jpg"></a></th>
  </tr>
  <tr>
    <th class="bgyellow">THE STRONGEST PART</th>
    <th class="bggreen">BRAWN MUSCLE</th>
  </tr>
</table>
#.

#?a$002=;
<h1>TAIL</h1>
<table>
  <tr>
    <th class="bgyellow">BEAVER</th></div>
    <th class="bggreen">DRAGON</th></div>
  </tr>
  <tr>
    <th class="bgyellow"><a href="#>$003:a$000:d;"><img src="prev_tail1.jpg"></th>
    <th class="bggreen"><a href="#>$003:a$001:d;"><img src="prev_tail2.jpg"></th>
  </tr>
  <tr>
    <th class="bgyellow">NATURE CONQUER</th>
    <th class="bggreen">FANTASTICAL</th>
  </tr>
</table>
#.

#?a$003=;
<h1>BODY</h1>
<table>
  <tr>
    <th class="bgyellow">MACHINE</th></div>
    <th class="bggreen">SPIDER</th></div>
  </tr>
  <tr>
    <th class="bgyellow"><a href="#>$004:a$000:e;"><img src="prev_body1.jpg"></th>
    <th class="bggreen"><a href="#>$004:a$001:e;"><img src="prev_body2.jpg"></th>
  </tr>
  <tr>
    <th class="bgyellow">NATURE CONQUER</th>
    <th class="bggreen">WHY WOULD YOU</th>
  </tr>
</table>
#.

#?a$004=;
<h1>LEG</h1>
<table>
  <tr>
    <th class="bgyellow">WHEEL</th></div>
    <th class="bggreen">CENTIPEDE</th></div>
  </tr>
  <tr>
    <th class="bgyellow"><a href="#>$005:a$000:f;"><img src="prev_leg1.jpg"></th>
    <th class="bggreen"><a href="#>$005:a$001:f;"><img src="prev_leg2.jpg"></th>
  </tr>
  <tr>
    <th class="bgyellow">WARRUM</th>
    <th class="bggreen">AAAAAAAAAAA</th>
  </tr>
</table>
#.

#?a$005=;
<h1>BACKGROUND</h1>
<table>
  <tr>
    <th class="bgyellow">LIGHTNING STRIKE</th></div>
    <th class="bggreen">ASS OF HELL</th></div>
  </tr>
  <tr>
    <th class="bgyellow"><a href="#>$006:a$000:g;"><img src="prev_bg1.jpg"></th>
    <th class="bggreen"><a href="#>$006:a$001:g;"><img src="prev_bg2.jpg"></th>
  </tr>
  <tr>
    <th class="bgyellow">POWER</th>
    <th class="bggreen">BURNBURNBURN</th>
  </tr>
</table>
#.


#?a$006=;
<p style="color:white">
What a beautiful creature!
</p>
<p>
  <div class="tail">
  #?d$000=;
    <img src="tail1.png">
  #.
  #?d$001=;
    <img src="tail2.png">
  #.
  </div>

  #?f$000=;
  <div class="legs">
    <img src="legs1.png">
  </div>
  #.

  <div class="body">
  #?e$000=;
    <img src="body1.png">
  #.
  #?e$001=;
    <img src="body2.png">
  #.
  </div>

  <div class="head">
  #?b$000=;
    <img src="head1.png">
  #.
  #?b$001=;
    <img src="head2.png">
  #.
  </div>
  
  <div class="arms">
  #?c$000=;
    <img src="arms1.png">
  #.
  #?c$001=;
    <img src="arms2.png">
  #.
  </div>
  
  #?f$001=;
  <div class="legs">  
    <img src="legs2.png">
  </div>
  #.
</p>
#.
</body>