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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--Font awesome-->
    <script src="https://kit.fontawesome.com/ab7b1882a8.js" crossorigin="anonymous"></script>
    <!--Google Fonts-->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <!--Mi estilo desde sass-->
    <link rel="stylesheet" href="assets/css/main.css">
    <title>Semana 7 - Curso Certificación de Google</title>
</head>

<body id="body-semana-1">
    <div class="container-fluid bg-info shadow-lg position-fixed" id="home">
        <nav class="navbar navbar-expand-lg navbar-dark container" id="barra">
            <a class="navbar-brand" href="index.html">
                <div class="container-fluid py-3 py-sm-0 ">
                    <img src="assets/images/logo_.png" alt="" class="d-none d-sm-block">
                    <h3 class="text-left text-sm-center">Herramientas Digitales para la Educación</h3>
                </div>
            </a>
            <button class="navbar-toggler ml-sm-auto ml-3 my-1" type="button" data-toggle="collapse"
                data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse mt-2" id="navbarNavAltMarkup">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link active" href="index.html#hero">Inicio</a>
                    <a class="nav-link active" href="cursos.html">Cursos</a>
                    <a class="nav-link active" href="" data-toggle="modal" data-target="#exampleModal">Contacto</a>
                    <p class="nav-link" id="mail-user"></p>
                </div>
            </div>
        </nav>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Formulario de Contacto</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div> -->
                <div class="modal-body">
                    <div class="typeform-widget"
                        data-url="https://form.typeform.com/to/lb6F8GFL?typeform-medium=embed-snippet"
                        data-transparency="68" data-hide-headers="true" data-hide-footer="true"
                        style="width: 100%; height: 500px;"></div>
                    <script> (function () { var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = "typef_orm", b = "https://embed.typeform.com/"; if (!gi.call(d, id)) { js = ce.call(d, "script"); js.id = id; js.src = b + "embed.js"; q = gt.call(d, "script")[0]; q.parentNode.insertBefore(js, q) } })()</script>
                </div>

            </div>
        </div>
    </div>


    <div class="container">
        <div class="row">
            <section class="text-center pt-5 col-12">
                <h1 class="pt-5 text-secondary m-3">Semana 7</h1>
                <h2 class="text-center pt-2 text-muted">Google Classroom</h2>

                <div class="d-flex justify-content-center align-items-center col-12">
                    <img src="https://lh3.googleusercontent.com/xDX4YJUP4_h5Wzl5JB0dgnyuZvKAflBjEoJ1pir6_V7ccNaQLHyt3fhJgQ790dy-iDv4edIqCb3JupHyk_Ytt9pHLoDh45qq4pW-DDmo56d6YhhKdFZMY3h1JNEKq2BX45X9NmH_"
                        height="150px" class="px-md-3 d-none pt-2 d-md-block">
                </div>
                <h3 class="my-5 col-12" id="title-video-1">Video 1: Crear clases e invita a alumnos y profesores.</h3>
                <div class="col-12">
                    <p class="px-2 mx-0 col-12">En este video aprenderás a crear un classroom e invitar a alumnos y
                        profesores a participar.
                    </p>
                </div>
                <video src="https://plataformasaudiovisuales.cl/videos/S7_V1.mp4" width="auto" height="auto" controls
                    controlsList="nodownload" poster="assets/images/poster-semana-7-video-1.png"
                    class="my-md-5 mt-4  col-12 col-md-8"></video>
                <br>
                <!--Linea y salto-->
                <hr><br>
            </section>

            <section class="text-center pt-2 col-12">
                <h3 class="mt-1 mb-5 col-12" id="title-video-1">Video 2: Crear tareas o materiales en classroom.
                </h3>
                <div class="col-12">
                    <p class="px-2 mx-0 col-12">En este video te mostraremos como crear tareas, materiales y anuncios en
                        classroom.
                    </p>
                </div>
                <video src="https://plataformasaudiovisuales.cl/videos/S7_V2.mp4" width="auto" height="auto" controls
                    controlsList="nodownload" poster="assets/images/poster-semana-7-video-2.png"
                    class="my-md-5 mt-4  col-12 col-md-8"></video>
                <br>
                <!--Linea y salto-->
                <hr><br>
            </section>

            <section class="text-center pt-2 col-12">
                <h3 class="mt-1 mb-5 col-12" id="title-video-1">Video 3: Corrige y retroalimenta el trabajo de tus
                    alumnos.
                </h3>
                <div class="col-12">
                    <p class="px-2 mx-0 col-12 text-center">En este video aprenderás a asignar calificaciones y mensajes
                        de retroalimentación a tus alumnos.

                    </p>
                </div>
                <video src="https://plataformasaudiovisuales.cl/videos/S7_V3.mp4" width="auto" height="auto" controls
                    controlsList="nodownload" poster="assets/images/poster-semana-7-video-3.png"
                    class="my-md-5 mt-4  col-12 col-md-8"></video>
                <br>
                <!--Linea y salto-->
                <hr><br>
            </section>

            <section class="text-center pt-2 col-12">
                <h3 class="mt-1 mb-5 col-12" id="title-video-1">Video 4: Organiza las calificaciones
                </h3>
                <div class="col-12">
                    <p class="px-2 mx-0 col-12 text-center">En este video podrás exportar notas desde classroom a una
                        hoja de cálculo y organizar las calificaciones desde
                        classroom.
                    </p>
                </div>
                <video src="https://plataformasaudiovisuales.cl/videos/S7_V4.mp4" width="auto" height="auto" controls
                    controlsList="nodownload" poster="assets/images/poster-semana-7-video-4.png"
                    class="my-md-5 mt-4  col-12 col-md-8"></video>
                <br>
                <!--Linea y salto-->
                <hr><br>
            </section>

            <section class="text-center pt-2 col-12">
                <h3 class="mt-1 mb-5 col-12" id="title-video-1">Video 5: Crea rúbricas de evaluación
                </h3>
                <div class="col-12">
                    <p class="px-2 mx-0 col-12 text-center">En este video aprenderás a crear y editar rúbricas de
                        evaluación desde classroom.
                    </p>
                </div>
                <video src="https://plataformasaudiovisuales.cl/videos/S7_V5.mp4" width="auto" height="auto" controls
                    controlsList="nodownload" poster="assets/images/poster-semana-7-video-5.png"
                    class="my-md-5 mt-4  col-12 col-md-8"></video>
                <br>
                <!--Linea y salto-->
                <hr><br>
            </section>



            <!--fin del div mobile-->
        </div>

        <!--formulario-->
        <section class="container-fluid p-3 text-center" id="div-m-apoyo">
            <a class="shadow"
                href="https://docs.google.com/document/d/1-QIaaXMLEQE4Io8Aba6uwrnN4iZgiZXc3t0MdnWrYbk/edit?usp=sharing"
                target="_blank">
                <h2 class="">Modulo Practico</h2>
            </a>
        </section>
        <section class="container-fluid p-3 text-center text-white" id="div-autoev">
            <a class="shadow" href="https://forms.gle/CCA9nZsfL49SBhpz7" target="_blank">
                <h2>Formulario de Autoevaluación</h2>
            </a>

        </section>

        <section class="container-fluid p-3 text-center" id="div-m-apoyo">
            <a class="shadow" href="https://forms.gle/xwx7hp2Az5ACHfYi8" target="_blank">
                <h2 class="">Formulario de Preguntas</h2>
            </a>
        </section>

        <section class="container row my-3" id="group-btns">
            <div class="text-center col-12 p-3  mx-5">
                <a href="cursos.html">
                    <button class="btn text-center shadow m-2" id="btn-atras">Atrás</button>
                </a>
                <button class="btn text-center shadow m-2" onclick="logOut()">Cerrar sesión</button>
                <a href="https://meet.google.com/yev-yugg-frj" target="_blank">
                    <button class="btn text-center shadow m-2" id="btn-reu-meet">
                        <img src="assets/images/google_meet.svg" alt="" height="20px"><span>Reunión Meet</span>
                    </button>
                </a>
            </div>
        </section>
    </div>

    <footer class="container-fluid" id="footer-id">
        <section class="container">
            <p class="copy">2021 Todos los derechos reservados. Plataformas Audiovisuales</p>
        </section>
    </footer>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
        integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
        crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.js"
        integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

    <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->

    <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
    <script src="https://www.gstatic.com/firebasejs/8.3.1/firebase-app.js"></script>

    <!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
    <script src="https://www.gstatic.com/firebasejs/8.3.1/firebase-analytics.js"></script>

    <!-- Add Firebase products that you want to use -->
    <script src="https://www.gstatic.com/firebasejs/8.3.1/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.3.1/firebase-firestore.js"></script>

    <script>
        var firebaseConfig = {
            apiKey: "AIzaSyADc0TZlRgAiX0f--6wLhMLpeh8KugwMFk",
            authDomain: "curso-ccc-1.firebaseapp.com",
            databaseURL: "https://curso-ccc-1-default-rtdb.firebaseio.com",
            projectId: "curso-ccc-1",
            storageBucket: "curso-ccc-1.appspot.com",
            messagingSenderId: "912929060318",
            appId: "1:912929060318:web:c56e4739b8ef69d73e194f"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);

        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl)
        })
    </script>
    <script src="assets/js/ingreso-2.js"></script>
</body>

</html>