?
| Current Path : /home/webyoo/www/backup/allback/partenaires-lonlay/ |
| Current File : /home/webyoo/www/backup/allback/partenaires-lonlay/login.html |
<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<!-- CSS LIBRARY -->
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css">
<!-- ANIMATION -->
<link rel="stylesheet" type="text/css" href="css/lib/animate.css">
<!-- PAGE STYLE -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<title>NAULIER & ASSOCIES</title>
</head>
<body id="page-top" data-spy="scroll">
<!-- PRELOADER -->
<div class="preloader">
<div class="loading-wrap">
<div class="p-loading" data-loading="Chargement...">Chargement...</div>
</div>
</div>
<!-- END / PRELOADER -->
<!-- PAGE WRAP -->
<div id="page-wrap">
<!-- HEADER -->
<header id="header" class="header header-1">
<div class="container">
<!-- LOGO -->
<div class="logo" style="display:none;">
<a href="index.html">
<img src="images/logo.png" alt="">
</a>
</div>
<!-- END / LOGO -->
<div class="open-menu">
<span class="item-1"></span>
<span class="item-2"></span>
<span class="item-3"></span>
</div>
<!-- NAVIGATION -->
<nav class="on-navigation text-right" data-menu-type="1200">
<!-- NAV -->
<ul class="nav text-uppercase">
<li class="menu-item"><a href="index.html">Retour au site</a></li>
</ul>
<!-- END / NAV -->
</nav>
<!-- END / NAVIGATION -->
</div>
</header>
<!-- END / HEADER -->
<section class="page-404">
<div class="bg-pattern"></div>
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-md-5 col-md-offset-3 col-lg-6">
<div class="page-content text-center">
<div class="tb">
<div class="tb-cell">
<h2 style="font-size: 36px;">Accès<span> Partenaires</span></h2>
<h4 class="text-uppercase">ENTREZ VOTRE MOT DE PASSE</h4>
<div class="widget_search">
<form>
<input id="mdp" type="password" placeholder="Mot de passe...">
</form>
</div>
<br><br>
<a href="javascript:;" id="connexion" class="btn btn-warning"><i class="fa fa-lock"></i> Se connecter</a>
<div style="margin-top:5px;text-align:center">
<span id="erreur_connect" style="display:none;font-size:14px;color:#cc0000;"> Les champs obligatoires sont vides!</span>
<span id="refresh_connect" style="display:none;font-size:14px;color:green;"><i class="fa fa-refresh fa-spin"></i> En cours de connexion...</span>
<span id="ok_connect" style="display:none;font-size:14px;color:green;" class="fa fa-check-square-o"> Connexion réussie!</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="footer" class="footer">
<div class="container">
<div class="copyright text-uppercase">
© 2015 Tous droits reservés
</div>
<div class="foot-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</footer>
<!-- END / FOOTER -->
</div>
<!-- END / PAGE WRAP -->
<!-- LOAD JQUERY -->
<script type="text/javascript" src="js/lib/jquery-1.11.2.min.js"></script>
<!-- GOOGLE MAP -->
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.owl.carousel.min.js"></script>
<script type="text/javascript" src="js/lib/retina.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script>
$(document).ready(function() {
$(document).on('click', "#connexion", function() {
var pass = document.getElementById('mdp').value;
$.post("connectusers.php", { password : pass}, function( data ) {
$("#refresh_connect").fadeIn();
if(data=='ok')
{
$("#refresh_connect").delay( 1000 ).fadeOut();
$("#ok_connect").delay( 2000 ).fadeIn();
$("#ok_connect").delay( 2500 ).fadeOut();
window.location.href = "espace_partenaire.php";
}else{
alert( data );
$("#refresh_connect").delay( 1000 ).fadeOut();
}
});
});
});
</script>
</body>
</html>