@extends("frontend.includes.layout")

@section('links')
<link href="/vendor/mooviejs/css/moovie.css" rel="stylesheet" />

<link rel="stylesheet" href="/vendor/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="/vendor/owlcarousel/assets/owl.theme.default.min.css">

@section('scripts')
    <script type="text/javascript" src="/vendor/mooviejs/js/moovie.js"></script>

    <script src="/vendor/owlcarousel/owl.carousel.js"></script>
    <script src="/vendor/owlcarousel/owl.carousel.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".owl-carousel").owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                autoplay: true,
                responsiveClass: true,
                controls: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 1
                    },
                    1000: {
                        items: 2
                    },
                    1400: {
                        items: 3
                    }
                }

            });
        });
    </script>
    <script>
        let video = null;

        document.addEventListener("DOMContentLoaded", function () {
            video = new Moovie({
                selector: "#video-main",
                dimensions: {
                    width: "100%"
                },
                config: {
                    controls: {
                        playtime: true,
                        mute: true,
                        volume: true,
                        subtitles: false,
                        config: false,
                        fullscreen: true,
                        submenuCaptions: false,
                        submenuOffset: false,
                        submenuSpeed: false,
                        allowLocalSubtitles: false
                    },
                },
                icons: {
                    path: "/vendor/mooviejs/icons/"
                }
            });
        });
    </script>

@endsection

