<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Registro</title>
		<link rel = "stylesheet" href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
		<link rel = "stylesheet" href = "css/kachafruit.css">	 
		<script src = "https://code.jquery.com/jquery-1.11.3.min.js"></script>
		<script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
	    <script src = "hoferta.js"></script>				
		<script src="js/login.js"></script>
		<script src = "js/navegar.js"></script>


</head>

<body>
    <section id="login" data-role="page">
        <header data-role="header" style='background-color:#E7BB41;color: WHITE;text-shadow: 0 1px 0 #C39619;'>
            <h1 style='background-color:#E7BB41;color: WHITE;text-shadow: 0 1px 0 #C39619;' >Kachafruit</h1>
        </header>
        <article data-role="content">
	<div div style="font-size:18px;">
		<h2>Bienvenido </h2>
		<p> A cualquier consulta le atendemos en <br>
			<strong>93 556 44 15</strong>  </p>
		<p> </p>
		
		_____________________________________________________</p>
	</div>		
		
            <form id="form_login">
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="txtuser">Usuario:</label>
                    <input type="text" name="txtuser" id="txtuser" value="" placeholder="Usuario" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="txtpassword">Clave:</label>
                    <input type="password" name="txtpassword" id="txtpassword" value="" placeholder="Clave" />
                </div>
                <input type="button" value="Entrar" id="btnLogin" style='background-color:TEAL;color: WHITE;text-shadow: 0 1px 0 #13520C;'>
            </form>
            <div id="errorMsg" style="background-color:red;color: #FFFFFF;">Usuario o Contraseña no valida</div>

    <div data-role = "footer" data-position="fixed">
		<a href='https://goo.gl/maps/1XcDVUhpigQKjT9EA'>c/ Longitudinal 7 nave 34 - 08040 (Mercabarna) </a>
	
	</div>	
        </article>
		
    </section>
    <!-- Aqui nuestro dialog con el mensaje de error  -->
    <section id="pageError" data-role="dialog">
        <header data-role="header">
            <h1>Error</h1>
        </header>
        <article data-role="content">
            <p>Usuario o contraseña no valida</p>
            <a href="#" data-role="button" data-rel="back">Aceptar</a>
        </article>
    </section>

</body>
</html>