<!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">
        
           <!--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">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                           <a class="nav-link" href="/contacto">CONTACTO</a>
                        </li>
                        <li class="nav-item">
                            <a href="/private" class="btn btn-custom navbar-btn" id="btn-acceso">ACCESO</a>

                        </li>

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

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

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


 <!-- HOME -->
    <section class="home bg_contact">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <div class="full-screen">
                        <div class="home-wrapper home-wrapper-alt">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END HOME -->




    <section class="section" id="formulario-contacto">
      <form name="form" class="form-horizontal" method="post">
        <div class="container container-contact-page">
            <div class="row">

            <div class="col-md-5">
                <div class="card-box car-box-contacto">
                    <div class="panel-heading m-b-20">
                        <h3 class="text-center"> Contacta con <br>Movimio</h3>
                        <p class="text-center m-t-20">Para más información, contacta con nosotros a través del siguiente formulario:</p>
                    </div>

                    <div class="p-20">

                            <div class="form-group-custom">
                              <input type="text" id="form_username" name="form[username]" required="required" required="required" />     
                                <label class="control-label" for="user-name">Nombre</label><i class="bar"></i>
                            </div>

                            <div class="form-group-custom">
                              <input type="email" id="form_useremail" name="form[useremail]" required="required" required="required" />
                                <label class="control-label" for="user-email">Email</label><i class="bar"></i>
                            </div>
                            <div class="form-group-custom">
                               <textarea id="form_message" name="form[message]" required="required" required="required"></textarea>
                                <label class="control-label">Mensaje</label><i class="bar"></i>
                            </div>

                    </div>

                </div>
            </div>

            <div class="col-md-7">
                <span class="icon-info-legal"><i class="fa fa-info-circle" aria-hidden="true"></i></span>
                    <table class="table table-legal">

                        <tbody>
                            <tr>
                                <th scope="row">Responsable</th>
                                <td>Electronic Certification Services, S.L</td>
                            </tr>
                            <tr>
                                <th scope="row">Finalidad</th>
                                <td>Identificar a los usuarios para permitir el acceso a los servicios contratados, así como la gestión administrativa de los mismos. Actualización informativa relativa a los servicios prestados ya sea por corrección, modificación, mejora o ampliación <a href="/proteccionDatos"> [ + ] </a></td>
                            </tr>
                            <tr>
                                <th scope="row">Legitimación</th>
                                <td>Interés legítimo de la entidad para realizar las gestiones administrativas y contables que son de obligado cumplimiento <a href="/proteccionDatos"> [ + ] </a></td>
                            </tr>
                            <tr>
                                <th scope="row">Destinatarios</th>
                                <td>ECS no realiza transferencias de datos personales a terceros sin el consentimiento expreso del interesado ni a países terceros fuera del ámbito del RGPD <a href="/proteccionDatos"> [ + ] </a></td>
                            </tr>
                            <tr>
                                <th scope="row">Derechos</th>
                                <td>Los interesados pueden ejercer los derechos reconocidos por el RGPD en el siguiente formulario <a href="/formularioDerechos"> [ + ] </a></td>
                            </tr>
                            <tr>
                                <th scope="row">Procedencia</th>
                                <td>Los datos son facilitados por el propio interesado o por terceros autorizados o legitimados   <a href="/proteccionDatos"> [ + ] </a></td>
                            </tr>
                        </tbody>
                    </table>


                     <div class="form-group m-l-20">
                            <div class="col-12">
                                <div class="checkbox checkbox-primary">
                                    <label for="leido" class="text-muted font-13"> Afirma haber leído y comprendido las condiciones del tratamiento que Electronic Certification Services, S.L va a realizar sobre los datos que se depositen en el siguiente formulario de contacto.</label>
                                    SI <input id="leido" type="radio" name="leido" class="m-r-10" value="si"   required="required">
                                    NO <input id="leido" type="radio" name="leido" value="no" >
                                    
                                </div>
                            </div>
                    </div>

                     <div class="form-group m-l-20">
                            <div class="col-12">
                                <div class="checkbox checkbox-primary">
                                    <label for="autorizo" class="text-muted font-13"> Autoriza a Enicons S.L a conservar los datos personales y/documentación aportada en la siguiente consulta durante un período de 12 meses, tras los cuales se eliminará definitivamente de su base de datos.</label>
                                    SI <input id="autorizo" type="radio" name="autorizo" class="m-r-10" value="si"   required="required">
                                    NO <input id="autorizo" type="radio" name="autorizo" value="no"  >
                                    
                                </div>
                            </div>
                    </div>

                  <div class="form-group acept-group m-l-20">
                            <div class="col-12">
                                <div class="checkbox checkbox-primary">
                                    <input id="legal-check3" type="radio" name="legal-check3" required="required">
                                    <label for="legal-check3" class="text-muted font-13 ">Acepto los <a href="/condicionesVenta" class="color-a">Términos y Condiciones del Servicio</a></label>
                                </div>
                            </div>
                    </div>
            </div>
        </div>
        <div class="row">
            <div class="offset-md-3 col-sm-6 text-center">
                <div class="form-group form-send-group text-center m-t-30">
                        <button class="btn btn-custom waves-effect waves-light btn-send-contact" onclick="document.forms['form'].submit()">Enviar</button>
                        </div>
                </div>
            <!-- end row -->
         </div>
        </div>
</form>
    </section>




            </div>

            <!-- content -->

            <!-- footer -->

        </div>
                </div>

<footer class="footer_login">
        <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>
