@extends('template.general')
@section('metas')
    <meta name="description" content="Ingenireía en Mecatrónica">
    <meta name="keywords" content="Ingeniería,mecatrónica, Universidad,Hermosillo">
    <title>Universidad Kino - Ingeniería en Mecatrónica </title>
@endsection
@section('content')
    <!-- Contenido -->

    <div style="background: #124886;">
        <img src="/img/oe/banner/bsh.jpg" class="d-block w-100 animate pullDown" alt="Ingeniería en Sistemas Hidráulicos">
    </div>
    <div style="background: #124886;">
        <div class="container text-center p-4">
            <h3 class="font-weight-light text-light animate fadeIn">
            Agua para siempre.
            </h3>
        </div>
    </div>

    <div class="container-fluid bg-light">
        <div class="container p-4">
            <div class="col-lg-12">
                <h4 class="font-weight-light">Oferta educativa</h4>
                <h1>INGENIERÍA EN SISTEMAS HIDRÁULICOS</h1>

                <hr>
                <div class="row">

                    <div class="col-lg-9">

                        <!--<p class="text-justify">
                            </p>-->

                            <h4 class="text-left pt-4">PERFIL DE INGRESO</h4>
                        <hr>
                       <ul>
                            <li>Tener conciencia ambiental. </li>
                            <li>Mostrar afinidad por las matemáticas, física, química y biología. </li>
                            <li>Claro enfoque en la tecnología. </li>
                            <li>Capacidad para trabajar en equipo. </li>
                            <li>Haber concluido el bachillerato o equivalente. </li>
                       </ul>

                        <h4 class="text-left pt-4">PERFIL DE EGRESADO</h4>
                        <hr>
                        <ul class="text-justify">
                            <li>Aplicará sus conocimientos en el diseño de proyectos hídricos, como el riego agrícola, saneamiento, potabilización, en el uso habitacional y en la industria, de manera eficiente. </li>
                            <li>Resolverá problemas de manera práctica. </li>
                            <li>Colaborará con equipos multidisciplinarios. </li>
                            <li>Ejercerá su profesión con alto sentido ético y enfoque de sustentabilidad. </li>
                        </ul>
                    </div>
                    <div class="col-lg-3 border-left">
                        <h4 class="text-center">información adicional</h4>

                        <a href="#" class="btn btn-secondary btn-lg btn-block" data-toggle="modal" data-target="#PDE">
                            <i class="fas fa-book-reader"></i> <span class=" font-weight-light">Plan de estudios</span>
                        </a>

                        <a href="#" class="btn btn-secondary btn-lg btn-block" data-toggle="modal" data-target="#CAP">
                            <i class="fas fa-briefcase"></i> <span class=" font-weight-light">Campo profesional </span>
                        </a>

                        <a href="http://wa.me/526624514810?text=Me%20gustaría%20información%20sobre%20la%20Ingeniería%20en%20Sistemas%20Hidráulicos" class="btn btn-outline-success btn-lg btn-block" target="_blank"><i class="fab fa-whatsapp"></i> Solicita información</a>

                        <a class="btn btn-danger btn-lg btn-block" href="https://inscripciones.unikino.mx/"><i class="fas fa-clipboard-list"></i> Inscripciones</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL--->
    <div class="modal" id="CAP">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header bg-danger text-light" style="background-color:#641316 !important; ">
                    <h4 class="modal-title font-weight-light"><i class="fas fa-briefcase"></i> Campo de acción profesional</h4>
                    <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-3">
                            <img src="/img/oe/shmb.jpg" alt="" class="animate fadeIn img-fluid" style="max-width:175px;"/>
                        </div>
                        <div class="col-lg-9">
                            <p>
                             ► ÁREAS DE DESEMPEÑO PROFESIONAL
                            </p>
                            </p>
                            <ul>
                                <li>Diseño y construcción de sistemas de transporte y distribución de agua.</li>
                                <li>Diseño y construcción de estructuras y edificios de diversa naturaleza y distintos materiales para el uso hídrico.</li>
                                <li>Diseño de estructuras hidrológicas para el manejo de agua de lluvia, tormentas y crecientes.</li>
                                <li>Diseño y construcción de sistemas para aprovechar sosteniblemente, un acuífero subterráneo.</li>
                                <li>Diseño y construcción de sistemas de saneamiento de aguas.</li>
                                <li>Diseño y construcción de presas, cauces y estructuras para el control del agua.</li>
                                <li>Solución de problemas relacionados con el manejo de otros fluidos, distintos al agua.</li>

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

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                </div>

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



    <!-- Plan de Estudios -->
    <div class="modal" id="PDE">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header bg-danger text-light" style="background-color:#641316 !important; ">
                    <h4 class="modal-title font-weight-light"><i class="fas fa-book-reader"></i> Plan de estudios</h4>
                    <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                <div class="col-lg-12">
<a href="/img/pe/ish-g2023.jpg" target="_blank">
<img src="/img/pe/ish-g2023.jpg" class="img-fluid">
</a>
</div>

                </div>
                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                </div>

            </div>
        </div>
    </div>
@endsection