<!-- THIS IS USING GOOGLES reCaptcha V2 -->

<?php 
    if(isset($_POST['ContactButton'])) {
        $url = "https://www.google.com/recaptcha/api/siteverify";
        $privateKey = "6LcHi5EcAAAAAMdzvMDg_NAojw1yuW8WxsT9ALaE";
        $response = file_get_contents($url."?secret=".$privateKey."&response=".$_POST['g-recaptcha-response']."&remoteip=".$_SERVER['REMOTE_ADDR']);
        $data = json_decode($response);
        if (isset($data->success) AND $data->success==true) {
            $error = "";
            $successMsg = "";
            if ($_POST) {
                if ($_POST['email'] && filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) === false) {
                    $error .= "Format d'email invalide!<br>";
                }
                if (!$_POST['email']) {
                    $error .= "Un email esr requis!<br>";
                }
                if (!$_POST['message']) {
                    $error .= "Veuillez entrer un message!<br>";
                }
                if ($error != "") {
                    $error = '<div class="alert alert-danger" role="alert"><strong>Il y a une erreur avec votre formulaire!</strong><br>' . $error . '</div>';
                } else {
                    $emailTo = 'bosscool@bosscool.be';
                    $subject = 'Mail php venant du site BossCool';
                    $body = $_POST['message'];
                    $headers = "From: ".$_POST['email'];
                    if (mail($emailTo, $subject, $body, $headers)) {
                        $successMsg = '<div class="alert alert-success" role="alert">Le message a bien été envoyé</div>';
                    } else {
                        $error = '<div class="alert alert-danger" role="alert">Un problème est survenu. Veuillez recommencer plus tard!</div>';
                    }
                }
            }
        } else {
            $captchaFail = '<div class="alert alert-danger" role="alert">Vous êtes sans doute un robot</div>';
        }
    }
?>

<!DOCTYPE html>
<html style="font-size: 16px;">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <meta name="keywords" content="Nous contacter">
    <meta name="description" content="">
    <meta name="page_type" content="np-template-header-footer-from-plugin">
    <title>Nous contacter</title>
    <link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Nous-contacter.css" media="screen">
    <script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
    <meta name="generator" content="Nicepage 4.4.3, nicepage.com">
    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
    <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700">
           <script src="https://www.google.com/recaptcha/api.js" async defer></script> 
    
    
    <script type="application/ld+json">{
		"@context": "http://schema.org",
		"@type": "Organization",
		"name": "",
		"logo": "images/booscool.png"
}</script>
    <meta name="theme-color" content="#002559">
    <meta property="og:title" content="Nous contacter">
    <meta property="og:type" content="website">
  </head>
  <body class="u-black u-body u-stick-footer u-xl-mode"><header class="u-black u-clearfix u-header u-header" id="sec-5541"><div class="u-clearfix u-sheet u-sheet-1">
 	       <a href="https://nicepage.com" class="u-image u-logo u-image-1" data-image-width="394" data-image-height="394">
          <img src="images/booscool.png" class="u-logo-image u-logo-image-1">
        </a>
        <nav class="u-menu u-menu-one-level u-offcanvas u-offcanvas-shift u-menu-1" data-position="">
          <div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px;">
            <a class="u-button-style u-custom-active-color u-custom-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#" style="padding: 7px 0px; font-size: calc(1em + 14px); color: rgb(255, 255, 255) !important; background-image: none;">
              <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-de65"></use></svg>
              <svg class="u-svg-content" viewBox="0 0 512 512" id="svg-de65"><path d="m464.883 64.267h-417.766c-25.98 0-47.117 21.136-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.013-21.137-47.149-47.117-47.149z"></path><path d="m464.883 208.867h-417.766c-25.98 0-47.117 21.136-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.013-21.137-47.149-47.117-47.149z"></path><path d="m464.883 353.467h-417.766c-25.98 0-47.117 21.137-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.012-21.137-47.149-47.117-47.149z"></path></svg>
              <span> Menu</span>
            </a>
          </div>
          <div class="u-custom-menu u-nav-container">
            <ul class="u-nav u-spacing-2 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-active-custom-color-1 u-black u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-black u-nav-link u-text-active-white u-text-hover-custom-color-1 u-text-white" href="Accueil.html" style="padding: 10px 20px;">Accueil</a>
