Попытка создать якорную ссылку

Я пытаюсь создать базовую ссылку привязки на той же странице. Я использую Bootstrap 4 (имеет значение это или нет). И ссылка, и цель находятся в серверных включениях. Я хочу связать верхнюю навигационную ссылку "Контакт" с формой в нижнем колонтитуле.

В "upperNav" включить у меня следующее:

<a class = "nav-link text-light main-menu" href = "#contactMe">Contact</a>

В «нижний колонтитул» включаю следующее:

<p class = "contactUs"><a id = "#contactMe">Contact Us</a></p>

Но почему-то не работает. Я исследовал эту проблему, но безрезультатно. Какие-либо предложения?

<!--   From: https://www.jquery-az.com/bootstrap4/demo2.php?ex=91.0_8   -->
<nav class = "navbar fixed-top navbar-expand-lg navbar-light bg-info ">
  <a class = "navbar-brand text-light logo-text" href = "http://shamar.org/" >shamar.org</a>
    <button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#demo-navbar" aria-controls = "demo-navbar" aria-expanded = "false" aria-label = "Toggle navigation">
    <span class = "navbar-toggler-icon"></span>
  </button>

  <div class = "collapse navbar-collapse" id = "demo-navbar">
    <ul class = "navbar-nav mr-auto" id = "menu">
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "/index.html">Home</a>
      </li>
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "/articles/index.html">Articles</a>
      </li>
      </li>
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "/weblog/">Blog</a>
      </li>
      </li>
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "/books.html">Books</a>
      </li>
      </li>
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "/multimedia/index.html">Multimedia</a>
      </li>
      </li>
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "/about.html">About</a>
      </li>
      </li>
      <li class = "nav-item">
        <a class = "nav-link text-light main-menu" href = "#contactMe">Contact</a>

      </li>
    </ul>
    <form class = "form-inline my-2 my-lg-0">
      <input class = "form-control mr-sm-2" type = "search" placeholder = "Search" aria-label = "Search">
      <button class = "btn btn-outline-light submit2 my-2 my-sm-0" type = "submit">Search</button>
    </form>
  </div>
</nav>