@section('content')

    <!-- MAIN-->
    <main id="main">

        <!-- CAREER DETAIL-->
        <section class="section p-t-100 p-b-80">

            <div class="container">
                <article class="blog-detail-1">
                    <header class="entry-header">
                        <h1 class="project-style-1" style="font-size: 60px; letter-spacing: -2px; color: #22418b">
                            Preparatoria General</h1><br>
                        {{-- <span class="entry-date">RVOE: 128762185312</span> --}}
                    </header>
                </article>
            </div>


            <div class="container">

                <div class="row">
                    <div class="col-3">
                        <div class="pitem-info-row">
                            <div class="pitem-info-label">
                                <i class="fas fa-clock"></i>
                                Duración:
                            </div>
                            <div class="pitem-info-label-text">6 semestres</div>
                        </div>
                    </div>

                    <div class="col-3">
                        <div class="pitem-info-row">
                            <div class="pitem-info-label">
                                <i class="fas fa-user"></i>
                                Modalidad:
                            </div>
                            <div class="pitem-info-label-text">Presencial</div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="pitem-info-row">
                            <div class="pitem-info-label">
                                <i class="fas fa-calendar-alt"></i>
                                Inicio:
                            </div>
                            <div class="pitem-info-label-text">Agosto y Febrero</div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="pitem-info-row">
                            <div class="pitem-info-label">
                                <i class="fas fa-certificate"></i>
                                RVOE:
                            </div>
                            <div class="pitem-info-label-text">128762185312</div>
                        </div>
                    </div>

                    <hr style="padding-bottom: 40px;">

                </div>



                <div id="carousel-offert" class="carousel slide mb-5" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-offert" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-offert" data-slide-to="1"></li>
                        <li data-target="#carousel-offert" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="/images/1com.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="/images/1com.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="/images/1com.jpg" class="d-block w-100" alt="...">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carousel-offert" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carousel-offert" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>



                <hr style="padding-bottom: 40px;">



                <div class="row">

                    <div class="col-md-7 ">
                        <div class="video-js-offert ">
                            <video id="video-main" poster="/images/prepa-general.jpg" class="elevate-card">
                                <source src="/video/index.mp4" type="video/mp4" />
                                <p class="vjs-no-js">
                                    Para ver este video, habilite JavaScript y considere actualizar a un navegador web.
                                </p>
                            </video>
                        </div>
                    </div>

                    <div class="col-md-5 elevate-card">
                        <h2 style="padding-bottom: 10px; color: #22418b;">Solicitar información.</h2>
                        @include('frontend.includes.forms.form')
                    </div>



                    <div class="col-md-12">
                        <br>
                        <br>
                        <br>
                    </div>

                    <div class="col-md-10">
                        <h2 style="padding-bottom: 20px; color: #22418b;">Plan de la carrera<br>_</h2>
                        <p class="text-justify">
                            Este bachillerato consta de 6 semestres acudiendo de lunes a viernes. A partir de tercer
                            semestre tendrá un componente de formación para el trabajo en el área de tecnologías de
                            la información y la comunicación. Al concluir de manera aprobatoria todas las materias
                            de los 6 semestres se otorga certificado de terminación de estudios avalado por la
                            Dirección General de Bachilleratos (SEP).
                        </p>

                        <hr style="padding-bottom: 40px;">
                        <h2 style="padding-bottom: 20px; color: #22418b;">Objetivo<br>_</h2>
                        <p class="text-justify">
                            El Bachillerato General brinda la posibilidad de formar al estudiante en conocimientos,
                            habilidades, actitudes y valores que coadyuven a su consolidación como individuo en el
                            aspecto psicológico, intelectual, productivo y social, es decir a su formación integral.
                        </p>

                        <hr style="padding-bottom: 40px;">
                        <h2 style="padding-bottom: 20px; color: #22418b;">Perfil del Egreso<br>_</h2>
                        <div class="list list-done text-justify">
                            <ul>
                                <li>El alumno será capaz de desarrollar los procesos lógicos que le permitan analizar y
                                    explicar diversos fenómenos naturales y sociales del medio circundante desde
                                    distintas dimensiones y perspectivas.</li>
                                <li>Aplicar en su vida cotidiana los conocimientos de diferentes disciplinas y ciencias
                                    en la resolución de problemas, con base en principios, leyes y conceptos.</li>
                                <li>Interpretar de manera reflexiva y crítica el quehacer científico su importancia
                                    actual y futura y tomar conciencia.</li>
                                <li>Asumir una actitud propositiva ante los problemas que lo afectan, atendiendo los más
                                    significativos de su entorno.</li>
                                <li>Que tenga la claridad en su proyecto de vida, teniendo bien definido el trayecto a
                                    seguir en el nivel superior y siempre generar el alcanzar sus exceptivas en todos
                                    los ámbitos.</li>
                            </ul>
                            <p>


                            </p>


                        </div>
                        <hr style="padding-bottom: 40px;">
                        <h2 style="padding-bottom: 20px; color: #22418b;">Ventajas<br>_</h2>
                        <div class="list list-arrow-right text-justify">
                            <ul>

                                <li>Grupos reducidos (máximo 33 alumnos).</li>
                                <li>Inglés por niveles y opción a clases de un tercer idioma. hola</li>
                                <li>Modelo Emprender para Aprender</li>
                                <li>Acompañamiento de departamento Psicopedagógico</li>
                                <li>Talleres deportivos y culturales</li>
                                <li>Clases participativas y aulas equipadas con pizarrones interactivos, audio e
                                    internet
                                    de fibra óptica. Laboratorio de cómputo, aula interactiva y laboratorio de
                                    ciencias
                                    naturales</li>


                            </ul>


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


                <hr style="padding-bottom: 40px;">

                <div class="row">
                    <div class="col-md-12">

                        <div class="img-section" style="
                                                            background: url(/images/oferta/offer_back.jpeg) no-repeat center center;
                                                            background-size: cover;
                                                            background-attachment: fixed;
                                                            background-color: #707d9e;
                                                            height: 250px;">
                            <div class="overlay">
                                <div class="container">
                                    <div class="wrapper">

                                    </div> <!-- /.wrapper -->
                                </div> <!-- /.container -->
                            </div> <!-- /.overlay -->
                        </div>
                    </div>
                </div>


                <hr style="padding-bottom: 40px;">


                <!-- PLAN DE ESTUDIOS – INICIA -->
                <div class="row justify-content-center">
                    <div class="col-md-12">

                        <div class="comments-area">
                            <h2 style="padding-bottom: 40px; color: #22418b;">Plan de Estudios | 6 Semestres<br>_
                            </h2>

                            <div class="owl-carousel owl-theme owl-loaded dotsBlue navAngle">
                                <div class="owl-stage-outer">
                                    <div class="owl-stage">
                                        <div id="a1" class="owl-item">
                                            <article class="comment-body">
                                                <header class="comment-meta">
                                                    <div class="comment-author vcard">
                                                        <img class="avatar" src="/images/01.png"
                                                            alt="Universidades en Santa Anita">
                                                        <b class="fn" style="color: #22418b; padding-bottom: 10px;">1er.
                                                            Semestre</b>
                                                    </div>

                                                </header>
                                                <div class="comment-content"><br>
                                                    <p>
                                                        – Matemáticas I<br>
                                                        – Química I<br>
                                                        – Ética I<br>
                                                        – Metodología de la Investigación<br>
                                                        – Talleres deportivos y culturales<br>
                                                        – Taller de Lectura y Redacción I<br>
                                                        – Inglés I<br>
                                                        – Nivelación Matemáticas<br>
                                                        – Nivelación Lectora<br>
                                                        – Nivelación Metodología<br>
                                                        – Actividades Paraescolares Talleres
                                                        Culturales/Deportivos<br>
                                                        – Emprendimiento I<br>

                                                    </p>


                                                </div>
                                            </article>
                                        </div>
                                        <div id="a2" class="owl-item">
                                            <article class="comment-body">
                                                <header class="comment-meta">
                                                    <div class="comment-author vcard">
                                                        <img class="avatar" src="/images/02.png"
                                                            alt="Universidades en Santa Anita">
                                                        <b class="fn" style="color: #22418b; padding-bottom: 10px;">2do.
                                                            Semestre</b>
                                                    </div>

                                                </header>
                                                <div class="comment-content"><br>
                                                    <p>
                                                        – Matemáticas II<br>
                                                        – Química II<br>
                                                        – Ética II<br>
                                                        – Introducción a las Ciencias Sociales<br>
                                                        – Taller de Lectura y Redacción II<br>
                                                        – Inglés II<br>
                                                        – Informática II<br>
                                                        – Actividades Paraescolares Talleres Culturales/Deportivos<br>
                                                        – Emprendimiento II
                                                    </p>
                                                </div>

                                            </article>
                                        </div>
                                        <div id="a3" class="owl-item">
                                            <article class="comment-body">
                                                <header class="comment-meta">
                                                    <div class="comment-author vcard">
                                                        <img class="avatar" src="/images/03.png"
                                                            alt="Universidades en Santa Anita">
                                                        <b class="fn" style="color: #22418b; padding-bottom: 10px;">3er.
                                                            Semestre</b>
                                                    </div>

                                                </header>
                                                <div class="comment-content"><br>
                                                    <p>
                                                        – Matemáticas III<br>
                                                        – Biología I<br>
                                                        – Física I<br>
                                                        – Historia de México I<br>
                                                        – Literatura I<br>
                                                        – Inglés III<br>
                                                        – Operación del equipo de cómputo<br>
                                                        – Diferenciar las funciones del sistema operativo, insumos y
                                                        mantenimiento del equipo de cómputo<br>
                                                        – Actividades Paraescolares Talleres Culturales/Deportivos<br>
                                                        – Emprendimiento III
                                                    </p>
                                                </div>
                                            </article>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

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

            <br>







        </section>
        <!-- END CAREER DETAIL-->


    </main>
    <!-- END MAIN-->


@endsection