</li><li class="u-nav-item"><a class="u-active-custom-color-1 u-black u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-black u-nav-link u-text-active-white u-text-hover-custom-color-1 u-text-white" href="A-propos.html" style="padding: 10px 20px;">A propos</a>
</li><li class="u-nav-item"><a class="u-active-custom-color-1 u-black u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-black u-nav-link u-text-active-white u-text-hover-custom-color-1 u-text-white" href="Nous-contacter.html" style="padding: 10px 20px;">Nous contacter</a>
</li><li class="u-nav-item"><a class="u-active-custom-color-1 u-black u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-black u-nav-link u-text-active-white u-text-hover-custom-color-1 u-text-white" href="Démonstration.html" style="padding: 10px 20px;">Démonstration</a>
</li><li class="u-nav-item"><a class="u-active-custom-color-1 u-black u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-black u-nav-link u-text-active-white u-text-hover-custom-color-1 u-text-white" href="Tarifs.html" style="padding: 10px 20px;">Tarifs</a>
</li><li class="u-nav-item"><a class="u-active-custom-color-1 u-black u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-black u-nav-link u-text-active-white u-text-hover-custom-color-1 u-text-white" href="Tutoriel.html" style="padding: 10px 20px;">Tutoriel</a>
</li></ul>
          </div>
          <div class="u-custom-menu u-nav-container-collapse">
            <div class="u-black u-border-2 u-border-custom-color-1 u-container-style u-inner-container-layout u-sidenav">
              <div class="u-inner-container-layout u-sidenav-overflow">
                <div class="u-menu-close"></div>
                <ul class="u-active-custom-color-1 u-align-center-lg u-align-center-xl u-align-left-md u-align-left-sm u-align-left-xs u-nav u-popupmenu-items u-text-active-palette-2-base u-text-hover-custom-color-1 u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Accueil.html" style="padding: 10px 20px;">Accueil</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="A-propos.html" style="padding: 10px 20px;">A propos</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Nous-contacter.html" style="padding: 10px 20px;">Nous contacter</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Démonstration.html" style="padding: 10px 20px;">Démonstration</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Tarifs.html" style="padding: 10px 20px;">Tarifs</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Tutoriel.html" style="padding: 10px 20px;">Tutoriel</a>
</li></ul>
              </div>
            </div>
            <div class="u-black u-menu-overlay u-opacity u-opacity-75"></div>
          </div>
        </nav>
      </div></header> 
    <section class="u-clearfix u-grey-30 u-section-1" id="sec-b707">
      <div class="u-clearfix u-sheet u-sheet-1">
        <h1 class="u-text u-text-default u-text-1">Nous contacter</h1>
      </div>
    </section>
     <section class="u-black u-clearfix u-section-2" id="carousel_6af6">
      <div class="u-clearfix u-sheet u-sheet-1">
        <div class="u-clearfix u-layout-wrap u-layout-wrap-1">
          <div class="u-layout">
            <div class="u-layout-row">
              <div class="u-black u-container-style u-layout-cell u-right-cell u-size-31 u-layout-cell-1">
                <div class="u-container-layout u-container-layout-1">
                  <h1 class="u-align-center u-custom-font u-font-oswald u-text u-text-custom-color-1 u-text-1">Intéressé ?</h1>
                  <div class="u-border-7 u-border-custom-color-1 u-line u-line-horizontal u-line-1"></div>
                  <div class="u-form u-form-1">

        <form method="POST" class="container">

  

                <div class="u-form-group u-form-name u-form-group-1">
                    <label for="inputNP" class="u-label">Vos prénom et nom</label>
                    <input type="text" placeholder="Entrez votre prénom et votre nom" id="name-daf4" name="name" class="u-border-2 u-border-white u-input u-input-rectangle u-radius-12 u-input-1" required="">
                </div>
				<div class="u-form-email u-form-group u-form-group-2">
                    <label for="inputEmail" class="u-label">Votre adresse email</label>
                    <input type="email" placeholder="Entrez votre adresse email" id="email-daf4" name="email" class="u-border-2 u-border-white u-input u-input-rectangle u-radius-12 u-input-2" required="">
                </div>

                <div class="u-form-group u-form-message u-form-group-3">
                <label for="inputBody" class="u-label">Votre message</label>
                <textarea placeholder="Entrez votre message" rows="4" cols="50" id="message-daf4" name="message" class="u-border-2 u-border-white u-input u-input-rectangle u-radius-12 u-input-3" required=""></textarea>
                      </div>
           <br>
            <div class="g-recaptcha u-form-group u-form-message u-form-group-3" data-sitekey="6LcHi5EcAAAAAHtN06I0nwBAcAOSqPsBZ_5JY5kS"></div>
            <br>
			<div  id="error"><?php echo $successMsg ?><?php echo $error ?><?php echo $captchaFail ?></div>

                      <div class="u-align-right u-form-group u-form-submit u-form-group-4">
                        <a href="#" class="u-active-custom-color-4 u-btn u-btn-round u-btn-submit u-button-style u-custom-color-1 u-hover-custom-color-3 u-radius-12 u-btn-1">Envoyer</a>
                        <input name="ContactButton" id="ContactButton" type="submit" value="submit" class="u-form-control-hidden">
                      </div>

           
        </form>
		                 </div>
                </div>
              </div>
              <div class="u-container-style u-layout-cell u-left-cell u-size-29 u-layout-cell-2">
                <div class="u-container-layout u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-container-layout-2">
                  <div class="u-custom-color-1 u-shape u-shape-circle u-shape-1"></div>
                  <div class="u-border-2 u-border-white u-shape u-shape-circle u-shape-2"></div>
                  <img class="u-image u-image-default u-preserve-proportions u-image-1" src="images/iconVerifyEmail.svg" alt="" data-image-width="189" data-image-height="189">
                  <img class="u-image u-image-default u-preserve-proportions u-image-2" src="images/profile.png" alt="" data-image-width="546" data-image-height="536">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
	    
    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-72df"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
        <p class="u-small-text u-text u-text-variant u-text-white u-text-1">
          <a _ngcontent-ysa-c78="" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-white u-btn-1">© Copyright 2020-2045 JDK &amp; LLYN. All Rights Reserved.</a>
        </p>
      </div></footer>
    </body>
</html>