Problemas Formulario de Contacto

[tutorias]

Un saludo. reemplace su archivo por este y guardelo con formato .php pero antes salve el archivo html por si no le funciona, pero lo probe y funciona.

Código HTML:

<?php

if($_POST){

  $nombre = $_POST["nombre"];
  $correo = $_POST["correo"];
  $mensaje = $_POST["textarea"];

  $codigohtml ='
  <div>
  Recibiste un mensaje de: <span style="font-weight:bold;text-align:center">'.$nombre.'</span><br>
  Su correo es: <span style="font-weight:bold;text-align:center">'.$correo.'</span><br><br>
  Mensaje:<br>'.$mensaje.'
  </div>';

  $asunto    = "Nuevo correo";
  $cabeceras = "From: tuWeb.com\r\nContent-type: text/html\r\n";//reemplazar tuweb.com
  $mail      = "[email protected]"; //reemplazar esta direccion por la destinataria
  mail($mail,$asunto,$codigohtml,$cabeceras);
}
?>
<div class="inner">
    <a href="#" class="close" data-type="close"><span></span></a>
    <div class="wrapper">
      <div class="col1">
      <h2>Información de Contacto</h2>
      <p>MIAMI</p>
       640 NE 72nd Terrace | Miami 33138<br>
      <p class="cols">Teléfono:<br>
       Teléfono:<br>
      </p>
      <p> [phone]<br>
       [phone]<br>
      </p>
       COLOMBIA<br>
      <p class="cols">Telephone:<br>
        Email:</p>
      <p>(57) [phone]<br>
      <a href="mailto:" class="link1">[email protected]</a></p>
      </div>
      <div class="col1 pad_left1">
      <h2>Nuestra Ubicación</h2>
      <figure><iframe width="280" height="210" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;msid=213844917727625005850.0004cb8f7b141b894e891&amp;hl=en&amp;ie=UTF8&amp;t=m&amp;ll=25.841506,-80.183437&amp;spn=0.002028,0.002993&amp;z=17&amp;iwloc=0004cb8f7b1f698bffaa0&amp;output=embed"></iframe></figure>
      </div>
    </div>
    <h2>Contacto</h2>
    <form method="post" id="ContactForm">
      <div>
        <div  class="wrapper">
        <span>Nombre:</span>
        <input type="text" name="nombre" class="input" >
        </div>
        <div  class="wrapper">
        <span>E-mail:</span>
        <input type="email" name="correo" class="input" >
        </div>
        <div  class="textarea_box">
        <span>Mensaje:</span>
        <textarea name="textarea" cols="1" rows="1"></textarea>
        </div>
        <div class="wrapper">
        <span>&nbsp;</span>
        <a href="#" class="button1" onClick="document.getElementById('ContactForm').reset()"><span></span><strong>borrar</strong></a>
        <a href="#" class="button1" onClick="document.getElementById('ContactForm').submit()"><span></span><strong>enviar</strong></a>
        </div>
      </div>
    </form>
</div>