<!DOCTYPE html>
<html lang="es">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="csrf-token" content="{{ csrf_token() }}" />

  <title>.:PROCESO DE INSCRIPCIÓN ENERO 2020:.</title>

  <link href="{{ asset('public/docs/css/themes-smoothness-jquery-ui.css') }}" rel="stylesheet" type="text/css" />
  <link href="{{ asset('public/docs/css/bootstrap.min.css') }}" rel="stylesheet">
  <link href="{{ asset('public/docs/fonts/css/font-awesome.min.css') }}" rel="stylesheet">

  <!-- Custom styling plus plugins -->
  <link href="{{ asset('public/docs/css/custom.css') }}" rel="stylesheet">
  <link href="{{ asset('public/docs/css/nice.css') }}" rel="stylesheet">
  <link href="{{ asset('public/docs/css/jquery-ui.css') }}" rel="stylesheet">
  <script src="{{ asset('public/docs/js/jquery.min.js') }}" ></script>
  <script src="{{ asset('public/docs/js/mascara.js') }}" ></script>
  <script src="{{ asset('public/docs/js/bootstrap.min.js') }}" ></script>
  
</head>

<body  class="nav-md " style="background:#fff;">
    <div id='loading' style='display: none;'>
      <div class='container-fluid' style='margin:-110px 0 0 -82px; position:absolute; top:50%; left:50%; text-align:center'></div>
      <div><img src="{{ asset('public/docs/images/Petirrojos.jpg') }}" class='imgPeti' style='width:70px; height:70px;' /></div>
      <div class='spinner'>
        <div class='bounce1'></div>
        <div class='bounce2'></div>
        <div class='bounce3'></div>
      </div>
    </div>
  <div id='todo' style='color: #053e88;'>
    <div class="">
      <div id='tit' class='log_tit'>
        <h1>PROCESO DE INSCRIPCIÓN ENERO 2020<br>
          <small><span class='visible-lg visible-md'>CARGA DE DOCUMENTOS</span>
          <span>DEPARTAMENTO DE SERVICIOS ESCOLARES</span></small></h1>
      </div>
      <div id="wrapper">
        <div class='col-lg-1 col-md-1 visible-lg visible-md'></div>
        <div class='col-lg-5 col-md-5 col-sm-6 visible-lg visible-md visible-sm cen'>
          <img src="{{ asset('public/docs/images/logotec.png') }}" width='300px;' height="250px">
        </div>
        <div class='col-lg-5 col-md-5 col-sm-6 col-xs-12 '>
          <div class='col-lg-1 col-md-1 col-sm-1 visible-lg visible-md visible-sm '></div>
          <div class='row'>
            <div class='visible-xs col-xs-12 cen'><img src="{{ asset('public/docs/images/logo.png') }}" width='250px;' height="230px"></div>
            <div id="login" class="animate form">
              <section class="login_content">
                <form action="javascript:login()" method="POST" name="form-inicio-sesion" id="form-inicio-sesion">
                  <h1>BIENVENIDO/A</h1>
                  <div>
                    <input type="text" id="folio" name="folio" class="form-control" placeholder="No. Solicitud" required="" />
                  </div>
                  <div>
                    <input type="password" id="password" name="password" class="form-control" placeholder="Contraseña" required="" />
                  </div>
                  <div>
                    <button type='submit' id="btn_inicio" class="btn btn-dark submit" data-loading-text="Cargando..."  >Iniciar sesión</button>
                  </div>
                </form>
                <!--<div>
                  <a href="https://www.itzitacuaro.edu.mx/control_poa/6dd9540d07bc9cd5f3d9c1fc564c55aa.html" class="" >Olvide mi contraseña</a>
                </div>--> 
                <div id="respuesta" >&nbsp;</div>
              </section>
            </div>
          </div>
          <div class='col-lg-1 col-md-1 col-sm-1 visible-lg visible-md visible-sm'></div>
        </div>
        <div class='col-lg-1 col-md-1 visible-lg visible-md'></div>
      </div>
    </div>
  </div>
  <script src="{{ asset('public/docs/js/funciones.js?v7') }}"></script>
</body>
</html>
