PlataformaEducativa/footer.html

<div class="d-none d-sm-block d-md-block">
    <div id="menu-bottom" class="ul-menu-bottom">
        <div class="li-menu centrar"><a class="menu-item blue-bottom" href="index">Inicio</a></div>
        <div class="li-menu centrar"><a class="menu-item blue-bottom" href="conocenos">Conócenos</a></div>
        <div class="li-menu centrar"><a class="menu-item blue-bottom" href="funciones">Funciones</a></div>
        <div class="li-menu centrar"><a class="menu-item blue-bottom" href="contacto">Contacto</a></div>
        <div class="li-menu centrar"><a class="menu-item blue-bottom" href="apoyo-covid-19">COVID-19</a></div>
    </div>
</div>
<footer>
    <div id="footer-part-1">
        <div class="footer-izq">
            <a href="index" target="blank"><img width="100%" class="img-gray" id="footer-img-izq" src="img/logos/logo-plataforma.png" alt="Logo Plataforma"></a>
        </div>
        <div id="hr1" class="vl"></div>
        <div class="footer-cen">
            <h1 id="footer-title" class="footer-title txt-gray">Contacto</h1>
            <p class="txt-gray" id="footer-txt">
                <i class="icon-volume-control-phone"></i> (55) 6267 2444 <br>
                <i class="icon-mail-alt"></i> soluciones@ittec.mx <br>
                <i class="icon-globe"></i> www.plataforma-educativa.com.mx
            </p>
        </div>
        <div id="hr2" class="vl"></div>
        <div class="footer-der">
            <a href="https://ittec.mx/" target="blank"><img class="img-gray" id="footer-img-der" src="img/logos/logo_blanco.png" alt="Logo ITTEC"></a>
        </div>
    </div>
    <div id="footer-part-2">
        <p id="copy" class="txt-gray"><a id="privacidad" href="legal" class="txt-gray no-underline">Aviso de privacidad </a><i class="icon-graduation-cap"></i><a id="terminos" href="legal" class="txt-gray no-underline"> Términos y Condiciones </a><br> Copyright &copy; ITTEC. Tecnología
            inteligente. Todos los derechos reservados.
        </p>
    </div>
</footer>

<script>
    $('footer').hover(function() {
        $(this).css({
            'background-color': '#555'
        });
        $('#hr1').css({
            'border-left': '2px solid #fff'
        });
        $('#hr2').css({
            'border-left': '2px solid #fff'
        });
        $('#footer-txt').removeClass('txt-gray');
        $('#footer-txt').addClass('txt-white');
        $('#footer-title').removeClass('txt-gray');
        $('#footer-title').addClass('txt-white');
        $('#copy').removeClass('txt-gray');
        $('#copy').addClass('txt-white');
        $('#privacidad').removeClass('txt-gray');
        $('#privacidad').addClass('txt-white');
        $('#terminos').removeClass('txt-gray');
        $('#terminos').addClass('txt-white');
        $('#footer-img-izq').removeClass('img-gray');
        $('#footer-img-der').removeClass('img-gray');
    });
    $('footer').mouseleave(function() {
        $(this).css({
            'background-color': 'rgba(0, 0, 0, 0)'
        });
        $('#hr1').css({
            'border-left': '2px solid #555'
        });
        $('#hr2').css({
            'border-left': '2px solid #555'
        });
        $('#footer-txt').removeClass('txt-white');
        $('#footer-txt').addClass('txt-gray');
        $('#footer-title').removeClass('txt-white');
        $('#footer-title').addClass('txt-gray');
        $('#copy').removeClass('txt-white');
        $('#copy').addClass('txt-gray');
        $('#privacidad').removeClass('txt-white');
        $('#privacidad').addClass('txt-gray');
        $('#terminos').removeClass('txt-white');
        $('#terminos').addClass('txt-gray');
        $('#footer-img-izq').addClass('img-gray');
        $('#footer-img-der').addClass('img-gray');
    });
</script>