<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>boitearire.fr | nouveau site responsive </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="article de fetes, location déguisement,décoration de salle etc.... site responsive. ">
<meta name="author" content="Patrick MARIOT | ">
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/theme.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/docs.css" rel="stylesheet">
<link href="js/google-code-prettify/prettify.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--header-->
<div class="header">
<div class="header_in">
<div class="wrap">
<div class="container">
<div class="page_full">
<div class="header_top drop-shadow">
<div class="container">
<div class="row">
<div class="span8">
<div class="logo"><a href="index.html"><img src="img/logo.png" alt="express-website.fr création de site internet pas chère" /></a></div>
<div class="phone"><span>Téléphone </span> +33 651 329 157 </div>
<div class="clear"></div>
</div>
<div class="span4">
<div class="follow_us">
<ul>
<li><a href="https://www.facebook.com/minichine" class="facebook">Facebook</a></li>
<li><a href="#" class="vimeo">Vimeo</a></li>
<li><a href="#" class="tumbrl">Tumbrl</a></li>
<li><a href="https://twitter.com/minichine89" class="twitter">Twitter</a></li>
<li><a href="#" class="delicious">Delicious</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="bottom_shadow"><img src="img/bottom_shadow.png" alt="" /></div>
</div>
<div id="top_menu">
<div class="fright">
<div class="top_search">
<form action="mail.php" method="post">
<input name="name" type="text" value="Search the Site..." onFocus="if (this.value == 'Search the Site...') this.value = '';" onBlur="if (this.value == '') this.value = 'Search the Site...';" />
<input type="submit" class="search_btn" value=" " />
<div class="clear"></div>
</form>
</div>
</div>
<div class="fleft">
<!--menu-->
<nav id="main_menu">
<div class="menu_wrap">
<ul class="nav sf-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="sub-menu"><a href="javascript:{}">Features</a>
<ul>
<li><a href="scaffolding.html"><span>-</span>Scaffolding</a></li>
<li><a href="typography.html"><span>-</span>Typography</a></li>
<li><a href="shortcodes.html"><span>-</span>Shortcodes</a></li>
<li><a href="tables.html" class="last"><span>-</span>Tables</a></li>
</ul>
</li>
<li class="sub-menu"><a href="javascript:{}">Portfolio</a>
<ul>
<li><a href="portfolio_2columns.html"><span>-</span>2 Columns</a></li>
<li><a href="portfolio_3columns.html"><span>-</span>3 Columns</a></li>
<li><a href="portfolio_4columns.html" class="last"><span>-</span>4 Columns</a></li>
</ul>
</li>
<li class="sub-menu"><a href="javascript:{}">Blog</a>
<ul>
<li><a href="blog.html"><span>-</span>Blog with right sidebar</a></li>
<li><a href="blog_post.html" class="last"><span>-</span>Blog post</a></li>
</ul>
</li>
<li class="current"><a href="contacts.html">Contacts</a></li>
</ul>
<div class="clear"></div>
</div>
</nav>
<!--//menu -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//header-->
<!--page_container-->
<div class="page_container">
<div class="wrap">
<div class="container">
<div class="page_full white_bg drop-shadow">
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb_title">Nous Contacter - un renseignement, un devis une question etc... </div>
<a href="index.html">Home</a><span>/</span>Contacts
</div>
</div>
<div class="container">
<div class="page_in">
<div class="container">
<section>
<div class="row">
<div class="span4">
<h2 class="title"><span>Contact Info</span></h2>
<div id="map"<iframe width="100%" height="310" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.fr/maps/myplaces?ie=UTF8&ll=47.347663,5.026245&spn=0.106306,0.308647&t=m&z=12&iwloc=A"></iframe><br /><small><strong><em><a href="https://maps.google.fr/maps/myplaces?ie=UTF8&ll=47.347663,5.026245&spn=0.106306,0.308647&t=m&z=12&iwloc=A&source=embed" class="span8" style="color:#0000FF;text-align:left">cliquer pour nous situer </a></em></strong></small>
<p>18 rue su stade<br/>21121 Fontaine lès Dijon, France</p>
<p>Téléphone: +33 651 329 157<br/>8<br/>Email: <a href="mailto:[email protected]">[email protected]</a><br/>Web: <a href="http://boitearire.fr">boitearire.fr</a></p>
</div>
<div class="span8">
<h2 class="title"><span>Nous contacter</span></h2>
<div class="contact_form">
<div id="note"></div>
<div id="fields">
<form id="ajax-contact-form" action="CONTACT_FORM">
<input class="span7" type="text" name="name" value="" placeholder="Name (requis)" />
<input class="span7" type="text" name="email" value="" placeholder="Email (requie)" />
<input class="span7" type="text" name="subject" value="" placeholder="Sujet" />
<textarea name="message2" id="message2" class="span8" placeholder="Message"></textarea>
<div class="clear"></div>
<input type="reset" class="btn dark_btn" value="Effacer" />
<input type="submit" class="btn send_btn" value="Soumettre" />
<div class="clear"></div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="bottom_shadow"><img src="img/bottom_shadow.png" alt="" /></div>
</div>
</div>
</div>
</div>
<!--//page_container-->
<!--footer-->
<div id="footer">
<div class="wrap">
<div class="container">
<div class="page_full white_bg drop-shadow round_footer">
<div class="container">
<div class="row">
<div class="span3">
<h2 class="title">Latest tweets</h2>
<div class="tweet_block"></div>
</div>
<div class="span3">
<h2 class="title">Get in touch!</h2>
<form action="#" method="post">
<input class="span3" type="text" name="name" id="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
<input class="span3" type="text" name="email" id="email" value="Email" onFocus="if (this.value == 'Email') this.value = '';" onBlur="if (this.value == '') this.value = 'Email';" />
<textarea name="message" id="message" class="span3" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';" >Message</textarea>
<div class="clear"></div>
<input type="reset" class="btn dark_btn" value="Clear form" />
<input type="submit" class="btn send_btn" value="Send!" />
<div class="clear"></div>
</form>
</div>
<div class="span3">
<h2 class="title">Testimonials</h2>
<ul>
<li>
<span class="testimonials_arrow"></span>Orci nisi, luctus vitae imperdiet a, iquam vel urna. Pellentesque tincidunt laoreet est, in tristique sapien consequat a purus at ullamcorper pulvinar, massa libero magna.
<div class="clear"></div>
<div class="author">Anna Smith, Company inc.</div>
</li>
<li>
<span class="testimonials_arrow"></span>Luctus vitae imperdiet a, iquamorci nisi lorem. Pellentesque tincidunt laoreet est, in tristique sapien consequat a purus at ullam pulvinar, massa libero consequat egestas mas.
<div class="clear"></div>
<div class="author">John Doe, Company inc.</div>
</li>
</ul>
</div>
<div class="span3">
<h2 class="title">flickr photostream</h2>
<div class="flickrs">
<div class="FlickrImages">
<ul></ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="wrap">
<div class="container">
<div class="page_full">
<div class="fleft">
<div class="foot_logo"><a href="index.html"><img src="img/foot_logo.png" alt="" /></a></div>
<div class="copyright">© la boite a rire . All Rights Reserved.</div>
</div>
<div class="fright">
<div class="foot_right_block">
<div class="fright">
<form action="#" method="post">
<input class="inp_search" name="name" type="text" value="Search the Site" onFocus="if (this.value == 'Search the Site') this.value = '';" onBlur="if (this.value == '') this.value = 'Search the Site';" />
</form>
</div>
<div class="follow_us">
<ul>
<li><a rel="tooltip" href="#" title="Facebook" class="facebook">Facebook</a></li>
<li><a rel="tooltip" href="#" title="Twitter" class="twitter">Twitter</a></li>
<li><a rel="tooltip" href="#" title="Tumbrl" class="tumbrl">Tumbrl</a></li>
<li><a rel="tooltip" href="#" title="Vimeo" class="vimeo">Vimeo</a></li>
<li><a rel="tooltip" href="#" title="Delicious" class="delicious">Delicious</a></li>
</ul>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div class="foot_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="scaffolding.html">features</a></li>
<li><a href="portfolio_2columns.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contacts.html" class="current">Contacts</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//footer-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/google-code-prettify/prettify.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/myscript.js"></script>
<script src="js/application.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ajax-contact-form").submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "contact_form/contact_process.php",
data: str,
success: function(msg) {
// Message Sent - Show the 'Thank You' message and hide the form
if(msg == 'OK') {
result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
$("#fields").hide();
} else {
result = msg;
}
$('#note').html(result);
}
});
return false;
});
});
</script>
</body>
</html>
<?php
// Where will you get the forms' results?
define("CONTACT_FORM", '[email protected]');
?>
1er email_validation.php
<?php
function ValidateEmail($value)
{
$regex = '/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i';
if($value == '') {
return false;
} else {
$string = preg_replace($regex, '', $value);
}
return empty($string) ? true : false;
}
?>
2ème fichier contact-form "contact_process.php"
<?php
include dirname(dirname(__FILE__)).'/mail.php';
error_reporting (E_ALL ^ E_NOTICE);
$post = (!empty($_POST)) ? true : false;
if($post)
{
include 'email_validation.php';
$name = stripslashes($_POST['name']);
$email = trim($_POST['email']);
$subject = stripslashes($_POST['subject']);
$message = stripslashes($_POST['message']);
$error = '';
// Check name
if(!$name)
{
$error .= 'Merci d entrer votre Nom.<br />';
}
// Check email
if(!$email)
{
$error .= 'Merci d entrer votre E-mail...<br />';
}
if($email && !ValidateEmail($email))
{
$error .= 'Merci de mettre un e-mail valide.<br />';
}
// Check message (length)
if(!$message || strlen($message) < 10)
{
$error .= "Merci de composer votre message ici, 10 caractères minimum.<br />";
}
if(!$error)
{
$mail = mail(CONTACT_FORM, $subject, $message,
"From: ".$name." <".$email.">\r\n"
."Reply-To: ".$email."\r\n"
."X-Mailer: PHP/" . phpversion());
if($mail)
{
echo 'OK';
}
}
else
{
echo '<div class="notification_error">'.$error.'</div>';
}
}
?>
pour tant mon fichier mail.php a bien labonne adresse mail qui est