HTML

<!-- footer -->  <footer>      <div class="container">          <div class="wrapper">              <div class="fright">                  <span>baby-sun        </span> &copy; 2010 &nbsp; | &nbsp;         <a href="index-7.html">Privacy Policy $site_copyright</a>              </div>              <nav>                  <ul>                      <li>          <a href="index.html">Main</a>          </li>                      <li>          <a href="index-1.html" class="current">About</a>          </li>                      <li>          <a href="index-2.html">Company</a>          </li>                      <li>          <a href="index-3.html">Clients</a>          </li>                      <li>          <a href="index-4.html">FAQs</a>          </li>                      <li>          <a href="index-5.html">Download</a>          </li>                      <li>          <a href="index-6.html">Contacts</a>          </li>                  </ul>              </nav>                   </div>      </div></footer><!-- trigger --->  <div id="advanced">    <span class="trigger">  </span>    <ul>          <li class="trigger_adv">      <a href="404.html">Pages</a>              <ul>                  <li>        <a href="under_construction.html">Under construction</a>    </li>              <li>    <a href="intro.html">intro page</a>    </li>              <li>    <a href="404.html">404 page</a>    </li>          </ul>        </li>        <li>  <a href="layouts.html">Layouts</a>        <li>  <a href="typography.html">Typography</a>  </li>         <li class="trigger_adv">    <a href="coin-slider.html">Interactive</a>            <ul>                <li>      <a href="coin-slider.html">slider</a>                  <ul>                      <li>        <a href="coin-slider.html">coin slider</a>  </li>                <li>  <a href="kwicks.html">kwicks slider</a>  </li>              </ul>            </li>            <li>  <a href="functional-slider.html">functional slider</a>  </li>            <li>  <a href="gallery-page1.html">simple gallery</a>  </li>            <li>  <a href="gallery-page2.html">advanced gallery</a>  </li>            <li>  <a href="misc.html" class="current">misc</a>  </li>          </ul>        </li>      </ul>  </div>  <!-- panel begin -->  <script type="text/javascript">$(function(){$("#advanced .trigger").toggle(function(){$(this).parent().animate({right:0}, "medium")}, function(){$(this).parent().animate({right:-172}, "medium")});});  </script>  <!-- panel end -->  <script type="text/javascript"> Cufon.now(); </script>