    <div class="modal  fade" id="ModalHelpinstitucion"  role="dialog" aria-labelledby="myModalLabel" data-show="true" data-keyboard="true" data-backdrop="true">


      @include('modules.helps.headermodal')
      <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <p class="lead">
                    <strong><i class="zmdi zmdi-alert-triangle"></i> &nbsp; ¡Importante! </strong>Para desplazarte por esta ventana debes de mantener pulsado el botón izquierdo del 
                    Mouse o Touchpad en la barra de scroll y desplazarla hacia abajo o hacia arriba según donde te encuentres.
                    <br><br>
                    Para <strong>cerrar la ventana</strong> pulsa el botón <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; De acuerdo</button> que se encuentra en la parte inferior.
                </p>
            </div>
            <div class="col-xs-12 col-md-6">
                <figure>
                    <img class="img-responsive center-box" src="">
                </figure>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="page-header">
              <h2 class="all-tittles">Ayuda <small>inicio</small></h2>
          </div>
          <div class="col-xs-12">
            <p class="text-help">

                <table id="example2" class="table table-bordered table-hover table-striped" cellspacing="0" width="100%">
                    <tr>
                        <H4 style="color:teal;">Pantalla principal del módulo.</H4>
                        <p>
                        La pantalla principal cuenta con una tabla en la que se muestran los valores ingresados al sistema en un módulo especifico, muestra a detalle la información que pertenece a la institución educativa que utilizará el sistema informatico SISCAA.</b><br></p>
                    </tr>
                    <tr>
                        <div class="col-sm-12">
                          <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalinstitucion.png') }}" alt="Photo">
                      </div><br><br>
                  </tr>
             <br><br>

          <H4 style="color:teal;">Acciones dentro del módulo materias.</H4>

      Los botones representan las opciones disponibles en el sistema, haz click en los botones para acceder a la opción que deseas.</b><p><br>
          <H4 style="color:teal;">Registro de una institución.</H4>
          <p class="text-help">
            Proceso que se realizará al comenzar a usar el sistema informático para recopilar la información de la institución educativa que utilizará el sistema informatico.<br>

            Para hacer el registro de una nueva institución se deben seguir los siguientes pasos:
        </b><p><br>
         1- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Nuevo</button> Al acceder al botón Nuevo se desplegará un formulario en el cual podemos ingresar la información de la institución que utilizará el sistema informático.<br>
         2- Llenar valores en el formulario(algunos valores en el formualrio presentan el signo(*) el cual significa que son obligatorios para guardar el registro, cuando la cantidad de registros solicitada por el sitema es muy grande el formulario se divide en pestañas para tener un mejor orden de los datos, favor verificar que todos los campos esten completos antes de guardar la información.).<br>
          <div class="col-sm-12">
                          <img class="img-responsive" src="{{ asset('/helpimages/nuevainstitucion1.png') }}" alt="Photo">
                      </div><br><br>
         3- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> Guardar valores en base de datos .<br><br>
        <div class="col-sm-12">
                          <img class="img-responsive" src="{{ asset('/helpimages/nuevainstitucion2.png') }}" alt="Photo">
                      </div><br><br>

         4- <button type="button" class="btn btn-default btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Cerrar</button> Cierra el formulario y se cancela la acción de modificar una materia.<br><br><br>
          <H4 style="color:teal;">Volver a menú principal.</H4>
          <p class="text-help">
            Para volver al menú principal se deben seguir los siguientes pasos:
        </b><p><br>
            1- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Inicio</button> Al acceder al botón Inicio el sistema nos mostrará un mensaje que nos indicará si deseamos volver a la pantalla principal del informático si aceptamos abandonaremos el módulo de materias, si deseamos anular la operacion damos clic en el botón cancelar.<br>
            <div class="col-sm-12">
              <img class="img-responsive" src="{{ asset('/helpimages/inicioperiodo1.png') }}" alt="Photo">
          </div><br><br>
      </p>
  </table>
</div>
<div class="col-xs-12">
    <figure>
        <img class="img-responsive center-box" src="">
    </figure>
</div>
</div>
</div>
@include('modules.helps.footermodal')


