Link menu nie chwyta za każdym razem, co może być nie tak?

Hej. Mam pewien problem z nawigacją strony. Zrobiłem menu i kiedy klikam na dany link, czy to Home, FAQ, About czy Contact za każdym razem na początku wraca mi do strony głównej, zamiast przejść od razu do adresu podstrony. Czy można temu jakoś zapobiec? Kod wygląda tak:

<div class="navigation">
                    <div class="nav-cont-hldr">
                        <ul class="nav-cont">

                            <li class="nav-cont-item  is-parent">
                                <a class="nav-cont-link" href="index.html"> <span class="nav-cont-text">Home</span> </a>
                                <div class="nav-cont-subnav"> </div>
                            </li>

                            <li class="nav-cont-item  is-parent">
                                <a class="nav-cont-link" href="about.html"> <span class="nav-cont-text">Link1</span> </a>
                                <div class="nav-cont-subnav ">
                                    <ul class="nav-cont-subnav-inner">
                                        <li class="nav-subnav-item"> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link1</span></a> </li>
                                        <li class="nav-subnav-item  "> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link2</span></a> </li>
                                        <li class="nav-subnav-item  "> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link3</span></a> </li>
                                        <li class="nav-subnav-item  "> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link4</span></a> </li>
                                    </ul>
                                </div>
                            </li>

 <li class="nav-cont-item  is-parent">
                                <a class="nav-cont-link" href="about.html"> <span class="nav-cont-text">Link2</span> </a>
                                <div class="nav-cont-subnav ">
                                    <ul class="nav-cont-subnav-inner">
                                        <li class="nav-subnav-item"> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link1</span></a> </li>
                                        <li class="nav-subnav-item  "> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link2</span></a> </li>
                                        <li class="nav-subnav-item  "> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link3</span></a> </li>
                                        <li class="nav-subnav-item  "> <a class="nav-subnav-link  " href="#"><span class="nav-subnav-text">Any link4</span></a> </li>
                                    </ul>
                                </div>
                            </li>

</ul>
   </div>
      </div>

A masz zrobione te strony, np: about.html ?
Co się dzieje, jeśli ręcznie wpiszesz w adresie about.html ?

To jest bezpośredni link do testowanej przeze mnie podstrony kontaktowej. Zerknijcie do źródła.
http://demiurg.webd.pl/Testowanie/contact.html

przecież jak wejdziesz w
http://demiurg.webd.pl/Testowanie/index.html
to pokazuje Błąd 404: Strona nie istnieje!
więc wystarczy wykonać podstrony i dodać linki, w czym problem?

Kurde, nie chcę dawać linka do pełnej strony jeszcze nie opublikowanej ze wszystkimi linkami. Może to coś u mnie jest, że tak się robi. Sprawdzę z innego komputera.

Póki co większość tych linków odsyła do tego forumu href="https://4programmers.net/", a druga większość nigdzie nie odsyła href="#".
Nie wiem, jak można w ogóle zepsuć linki, ale jeśli coś ci tam nie działa, jak byś chciał, to zacznij od oczyszczenia kodu, bo w tej chwili wygląda trochę jak zupa:

• wywal SPAN-y wewnątrz A,
• wywal powtarzane w kółko opisy klas, w tej chwili masz tam coś takiego:

<ul class="nav-cont">
  <li class="nav-cont-item  is-parent"><a class="nav-cont-link" href="https://cośtam..."><span class="nav-cont-text">Events</span></a></li>

Dużo czytelniej byłoby:

<ul class="nav-cont">
  <li><a href="https://cośtam...">Events</a></li>

I możesz se to później ostylować:

UL.nav-cont {}
UL.nav-cont > LI {}
UL.nav-cont > LI > A {}

Faktycznie, trochę zamotany kod mi wyszedł. To dlatego, że podobała mi się nawigacja na jednej stronie i podpatrzyłem na konstrukcję kodu, i tak wzorując się zrobiłem coś podobnego. A tu trzeba po prostu upraszczać :) Dzięki @Freja Draco, zrobiłem prostszą wersję i chodzi bez zarzutów :) To dobra lekcja na przyszłość.