    <div class="modal  fade" id="ModalHelpasignacion"  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 diferentes bachilleratos que se imparten en la institución, a los cuales les podremos asignar sus respectivas materias por bachillerato.</b><br></p>
                </tr>
                <tr>
                    <div class="col-sm-12">
                      <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalasignacion.png') }}" alt="Photo">
                  </div><br><br>
              </tr>
          La pantalla principal cuenta con opción de busqueda la cual se realiza dentro de la tabla principal cuando se requiera buscar información especifica de un bachillerato.</b><p><br>
            <div class="col-sm-12">
              <img class="img-responsive" src="{{ asset('/helpimages/busqueda1.png') }}" alt="Photo">
          </div><br><br>
          Para tener una mejor organización de los datos en la pantalla principal tenemos la opcion de eligir la cantidad de valores a mostrar dentro de la tabla esta acción es de gran utilidad cuando existe una gran cantidad de datos en el módulo.
      </b><p><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/mostrarregistros1.png') }}" alt="Photo">
      </div><br><br><br>

      <H4 style="color:teal;">Acciones dentro del módulo asignación de 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;">Ir a asignar materias.</H4>
      <p class="text-help">
        Para cambiar el estado del periodo 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; Ir</button> Al acceder al botón Ir se desplegará un mensaje el cúal nos preguntará si deseamos ir a la asignación de materias a agun bachillerato especifíco que se haya seleccionado, de manera que nos enviará a una nueva pantalla en la cúal se realizará a asignación 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/irasignacion1.png') }}" alt="Photo">
      </div><br><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/irasignacion2.png') }}" alt="Photo">
      </div><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 asignación 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')