Envoie de mail impossible

J'ai un site avec du bootstrap (landing page)
j'arrive bien à envoyer un mail depuis mon serveur mais pas depuis mon site
je n'ai pas d’erreur mais je ne recois aucun mail et le message s'affiche quand même
E-mail was successfully sent.
Amlors que rien ne part du site
fichier contact.php
juste un echo
--------------------------------------------------------
<?php
echo "The message has been sent!";
?>
--------------------------------------------------------
et contact.html contact
<!-- FORM -->
<section class="section bg-white">
<div class="container">
<div class="row">
<div class="col-md-12">
<form role="form" name="ajax-form" id="ajax-form" action="php/contact.php" method="post" class="form-main">
<div class="col-xs-12">
<div class="row animated fadeInDown wow" data-wow-delay=".5s">
<div class="form-group col-sm-4">
<label for="name2">Name</label>
<input class="form-control" id="name2" name="name" onblur="if(this.value == '') this.value='Name'" onfocus="if(this.value == 'Name') this.value=''" ty
pe="text" value="Name">
<div class="error" id="err-name" style="display: none;">Please enter name</div>
</div> <!-- /Form-name -->

<div class="form-group col-sm-4">
<label for="email2">Email</label>
<input class="form-control" id="email2" name="email" type="text" onfocus="if(this.value == 'E-mail') this.value='';" onblur="if(this.value == '') this
.value='E-mail';" value="E-mail">
<div class="error" id="err-emailvld" style="display: none;">E-mail is not a valid format</div>
</div> <!-- /Form-email -->

<div class="form-group col-sm-4">
<label for="subject1">Subject</label>
<input class="form-control" id="subject1" name="name" onblur="if(this.value == '') this.value='Subject'" onfocus="if(this.value == 'Subject') this.val
ue=''" type="text" value="Subject">
</div> <!-- /Form-Subject -->
</div> <!-- /row -->

<div class="row animated fadeInDown wow" data-wow-delay=".7s">
<div class="form-group col-xs-12">
<label for="message2">Message</label>
<textarea class="form-control" id="message2" name="message" rows="5" onblur="if(this.value == '') this.value='Message'" onfocus="if(this.value == 'Mes
sage') this.value=''">Message</textarea>
<div class="error" id="err-message" style="display: none;">Please enter message</div>
</div> <!-- /col -->
</div> <!-- /row -->

<div class="row animated fadeInDown wow" data-wow-delay=".7s">
<div class="col-md-8 col-md-offset-2">
<p class="text-center con_sub_text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod e
os erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren.</p>
</div> <!-- /col -->
</div> <!-- /row -->

<div class="row">
<div class="col-xs-12 text-center">
<div id="ajaxsuccess">E-mail was successfully sent.</div>
<div class="error" id="err-form" style="display: none;">There was a problem validating the form please check!</div>
<div class="error" id="err-timedout">The connection to the server timed out!</div>
<div class="error" id="err-state"></div>
<button type="submit" class="btn btn-custom btn-rnd" id="send">Submit</button>
</div> <!-- /col -->
</div> <!-- /row -->

</div> <!-- /row -->
</form> <!-- /form -->
</div> <!-- end col-md-12 -->
</div> <!-- end row -->
</div>
</section>

<!-- END FORM -->