<a class="brand active" href=""><font color="gold">Welcome</font></a>                                  
<li><a href="#" state="wizard_details"><font color="gold">Details</font></a></li>
<li><a href="#" state="wizard_visuals"><font color="gold">Visuals</font></a></li>
<li><a href="#" state="wizard_friend"><font color="gold">Mates n'Guilds</font></a></li>
<li><a href="#" state="wizard_skills"><font color="gold">Skills</font></a></li>
<li><a href="#" state="wizard_spawn"><font color="gold">Spawn</font></a></li>
<li><a href="#" state="wizard_summ"><font color="gold">Summary</font></a></li>
<li><a href="#" state="wizard_reg"><font color="gold">Registration</font></a></li>