Página em html, css e javascript

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>