<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Movimio</title>

         
            <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
            <!-- Bootstrap core CSS -->
            <link href="/css/public/bootstrap-reboot.min.css" rel="stylesheet">
               <link href="/css/public/bootstrap-grid.min.css" rel="stylesheet">
            <link href="/css/public/bootstrap.min.css" rel="stylesheet">
            <!-- Owl Carousel CSS -->
            <link href= "/css/public/owl.carousel.css" rel="stylesheet">
            <link href="/css/public/owl.theme.default.min.css" rel="stylesheet">
            <!-- Icon CSS -->
            <link href="/css/public/font-awesome.min.css" rel="stylesheet">
            <!-- Icon CSS -->
            <link href="/css/public/animate.css" rel="stylesheet">
            <!-- Custom styles for this template -->
            <link href="/css/public/style_movimio.css" rel="stylesheet">
            <!-- Modernizr JS -->
            <script src="/js/public/modernizr.min.js"></script>


    </head>

  <!--body class="fixed-left"-->
    <body class="fixed-left" style="background-color:#b0d0ff;">
        
           <!--div id="wrapper" class="forced"-->
        <section>
         <div class="container">
            <div class="row">
          <nav class="navbar navbar-custom navbar-expand-lg navbar-light">
            <div class="container">
                <a class="navbar-brand logo" href="/">Movim.io</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsMenu" aria-controls="navbarsMenu" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

               <div class="collapse navbar-collapse" id="navbarsMenu">

                </div>
            </div>
    </nav>
</div>
</section>
        <!-- ========== Left Sidebar end ========== -->

        <!-- ========== main content start ========== -->
        <div class="content-page">

            <!-- content -->
            <div class="content">
                

<div class="account-pages"></div>
<div class="clearfix"></div>
<div class="wrapper-page">
    <div class=" card-box">
        <div class="panel-heading">
            <h3 class="text-center">ACCESO A ZONA PRIVADA</h3>
        </div>


        <div class="panel-body">
            <form action="/login_check" method="post" class="form-horizontal m-t-20">
            <input type="hidden" name="_csrf_token" value="kBMQD2YJ2A1Fg_QjDyS7w74NMAPDxDcIxFQJtaf63J0" />
    
    <div class="form-group ">
                    <div class="col-xs-12">
                        <input class="form-control" type="text" id="username" name="_username" value="" required="required" placeholder="Usuario"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-12">
            <input class="form-control" type="password" id="password" name="_password" required="required" placeholder="Contraseña"/>
                    </div>
                </div>
                 <div class="form-group ">
                    <div class="col-xs-12">
                        <!--div class="checkbox checkbox-primary">
                             <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
                              <label for="remember_me">Recuérdame</label>
                        </div-->
                        <a href="/resetting/request"> Olvidé la contraseña </a>

                    </div>
                </div>
                 <div class="form-group text-center m-t-40">
                    <div class="col-xs-12">
                        <button class="btn btn-primary btn-block text-uppercase waves-effect waves-light"
                                type="submit">Acceso
                        </button>

                    </div>
                </div>

        </form>
                </div>
    </div>

</div>




            </div>

            <!-- content -->

            <!-- footer -->

        </div>
                </div>

<footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p class="copyright"><?php echo Date('Y') ?>2018 © Movimio. Todos los derechos reservados.</p>
                </div>
                <div class="col-md-6">
                    <ul class="legal-nav">
                        <li><a href="/avisoLegal">Aviso Legal</a></li>
                        <li><a href="/condicionesVenta">Condiciones de Venta</a></li>

                    </ul>
                </div>
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </footer>




                
        <script src= "https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="/js/public/jquery.min.js"></script>
    <script src="/js/public/popper.min.js"></script>
    <script src="/js/public/waves.js"></script>
    <script src="/js/public/bootstrap.min.js"></script>
    <!-- Jquery easing -->
    <script type="text/javascript" src="/js/public/jquery.easing.1.3.min.js"></script>
    <!-- Custom JS -->
    <script type="text/javascript" src="/js/public/main.js"></script>
    <!-- Owl Carousel -->
    <script type="text/javascript" src= "/js/public/owl.carousel.min.js"></script>
    <!--common script for all pages-->
    <script src="/js/public/jquery.app.js"></script>

            </body>
</html>
