<link rel="stylesheet" type="text/css" href="css/style-footer.css">

<div class="cont-footer">
    <div class="footer-section">
        <ul class="footer-options">
            <div class="icon-mas-conoce">
                <img src="images/index/down-arrow.png" id="rotar-conoce" alt="">
            </div>
            <li class="footer-list-item-title">
                <h1 class="title-section">{{ $t("message.fconoce") }}</h1>
            </li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.facelec") }}</a></li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.nomelec") }}</a></li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.contelec") }}</a></li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.conciliacion") }}</a></li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.continventario") }}</a></li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.cobranza") }}</a></li>
            <li class="footer-list-item-conoce"><a href="">{{ $t("message.plataforma") }}</a></li>
        </ul>
    </div>
    <span class="divider"></span>
    <div class="footer-section">
        <ul class="footer-options">
            <div class="icon-mas-construye">
                <img src="images/index/down-arrow.png" id="rotar-construye" alt="">
            </div>
            <li class="footer-list-item-title">
                <h1 class="title-section">{{ $t("message.fconstruye") }}</h1>
            </li>
            <li class="footer-list-item-construye"><a href="">{{ $t("message.desoftware") }}</a></li>
            <li class="footer-list-item-construye"><a href="">{{ $t("message.appweb") }}</a></li>
            <li class="footer-list-item-construye"><a href="">{{ $t("message.ia") }}</a></li>
            <li class="footer-list-item-construye"><a href="">{{ $t("message.biddata") }}</a></li>
            <li class="footer-list-item-construye"><a href="">{{ $t("message.disenio") }}</a></li>
            <li class="footer-list-item-construye"><a href="">{{ $t("message.outsourcing") }}</a></li>
        </ul>
    </div>
    <span class="divider"></span>
    <div class="footer-section">
        <div class="contact-elemets">
            <ul class="footer-options">
                <div class="icon-mas-contacto">
                    <img src="images/index/down-arrow.png" id="rotar-contacto" alt="">
                </div>
                <li class="footer-list-item-title">

                    <h1 class="title-section">{{$t("message.fcontacto")}}</h1>
                </li>
                <li class="footer-list-contact">
                    <div class="icon-tel" id='icon-tel'><img class="img-tel" src="images/index/logo_tel.png" alt="" srcset=""></div>&nbsp;(+52) 55 6267 2444
                </li>
                <li class="footer-list-contact">
                    <div class="icon-mail" id="icon-mail"><img class="img-fluid img-mail" src="images/index/logo_mail.png" alt="" srcset=""></div>&nbsp;soluciones@ittec.mx
                </li>
            </ul>
        </div>
        <div class="divisiones">
            <ul class="footer-options">
                <div class="icon-mas-divisiones">
                    <img src="images/index/down-arrow.png" id="rotar-divisiones" alt="">
                </div>
                <li class="footer-list-item-title">
                    <h1 class="title-section">{{$t("message.fnegocios")}}</h1>
                </li>
                <li class="footer-list-item-divisiones"><a href="">{{$t("message.impresion")}}</a></li>
                <li class="footer-list-item-divisiones"><a href="">{{$t("message.consumo")}}</a></li>

            </ul>
        </div>
    </div>
    <span class="divider"></span>
    <div class="footer-section">
        <div class="footer-section-logo container-fluid">
            <img src="images/index/logo_ittec_blanco.png" alt="" srcset="">
        </div>
    </div>
</div>
<div class="footer-buttom col-12">

    <div class="row">
        <div class="col footer-date ml-4">Copyright &copy; <?php echo date("Y"); ?> ITTEC. Todos los derechos reservados.</div>
        <div class="col footer-terms mr-4">
            <a class="mr-3 hover-gris" href="terminos&condiciones">Términos y condiciones</a>
            <a class="hover-gris" href="privacidad">Aviso de privacidad</a>
        </div>
    </div>
    

</div>

