    <div class="modal  fade" id="ModalHelpsubiralumno"  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> <small> Siscaa</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>
                    1. La pantalla principal cuenta con un pequeño formulario en el cual podemos elegir un archivo de excel, el cual debe contener todas las columnas con la información del los estudiantes de manera ordenada como en la base de datos, en caso contrario no se podra subir la información y se generará un error al momento de intertar subir llos datos.</b><br></p>
                </tr>
               
      </b><p><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalsubiralumnos.png') }}" alt="Photo">
      </div><br><br><br>

      <H4 style="color:teal;">Acciones dentro del cargar alumnos.</H4>

    El módulo de cargar alumnos nos permite almacenar la información de muchos estudiantes al mismo tiempo este proceso se realiza extrayendo la información de los estudiantes de un archivo de excel el cual debe contener los campos de la tabla alumno de la base de datos, el proceso es buscar el archivo en la pc y luego seleccionarlo, una vez se haya elgido el archivo damos clic en el boton <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Cargar Datos</button>, para posteriormente almacenar la información, si el proceso se realiza de manera satisfactoria el sistema nos mostrará un mensaje de confirmación .
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/subirarchivoalumno1.png') }}" alt="Photo">
      </div><br><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/subirarchivoalumno2.png') }}" alt="Photo">
      </div><br><br>
  </p>

      <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 sistema informático si aceptamos abandonaremos el módulo de cargar alumnos, 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')