<!DOCTYPE html>
<html lang="es">

<head>

    <meta charset="UTF-8">
    <title>TecNM | Tecnológico Nacional de México</title>
    <meta name="author" content="TecNM">
    <meta name="description" content="Página del Tecnológico Nacional de México">
    <meta name="keywords"
        content="TecNM, Instituto Tecnológico Nacional de México, Tec, Tecnológico Nacional de México, Universidad" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <meta name="copyright" content="TecNM" />
    <meta name="robots" content="ALL">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="img/favicon/tecnm.ico" />

    <!-- CSS Bootstrap -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

    <!-- Mis estilos -->
    <link rel="stylesheet" href="css/estilos.css">

    <!-- Iconos con Font Awesome -->
    <link rel="stylesheet" href="assets/files/main/css/fa-svg-with-js.css">
    <link rel="stylesheet" href="iconos/iconos.css">

    <!-- Se agrega para poder usar las fuentes en el css -->
    <link rel="stylesheet" href="assets/files/main/css/estilo-compresion.min.css">
    <link rel="stylesheet" href="assets/files/main/css/jssorStyle.css">

    <link href="css/noticarrusel/slick-theme.css" rel="stylesheet" />
    <link href="css/noticarrusel/slick.css" rel="stylesheet" />

    <!-- Estilo del carrucel -->
    <style>
        .sitios {
            width: 50%;
            margin: 0px auto;
        }

        .principal {
            width: 100%;
            /*height: 60vh;*/
            margin: 0px 0px;
            margin-bottom: 0px;
        }

        .slick-slide {
            margin: 0px 0px;
        }

        .anexo>.slick-prev:before {
            /* Flecha azul - lado izquierdo */
            background: url('img/flechas/izquierda_gris.png');
            background-size: contain;
            color: transparent;
        }

        .anexo>.slick-next:before {
            /* Flecha azul - lado derecho */
            background: url('img/flechas/derecha_gris.png');
            background-size: contain;
            color: transparent;
        }

        #noticias>.slick-prev:before {
            /* Flecha azul - lado izquierdo */
            background: url('img/flechas/izquierda_azul.png');
            background-size: contain;
            color: transparent;
        }

        #noticias>.slick-next:before {
            /* Flecha azul - lado derecho */
            background: url('img/flechas/derecha_azul.png');
            background-size: contain;
            color: transparent;
        }

        .slick-slide {
            transition: all ease-in-out .3s;
            opacity: 1;
        }

        .slick-active {
            opacity: 1;
        }

        .slick-current {
            opacity: 1;
        }


        .carousel-item {
            width: 100vw;
            height: 60vh;
            min-height: 10%;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            background: round;
        }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }

        .card-img-top {
            width: 100%;
            height: 200px !important;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

        @media (max-width: 400px) {
            .carousel-item {
                height: 30vh;
            }
        }

        @media (max-width: 500px) {
            .carousel-item {
                height: 25vh;
            }
        }

    </style>

    <!-- Desface -->
    <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
    <script>
        $(document).ready(function() {
            setTimeout(function() {
                $("#desface_noticias").fadeIn(1000);
            }, 50);
        });
        $(document).ready(function() {
            setTimeout(function() {
                $("#desface").fadeIn(1000);
            }, 500);
        });
        $(document).ready(function() {
            setTimeout(function() {
                $("#desface_footer").fadeIn(1000);
            }, 500);
        });
        $(document).ready(function() {
            setTimeout(function() {
                $("#desface_footer_gob").fadeIn(1000);
            }, 1000);
        });
    </script>
</head>

<body>

    <?php echo $__env->make("menu", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <div id="contenedor">
        <!-- Slider -->
        <section class='one-time principal border'>

            <?php $__empty_1 = true; $__currentLoopData = $carrucel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $c): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class='carousel-item active' >
                    <!-- imagen-->
                    <img src="img/slider/<?php echo e($c->imagen); ?>" alt="<?php echo e($c->texto_alternativo); ?>" srcset="" width="100%" height="100%">
                    <?php if($c->documento != ''): ?>
                        <?php $documentos = explode(',', $c->documento); ?>
                        <?php $__currentLoopData = $documentos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $documento): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <a href='pdf/slider/<?php echo e($documento); ?>' target='_blank'>
                                <!-- documentos-->
                                <div style='width:100%; height:100%'></div>
                            </a>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                    <?php else: ?>
                        <?php if($c->url != ''): ?>
                            <a href='<?php echo e($c->url); ?>' target='_blank'>
                                <!-- url-->
                                <div style='width:100%; height:100%'></div>
                            </a>
                        <?php endif; ?>
                    <?php endif; ?>

                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <div class='carousel-item' style='background-image: url("img/slider/ENTORNO.jpg");'>
                    <a href='img/slider/ENTORNO.jpg' target='_blank'>
                        <div style='width:100%; height:100%'></div>
                    </a>
                </div>

            <?php endif; ?>



            <!--<div class='carousel-item' style='background-image: url("img/slider/ENTORNO.jpg");'>
   <a href='img/slider/ENTORNO.jpg' target='_blank'>
    <div style='width:100%; height:100%'></div>
   </a>
  </div>-->

        </section>

        <!-- Contenidos (Síguenos, Sitios de Interés) -->
        <div id='desface' style='display: none;'>
            <div class='container m-0 m-auto mb-3'>

                <!-- Comunicación -->
                <div class='row w-100 justify-content-center bg-light pb-3 m-0'>
                    <section class='container bg-light px-5 mx-0 pb-3 m-auto' id='desface_noticias'
                        style='display: none;'>

                        <div class='row'>

                            <div class='col-12 display-2 text-center my-0 py-3'>
                                <a role='button' href='?vista=Noticias'>
                                    Comunicación
                                </a>
                            </div>

                        </div>
                        <div class='center slider my-0' id='noticias'>

                            <?php $__empty_1 = true; $__currentLoopData = $noticias; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $n): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <div class='row justify-concent-center' style='posicion: relative;'>

                                    <div class='col-12'>
                                        <img class='img-fluid mx-auto w-100' style='height: 150px;'
                                            src='img/noticias/<?php echo e($n->imagen); ?>' alt='No se pudo cargar la imagen' />
                                    </div>

                                    <div class='h6 col-12 py-2 mb-4'>
                                        <?php echo e($n->titulo); ?>

                                    </div>

                                    <div class='col-12' style='position: absolute; bottom: 0px;'>
                                        <button type="button" target="_blank" style='border:none;' onclick='consultar_noticia(<?php echo e($n->id); ?>);'>LEER MÁS</button>
                                       <!-- <a href='#' target='_blank' >
                                            LEER MÁS
                                        </a>-->
                                    </div>

                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                            <?php endif; ?>
                            <!--
                            <div class='row justify-concent-center' style='posicion: relative;'>

                                <div class='col-12'>
                                    <img class='img-fluid mx-auto w-100' style='height: 150px;'
                                        src='img/noticias/2/A.jpg' alt='' />
                                </div>

                                <div class='h6 col-12 py-2 mb-4'>
                                    TecNM campus Los Ríos a la vanguardia tecnológica
                                </div>

                                <div class='col-12' style='position: absolute; bottom: 0px;'>
                                    <a href='?vista=Noticia&id=2' target='_blank'>
                                        LEER MÁS
                                    </a>
                                </div>

                            </div>

                            <div class='row justify-concent-center' style='posicion: relative;'>

                                <div class='col-12'>
                                    <img class='img-fluid mx-auto w-100' style='height: 150px;'
                                        src='img/noticias/3/A.jpg' alt='' />
                                </div>

                                <div class='h6 col-12 py-2 mb-4'>
                                    TecNM campus Los Ríos a la vanguardia tecnológica
                                </div>

                                <div class='col-12' style='position: absolute; bottom: 0px;'>
                                    <a href='?vista=Noticia&id=3' target='_blank'>
                                        LEER MÁS
                                    </a>
                                </div>

                            </div>

                            <div class='row justify-concent-center' style='posicion: relative;'>

                                <div class='col-12'>
                                    <img class='img-fluid mx-auto w-100' style='height: 150px;'
                                        src='img/noticias/4/A.jpg' alt='' />
                                </div>

                                <div class='h6 col-12 py-2 mb-4'>
                                    TecNM campus Los Ríos a la vanguardia tecnológica
                                </div>

                                <div class='col-12' style='position: absolute; bottom: 0px;'>
                                    <a href='?vista=Noticia&id=4' target='_blank'>
                                        LEER MÁS
                                    </a>
                                </div>

                            </div>

                            <div class='row justify-concent-center' style='posicion: relative;'>

                                <div class='col-12'>
                                    <img class='img-fluid mx-auto w-100' style='height: 150px;'
                                        src='img/noticias/5/A.jpg' alt='' />
                                </div>

                                <div class='h6 col-12 py-2 mb-4'>
                                    TecNM campus Los Ríos a la vanguardia tecnológica
                                </div>

                                <div class='col-12' style='position: absolute; bottom: 0px;'>
                                    <a href='?vista=Noticia&id=5' target='_blank'>
                                        LEER MÁS
                                    </a>
                                </div>

                            </div>
                            -->

                        </div>

                    </section>
                </div>

                <br />

                <!-- Síguenos -->
                <div class='row w-100 justify-content-center bg-light py-3 m-0'>

                    <p class='col-12 display-2 text-center'>
                        Síguenos
                    </p>

                    <div class='media-container-row text-center'>

                        <!--Twitter-->
                        <span style="margin-top:15px;">
                            <a class="twitter-timeline" data-lang="es" data-width="350" data-height="525" data-dnt="true"
                                data-theme="light"
                                href="https://twitter.com/TecNM_MX?ref_src=twsrc%5Etfw">itzitacuaro</a>
                        </span>
                        <!--Youtube-->
                        <iframe style="margin-top:15px;" width="350" height="525"
                            src="https://www.youtube.com/embed/1fysHX-IgHo" frameborder="0"
                            allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen></iframe>

                        <!--Facebook-->
                        <iframe style="margin-top:15px;" width="350" height="525"
                            src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fcategory%2FEducation-Website%2FTECNM-Campus-Zit%25C3%25A1cuaro-2060888074226326%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
                            style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"
                            allow="encrypted-media" allowfullscreen></iframe>

                    </div>
                </div>

                <!-- Anexos -->
                <div class='row w-100 justify-content-center bg-light py-3 m-0'>
                    <section class='anexos bg-light pb-2 anexo sitios'>

                        <div>
                            <a target='_blank' href='pdf/anexos/pronunciamiento.pdf'>
                                <img loading='lazy' src='img/anexos/pronunciamiento.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/Protocolo_HSyAS.pdf'>
                                <img loading='lazy' src='img/anexos/protocolo_prevencion.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/SFP-CE-2019_Codigo_de_Etica.pdf'>
                                <img loading='lazy' src='img/anexos/codigo_etica.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/M00-CC-01_Codigo_de_Conducta.pdf'>
                                <img loading='lazy' src='img/anexos/codigo_conducta.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/estrategias_austeridad.pdf'>
                                <img loading='lazy' src='img/anexos/estrategias_austeridad.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/Convocatoria_Seguro.pdf'>
                                <img loading='lazy' src='img/anexos/convocatoria_seguro.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/Informe_Anual_Actividades_ CEPCI_TecNM.pdf'>
                                <img loading='lazy' src='img/anexos/comite_etica.png' />
                            </a>
                        </div>

                        <div>
                            <a target='_blank' href='pdf/anexos/decreto_tecnm.pdf'>
                                <img loading='lazy' src='img/anexos/decreto_creacion.png' />
                            </a>
                        </div>

                    </section>
                </div>

                <br />

                <!-- Sitios de Interés -->
                <div class='row w-100 justify-content-center bg-light pt-3 m-0'>

                    <p class='display-2'>
                        Sitios de Interés
                    </p>

                </div>
                <div class='row w-100 justify-content-center bg-light pt-3 m-0'>

                    <div class='col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 text-center mb-3'>
                        <a href='https://www.conacyt.gob.mx/' target='_blank'>
                            <img loading='lazy' src='img/interes/CONACYT.png' alt='CONACYT' title='CONACYT'
                                class='img-fluid' />
                        </a>
                    </div>

                    <div class='col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 text-center mb-3'>
                        <a href='https://www.conricyt.mx/' target='_blank'>
                            <img loading='lazy' src='img/interes/CONRICYT.png' alt='CONRICYT' title='CONRICYT'
                                class='img-fluid' />
                        </a>
                    </div>

                    <div class='col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 text-center mb-3'>
                        <a href='http://www.ifai.org.mx/' target='_blank'>
                            <img loading='lazy' src='img/interes/INAI.png' alt='INAI' title='INAI' class='img-fluid' />
                        </a>
                    </div>

                    <div class='col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 text-center mb-3'>
                        <a href='http://consultapublicamx.inai.org.mx:8080/vut-web/?idSujetoObigadoParametro=10009&amp;idEntidadParametro=33&amp;idSectorParametro=21'
                            target='_blank'>
                            <img loading='lazy' src='img/interes/PNT.png' alt='PNT' title='PNT' class='img-fluid' />
                        </a>
                    </div>

                    <div class='col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 text-center mb-3'>
                        <a href='Dir_Posgrado'>
                            <img loading='lazy' src='img/interes/contraloria.png' alt='Dir_Posgrado'
                                title='Dir_Posgrado' class='img-fluid' />
                        </a>
                    </div>

                </div>

                <br />

            </div>
        </div>


    </div>
    <!-- Redes Sociales Lateral -->
    <div class="sticky-container">
        <ul class="sticky">
            <li>
                <img loading='lazy' src="img/redes_sociales/facebook.png" width="32" height="32" alt="facebook" />
                <p><a href="https://es-la.facebook.com/TECNM-Campus-Zit%C3%A1cuaro-2060888074226326/" target="_blank">Me gusta en<br>Facebook</a></p>
            </li>
            <li>
                <img loading='lazy' src="img/redes_sociales/twitter.png" width="32" height="32" alt="Twitter" />
                <p><a href="https://twitter.com/TecNM_MX" target="_blank">Síguenos en<br>Twitter</a></p>
            </li>
            <li>
                <img loading='lazy' src="img/redes_sociales/youtube.png" width="32" height="32" alt="YouTube" />
                <p><a href="https://www.youtube.com/user/SNESTMX" target="_blank">Suscríbase en<br>YouTube</a></p>
            </li>
        </ul>
    </div>

    <?php echo $__env->make("footer", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</body>

</html>
<?php /**PATH C:\xampp\htdocs\tecitz\resources\views/index.blade.php ENDPATH**/ ?>