tengo unos iconos en mi sitio web, los cuales a través de bootstrap al pasar el ratón por encima, aumentan ligeramente el tamaño.
Los iconos están dentro de dos div
mas.
Quiero que al pinchar en el icono, además de que estos aumenten de tamaño, me lleven a otra pagina mi sitio.
Les muestro uno de los div
:
<section class="ulockd-service-three">
<div class="container">
<div class="col-xs-6 col-sm-4 col-md-2">
<div class="ulockd-srvc-column-two one text-center">
<div class="ulockd-srvc-details-two">
<div class="ulockd-srv-icon-two"><span class="flaticon work">
</span>
</div>
<h5>Safety Work</h5>
</div>
</div>
</div>
</div>
</section>
He probado varias formas de meter el enlace, y finalmente encontré una que me redirige a la pagina deseada, pero no se si es la forma mas correcta de hacerlo, no me parece que sea apropiado, no parece estético.
Asi me funciona el enlace:
<section class="ulockd-service-three">
<div class="container">
<div class="col-xs-6 col-sm-4 col-md-2">
<div class="ulockd-srvc-column-two one text-center">
<div class="ulockd-srvc-details-two">
<a href="about.html"><div class="ulockd-srv-icon-two">
<span class="flaticon-work"> </span>
</div></a>
<h5>Safety Work</h5>
</div>
</div>
</div>
</div>
</section>
Lo que quiero decir es que si esta dentro de lo permitido, teniendo en cuenta todo, incluido si a Google le gustara o no. ¿ Pueden decirme la manera correcta de añadir un enlace al icono sin romper el efecto de aumento ?
Gracias