JeanBenitez
/
PlataformaEducativa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
							<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- styles -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/style-main.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/icons-platform.css">
    <link rel="stylesheet" href="css/fontawesome/css/all.css">

    <title> Plataforma Educativa </title>
    <!-- Para FTP -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-46001212-3"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-46001212-3');
    </script>
</head>

<body>
    <div class="covid19" id="app">
        <div class="background-top">
            <nav class="navbar navbar-expand-lg">
                <div class="container">
                    <a class="navbar-brand" href="index">
                        <!-- No poner contenido -->
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fas fa-bars"></i>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item">
                                <a class="nav-link underline-no" href="#Registro"> Registro </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link underline-no" href="#Caracteristicas"> Características </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link underline-no" href="#Contacto"> Contacto </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div class="container row paddingg">
                <div class="col-md-6 pr-5">
                    <h1 class="title-covid"> Educación a distacia, </h1>
                    <p class="description"> La mejor herramienta para gestionar tu plantel educativo. </p>
                    <!-- <p class="description"> Debido a la contingencia por el <b> COVID-19 </b>, pruebalo durante <b> 40 días </b> totalmente gratis. </p> -->
                </div>
                <div class="col-md-6">
                    <formulario-paso-1 :paises="paises" :distribuidor="idDistribuidor"></formulario-paso-1>
                    <div class="imagen-lapiz">
                        <img src="img/apoyo-covid/img-lapiz.png" alt="Lapiz - Plataforma Educativa">
                    </div>
                    <div class="imagen-dialogo">
                        <img src="img/apoyo-covid/img-dialogo.png" alt="Dialogo - Plataforma Educativa">
                    </div>
                </div>
            </div>

            <div class="container d-flex align-items-center padd" id="Caracteristicas">
                <div class="col-md-5">
                    <div class="caracteristica-descripcion">
                        <h1 class="streaming-title"> Clases en linea </h1>
                        <p class="streaming-description">
                            Programa las sesiones e imparte videoconferencias con hasta 100 alumnos. Graba las sesiones, comparte tu pantalla, escribe en la pizarra, interactúa en vídeo con los participantes o utiliza el chat en vivo de las reuniones. <br>                            Nuestra solución todo en uno te permitr realizar múltiples sesiones simúltaneas, evita que contrates otros sistemas de streaming y lo mejor de todo, tu información es completamente privada.
                        </p>
                    </div>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-7.png" alt="Streaming - Plataforma Educativa">
                </div>
                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-1.png" alt="Circulares Digitales - Plataforma Educativa">
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-5">
                    <h1 class="streaming-title"> Circulares Digitales </h1>
                    <p class="streaming-description">
                        Optimiza la comunicación entre alumnos, profesores y padres de familia, enviando circulares electrónicas de actividades y eventos.
                    </p>
                </div>

                <div class="col-md-5">
                    <h1 class="streaming-title"> Administración de Tareas </h1>
                    <p class="streaming-description">
                        Los profesores pueden asignar tares que son consultadas por alumnos y padres de familia. A través del sistema, el alumno mantiene un control de las tareas que ha completado y de aquellas que tiene por realizar. <br> La programación
                        de tareas permite incluir adjuntos de gran tamaño y vínculos directos a los contenidos, para el caso de los vídeos.
                    </p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-2.png" alt="Administración de Tareas - Plataforma Educativa">
                </div>

                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-3.png" alt="Calendario de actividades - Plataforma Educativa">
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-5">
                    <h1 class="streaming-title"> Calendario de actividades </h1>

                    <p class="streaming-description">
                        Planifica las actividades del Colegio a lo largo del ciclo escolar de forma unificada.
                    </p>
                </div>

                <div class="col-md-5">
                    <h1 class="streaming-title"> Centro de Mensajes </h1>

                    <p class="streaming-description">
                        Permite la comunicación directa entre alumnos, profesores, padres de familia y directivos sin necesidad de un correo electrónico.<br> Esta función permite a los alumnos el intercambio de información por equipos sin necesidad de
                        reuniones presenciales en casa
                    </p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-4.png" alt="Centro de Mensajes - Plataforma Educativa">
                </div>

                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-5.png" alt="Centro de Recursos por Materia - Plataforma Educativa">
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-5">
                    <h1 class="streaming-title"> Centro de Recursos por Materia </h1>
                    <p class="streaming-description">
                        Los alumnos pueden acceder al contenido de cada materia y descargar los contenidos que sus profesores compartan con ellos para su aprendizaje educativo.<br> El sistema está diseñado para archivos adjunto de gran tamaño y el almacenamiento
                        es ilimitado.
                    </p>
                </div>

                <div class="col-md-5">
                    <h1 class="streaming-title"> Bitácora del Alumno </h1>
                    <p class="streaming-description">
                        Permite la retroalimentación diaria sobre el desempeño y comportamiento del alumno por materia.
                    </p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-6">
                    <img class="img-fluid" src="img/apoyo-covid/img-caracteristica-6.png" alt="Bitácora del Alumno - Plataforma Educativa">
                </div>
            </div>

            <section class="seccion-contacto" id="Contacto">
                <div class="container pt-5">
                    <div class="col-md-6 text-center">
                        <h1 class="streaming-title"> ¿Quieres más información? </h1>
                        <br>
                        <a class="btn boton-formulario no-sub" href="index">Visita Nuestro Sitio Web</a>
                        <img src="img/apoyo-covid/img-estudiantes.jpg" alt="Contacto - Plataforma Educativa">
                    </div>
                    <div class="col-md-6">
                        <formulario-paso-1 :paises="paises" :distribuidor="idDistribuidor"></formulario-paso-1>
                    </div>
                </div>
            </section>
            
            <!-- Footer -->
            <?php include('footer.html'); ?>
            <!-- Fin Footer -->

        </div>
    </div>

    <!-- jquery -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
    <!-- production version, optimized for size and speed -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!-- development version, includes helpful console warnings -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script src="js/main.js"></script>

    <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>

</body>

</html>