<div class="speech-bubble">
<h3 class="sub-title">Contactar</h3>

<form id="contactForm" name="contactform" data-toggle="validator" class="popup-form" action="process.php">
<div class="row">

    <div class="form-group col-sm-6">
        <div class="help-block with-errors"></div>
        <input name="fname" id="fname" placeholder="Tu nombre*" class="form-control" type="text" required data-error="Por favor ingresa tu nombre">
        <div class="input-group-icon"><i class="fa fa-user"></i></div>
    </div><!-- end form-group -->

    <div class="form-group col-sm-6">
        <div class="help-block with-errors"></div>
        <input name="email" id="email" placeholder="Tu E-mail*" pattern=".*@w{2,}.w{2,}" class="form-control" type="email" required data-error="Por favor ingresa un correo electrónico válido">
        <div class="input-group-icon"><i class="fa fa-envelope"></i></div>
    </div><!-- end form-group -->
    <div class="form-group col-sm-6">
        <div class="help-block with-errors"></div>
        <input name="phone" id="phone" placeholder="Teléfono" class="form-control" type="text">
        <div class="input-group-icon"><i class="fa fa-phone"></i></div>
    </div><!-- end form-group -->
    <div class="form-group col-sm-6">
        <div class="help-block with-errors"></div>
        <select name="subject" id="subject" placeholder="Asunto*" class="form-control" type="text" required data-error="Por favor ingresa el asunto">
            <option value="Consulta General">Consulta General</option>
            <option value="Realizar Pedido">Realizar Pedido</option>
            <option value="Informe un problema">Informe un problema</option>
        </select>
        <div class="input-group-icon"><i class="fa fa-book"></i></div>
        </div><!-- end form-group -->
    <div class="form-group col-sm-12">
        <div class="help-block with-errors"></div>
        <textarea rows="3" name="message" id="message" placeholder="Escribe tu comentario aquí*" class="form-control" required data-error="Por favor ingresa un mensaje"></textarea>
        <div class="textarea input-group-icon"><i class="fa fa-pencil-alt"></i></div>
    </div><!-- end form-group -->

    <div class="form-group last col-sm-12">
        <button type="submit" id="submit" class="btn btn-custom"><i class='fa fa-envelope'></i> Enviar</button>
    </div><!-- end form-group -->

    <span class="sub-text">* Campos requeridos</span>
    <div class="clearfix"></div>
</div><!-- end row -->

<?php
@$Nombre = htmlspecialchars($_POST['fname']);
@$Correo = htmlspecialchars($_POST['email']);
@$Empresa = htmlspecialchars($_POST['phone']);
@$Motivo = htmlspecialchars($_POST['subject']);
@$Mensaje = htmlspecialchars($_POST['message']);

 $cabeceras = "From: $Correon"
  . "Reply-To: $Correon";
  $asunto = "From: CONTACTO $Motivon";
  $email_to = "mi@correo.comn";
  $contenido = "$Nombre ha enviado un mensaje desde el sitio webn";
  . "n"
  . "nombre: $Nombren"
  . "email: $Correon"
  . "telefono: $Empresan"
. "subject: $Motivon"
  . "message: $Mensajen"
. "n";

 if (@mail($email_to, $asunto ,$contenido ,$cabeceras )) {

echo '<div class="modal fade" id="respuesta2" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="alert alert-success alert-dismissable">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <strong>Su mensaje ha sido enviado correctamente.</strong>
</div>
</div>
</div>';
}else{

 echo '<div class="modal fade" id="respuesta2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
 <div class="alert alert-danger alert-dismissable">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <strong>ERROR. Intente mas tarde.</strong>
 </div>
 </div>
 </div>';
 }

  ?>