    <div class="modal  fade" id="ModalHelpprincipal"  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 sistema informático SISCAA.</H4>
                        <p>
                        La pantalla principal del sistema informático SISCAA cuenta con diversas partes que se detallarán a continuación.</b><br></p>
                    </tr>
                    <tr>
                        <div class="col-sm-12">
                          <img class="img-responsive" src="{{ asset('/helpimages/pantallaprincipalsistema.png') }}" alt="Photo">
                      </div><br><br>
                  </tr>
              La pantalla principal cuenta con una barra de tareas color celeste en la parte superior de la pantalla, en la cual podemos encontrar la imagen del usuario y el nombre del usuario, al lado derecho aparece un pequeño menú el cual nos muestra acciones como ver perfil del usuario, cerrar sesión y configuar información de la institución.</b><p><br>
                <div class="col-sm-12">
                  <img class="img-responsive" src="{{ asset('/helpimages/barradetareas.png') }}" alt="Photo">
              </div><br><br>
              El menú principal del sistema se encuentra al lado izquierdo de la pantalla principal en el podemos encontrar los diversos módulos, submódulos y reportes del sistema informático SISCAA, justo arriba del menu principal se encuentra el logo de la institución que esta utilizando el sistema informático.
          </b><p><br>
            <div class="col-sm-12">
              <img class="img-responsive" src="{{ asset('/helpimages/menuprincipal.png') }}" alt="Photo">
          </div><br><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')