custom html in page change in browser

As per the answer posted in the commented by Samuel Elh:

<div class="row">

    <div class="basicBox col-sm-offset-1 col-sm-2" style="position:relative;">
        Sistema de referencia
        <svg width="130" height="65" viewBox="0 0 130 65" xmlns="http://www.w3.org/2000/svg">
            <rect x='0' y='0' fill="none" width="130" height="65"/>
        </svg>
        <a href="http://localhost/wordpress/?page_id=55" target="_blank" style="position:absolute;left:0;top:0;width:100%;height:100%;"></a>
    </div>

    <div class="basicBox col-sm-2" style="position:relative;">
        Vector Posición
        <svg width="130" height="65" viewBox="0 0 130 65" xmlns="http://www.w3.org/2000/svg">
            <rect x='0' y='0' fill="none" width="130" height="65"/>
        </svg>
        <a href="http://localhost/wordpress/?page_id=18" target="_blank" style="position:absolute;left:0;top:0;width:100%;height:100%;"></a>
    </div>

</div><!-- /.row -->