Página em html, css e javascript

[rcsbnu27 0]

Estou tentando ajudar um amigo a desenvolver seu site pessoal ele me passou um modelo, onde não estou conseguindo fazer um link de menu quando clicar nos anos iniciais ir para as turmas dos anos iniciais no menu atividade educacionais, segue em anexo o código. Endereço para ter ideia do que estou falando: https://www.profrodrigo.com/temporario/index.html. Nesta parte:

HTML

<div class="container">
<div class="row">
<div class="col-sm-2">
<a href="#anosiniciais" >
<img src="images/anos/anosiniciais.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#anosfinais" >
<img src="images/anos/anosfinais.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="section news-section" id="anosiniciais">
<div class="container">
<div class="row">
<div class="col-sm-2">
<a href="#" target="_blank">
<img src="images/turmas/pres.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#" target="_blank">
<img src="images/turmas/1sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#">
<img src="images/turmas/2sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#">
<img src="images/turmas/3sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#">
<img src="images/turmas/4sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
</div>
</div>
</div>

<div class="section news-section" id="anosfinais">
<div class="container">
<div class="row">
<div class="col-sm-2">
<a href="#">
<img src="images/turmas/5sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="https://www.ebmalbertostein.com" target="_blank">
<img src="images/turmas/6sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="https://www.profgarrido.com" target="_blank">
<img src="images/turmas/7sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#">
<img src="images/turmas/8sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
<div class="col-sm-2">
<a href="#">
<img src="images/turmas/9sanos.png" class="img-responsive" width="190" height="190" alt="">
</a>
</div>
</div>
</div>
</div>

[Omar~ 87]

Aparentemente não há problemas com o link então o que podemos presumir é erro do html.

Pode ser alguma tag não fechada, tag como por exemplo todas tag <img> do documento não foram fechadas...

<img src="imagemqualquer.jpg" alt="" /> <!-- Fechando a tag "/>" -->

No entanto pode não ser isso. A melhor forma que você pode descobrir a raiz do problema aí é através do inspetor do browser.

 

Existe também a possibilidade de um script está manipulando os hiperlinks ou um modo reescrita do apache no caso do serve-side.