| Server IP : 162.253.224.18 / Your IP : 216.73.217.81 Web Server : Apache System : Linux s18.infinitysrv.com 3.10.0-962.3.2.lve1.5.89.el7.x86_64 #1 SMP Thu Jul 9 15:55:31 UTC 2026 x86_64 User : dejavumk ( 1184) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/dejavumk/spaceliving.mx/contacto/ |
Upload File : |
<?php
header('Content-Type: text/html; charset=utf-8');
if($_SERVER['REQUEST_METHOD'] == 'POST'){
$to = "nmendoza@spaceliving.mx"; // this is your Email address
// $to = "mario@eversoft.mx"; // this is your Email address
$from = $_POST['correo']; // this is the sender's Email address
$first_name = $_POST['nombre'];
$telephone = $_POST['telefono'];
$subject = "[Contacto Web] " .$first_name. " ha dejado un mensaje.";
// $subject2 = "Copy of your form submission";
$message = $first_name . " ha dejado los datos siguientes:"
. "\nNombre: " . $first_name
. "\nCorreo: " . $from
. "\nTelefono: " .$telephone
. "\n\nMensaje: " . $_POST['mensaje'];
// $message2 = "Here is a copy of your message " . $first_name . "\n\n" . $_POST['message'];
$headers = "From:" . $to;
// $headers2 = "From:" . $to;
mail($to,$subject,$message,$headers);
// mail($from,$subject2,$message2,$headers2); // sends a copy of the message to the sender
// echo "<span>Correo enviado. Gracias " . $first_name . ", nos contactaremos contigo a la brevedad.";
$_POST = array();
// You can also use header('Location: thank_you.php'); to redirect to another page.
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon Tags -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Space Living">
<meta name="application-name" content="Space Living">
<meta name="msapplication-TileColor" content="#9f00a7">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="theme-color" content="#b62e18">
<!-- Ends Favicon Tags -->
<!-- Open Graph Tags -->
<meta property="og:type" content="company">
<meta property="og:locale" content="es_MX">
<meta property="og:title" content="Contacto | Space Living">
<meta property="og:site_name" content="Space Living">
<meta property="og:url" content="https://spaceliving.mx">
<meta property="og:description" content="Estamos encantados de escucharte.">
<!-- Ends Open Graph Tags -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TSXXBCNL');</script>
<!-- End Google Tag Manager -->
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Ends Google Fonts -->
<!-- JavaScript Libraries -->
<!-- <script type="text/javascript" src="/js/validation.min.js" crossorigin="anonymous"></script> -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" crossorigin="anonymous"></script>
<script src="https://malsup.github.io/jquery.form.js"></script>
<!-- End of JavaScript Libraries -->
<!-- Stylesheets -->
<link rel="stylesheet" href="/css/styles.css">
<link rel="stylesheet" href="/css/whatsapp.css">
<link rel="stylesheet" href="/css/validation.min.css">
<!-- End of Stylesheets -->
<title>Contacto | Space Living</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TSXXBCNL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Navigation -->
<div id="navigation-bar"></div>
<div class="container-fluid section-dark pt-12vh">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<h1>Contáctanos</h1>
</div>
<div class="col-12 col-md-6">
<img src="/assets/img/decoration_section_contacto.png" class="d-block wd-100" alt="Decoración">
</div>
</div>
</div>
</div>
<div class="container-fluid section-dark pt-20vh pb-12vh pt-8vh-mob pb-8vh-mob">
<div class="container">
<div class="row">
<div class="col-12 col-md-3">
<h2>Contacto</h2>
<a href="tel:+52 33 2186 2286" style="display: inline-block;">+52 33 2186 2286</a><br>
<a href="mailto:nmendoza@spaceliving.mx" style="display: inline-block;">nmendoza@spaceliving.mx</a>
</div>
<div class="col-12 col-md-3">
<h2>Showroom</h2>
<p>VENTURA VERTICAL DISTRICT</p>
<p>Central Guillermo Camarena # 500</p>
<p>Valle Real, Zapopan, Jalisco.</p>
</div>
<div class="col-12 col-md-6">
<form action="" id="form" class="form" method="post">
<div class="form-input">
<input class="validate" type="text" maxlength="70" name="nombre" autocomplete="off" placeholder="Nombre completo" data-validate="required">
<label for="nombre">Nombre *</label>
</div>
<div class="form-input">
<input class="validate" type="email" maxlength="70" name="correo" placeholder="tucorreo@ejemplo.com" data-validate="required, email">
<label for="correo">Correo electrónico *</label>
</div>
<div class="form-input">
<input class="validate" type="tel" maxlength="10" name="telefono" autocomplete="off" placeholder="Número de teléfono a 10 dígitos" data-validate="tel">
<label for="telefono">Teléfono</label>
</div>
<div class="form-input">
<textarea class="validate" name="mensaje" maxlength="800" autocomplete="off" placeholder="Cuéntanos lo que quieres decirnos" data-validate="required"></textarea>
<label for="mensaje">Mensaje *</label>
</div>
<span id="notice"></span>
<input type="submit" class="btn btn-alt-color">
</form>
</div>
</div>
</div>
</div>
<style>
body{
background: var(--dark-color);
}
h1{
font-size: 72px;
font-weight: 400;
color: var(--light-alt-color);
}
h2{
font-size: 32px;
font-weight: 500;
margin-bottom: 1em;
color: var(--light-alt-color);
}
h2::before{
content: "";
width: 25px;
height: 25px;
margin-right: 10px;
display: inline-block;
background-size: contain;
background-position: center;
background-image: url("/assets/svg/decoration_footer.svg");
}
a,p{ color: var(--light-color); }
p{ font-size: 16px; }
@media (max-width: 575px){
h1{ font-size: 40px;
text-align: center;
margin-bottom: 1.5em;
}
}
</style>
<script>
jQuery(document).ready(function($){
$('#form').ajaxForm(function() {
//Nothing to do
});
$("#form").validate({
rules:{
nombre: {
required: true,
minlength: 5,
},
correo: {
required: true,
email: true
},
telefono: {
required: true,
minlength: 10
},
mensaje: {
required: true,
minlength: 10
},
messages:{
nombre: {
required: "Por favor ingrese su nombre",
minllength: "Sabemos que tiene prisa, pero ingrese su nombre correctamente"
},
correo: "Por favor escriba su correo",
telefono: {
required: "Por favor escriba su telefono",
minlength: "Escriba un numero valido"
},
mensaje: {
required: "Por favor escriba lo que quiera decirnos",
minlength: "Quisiéramos saber más de lo que piensa"
},
}
},
submitHandler: function (form){
$(form).ajaxSubmit();
$("#notice").text("Mensaje enviado, nos pondremos en contacto a la brevedad.");
$("#notice").addClass("active");
$("#notice").removeClass("error");
},
invalidHandler: function (event, validator){
$("#notice").text("Revise los campos del formulario");
$("#notice").addClass("active error");
}
});
});
</script>
<!-- WhatsApp Button -->
<div id="whatsapp-button"></div>
<!-- Footer section -->
<footer id="footer-section" class="section-dark"></footer>
<script type="text/javascript" src="/js/load-components.js" referrerpolicy="no-referrer"></script>
</body>
</html>