Can't figure out why my custom nav isn't linking to my pages

I just can’t figure out what I’m missing to get these links working. My site is using Weebly which has it’s own navigation element. I made all of my pages using the default Weebly page creator and “hid” them all. I then put the coding in for my own(so I could add different categories) but the links don’t work. I know I must be missing something, but It’s not clicking at the moment. :headbang: Here’s the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">
<html xmlns="" xml:lang="en" lang="en">
<link rel="stylesheet" type="text/css" href="main_style.css">
  <!--[if IE 7]>
      p {
      h1 {
      h2 {
  <div id="wrapper">
    <div id="header">
      <div class="weebly_header"></div>
      <div id="sitename">%%TITLE%%</div>
    <div id="content-wrapper">
      <div id="banner">
<img src="/files/theme/birdheader.png" width="960" height="272" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="704,45,33" href="http://..." />
<area shape="circle" coords="790,44,33" href="http://.../contact-us.html" />
<area shape="circle" coords="873,44,33" href="http://.../faq--important-info.html" />
        <div id="contents-body">
          <div id="navigation">
          <div id="nav-top"></div>
<h2> <td width="180" valign="top" style="padding:10px;"><div align="left"><img src="/files/theme/shop2.gif">
<br>   <a href='http://.../' >Holiday Bows</a><br>        
        <a href=''>Bowbands</a><br>
        <a href=''>Simply Boutique Bows</a><br>
        <a href=''>Layered Boutique Bows</a><br>
        <a href=''>Headbands</a><br>
        <a href=''>Crochet Kufi Caps</a><Br>
        <a href=''>Clippies</a><br>
        <a href=''>Korker Bows</a><br>
        <a href=''>Firecracker Bows</a><br>
        <a href=''>Flowers and More</a><br>
        <a href=''>Plush Petals</a><br>
        <a href=''>Fabulous Flip Flops</a><br>
        <a href=''>Team and Cheer</a><br>
        <a href=''>Key Fobs</a><br>
        <a href=''>Bow Holders</a><br>
        <a href=''>Gift Certificates</a><br>

     <br><img src="/files/theme/info2.gif"><br>
        <a href=''>Important Info</a><br>
        <a href=''>FAQ</a><br>
        <a href=''>Gallery</a><br>
        <a href=''>Ribbon Chart</a><br>
        <a href=''>Contact Us</a><br>
        <a href=''>Feedback</a><br>

<a href=''>Link to Us</a><br>
        <a href=''>Favorite Links</a><br>

                    <div id="navigation-links">%%MENU%%</div>
                    <div id="nav-bottom"></div>
<BR>       <!-- start of freefind search box html -->
<table cellpadding=0 cellspacing=0 border=0 >
  <td  style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;">
    <form style="margin:0px; margin-top:4px;" action="" method="get" accept-charset="utf-8" target="_self">
    <input type="hidden" name="si" value="80587153">
    <input type="hidden" name="pid" value="r">
    <input type="hidden" name="n" value="0">
    <input type="hidden" name="_charset_" value="">
    <input type="hidden" name="bcd" value="&#247;">
    <input type="text" name="query" size="15"> 
    <input type="submit" value="search">
<!-- end of freefind search box html -->    
           <BR> <img  src="" border="0" alt="Solution Graphics">
                 <a href=""  target="_blank">
 <img src=''border='0'/></a>
             <!-- data banner code begin -->
<a href="" target="_blank">
<img src="" border="0" width="165" height="165"alt="Mod Momma Shoppes"> </a>
<!-- data banner code end -->
         <a href=""  target="_blank">
 <img  src=""  border="0" width="165" height="166"alt="Top 100 Princess Sites"> </a>
          <div id="contents">%%CONTENT%%</div>
          <div id="content-bottom"></div>
              <div id="footer">
        <div id="footer-contents">%%WEEBLYFOOTER%%<div>

Got it! Mods, please remove my HTML and website :slight_smile: TY!

Thinking about it, I’m wondering if this is even possible ? I really hope so- my site NEEDS this! lol