Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Formulario Contacto-->
- <div class="container-fluid lightGreyBg">
- <div class="container wrapper lightGreyBg">
- <div class="row paddingB50">
- <div class="col-md-12 paddingB25 lightGreyBg">
- <h4 class="mainsubtitle">¿Tienes dudas? ¡Escríbenos!</h4>
- <p class="mainDescription paddingB25">Estamos a tu disposición, elegí cómo querés comunicarte.</p>
- <div class="col-md-1">
- </div>
- <div class="col-md-3">
- <a href="#" class="btn btn-amarillo">Chateá con nosotros</a>
- </div>
- <div class="col-md-3">
- <a data-toggle="modal" data-target="#modalCall" class="btn btn-amarillo">Quiero que me llamen</a>
- </div>
- <div class="col-md-3 ">
- <a onClick="setFocusToTextBox2()" class="btn btn-amarillo">Enviar consulta</a>
- </div>
- <div class="col-md-1">
- </div>
- </div>
- <div class="col-md-12 paddingT25 lightGreyBg">
- <form role="form" method="post" id="contact-form" action="php/contact.php">
- <div class="col-md-7 lightGreyBg">
- <div class="messages" role="alert"></div>
- <div class="controls">
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="firstname" class="formLabel"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput" name="name" placeholder="Nombre y Apellido" tabindex="1" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="email" class="formLabel"><i class="fa fa-envelope-o"></i></label>
- <input type="email" class="formInput" name="mail" placeholder="Email" tabindex="2" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="phone" class="formLabel"><i class="fa fa-phone"></i></label>
- <input type="tel" class="formInput" name="phone" placeholder="Teléfono" tabindex="3" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="city" class="formLabel"><i class="fa fa-globe"></i></label>
- <input type="text" class="formInput" name="city" placeholder="Localidad" tabindex="4" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label class="formLabel" for="area"><i class="fa fa-caret-down"></i></label>
- <select class="formInput" name="area" tabindex="5" required>
- <option value="">Seleccione un destinatario</option>
- <option value="admin">Administración</option>
- <option value="venta">Ventas</option>
- <option value="posventa">Posventa</option>
- <option value="repuestos">Repuestos</option>
- </select>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <textarea class="formInput"placeholder="Mensaje" tabindex="8" rows="5" name="comment"></textarea>
- </div>
- <div class="col-md-5 form-group paddingT25">
- <span id="loader" style="display:none;"><img src="img/loadingDPQ.gif"></span>
- <button type="submit" id="form-submit" class="btn btn-default" tabindex="10" > Enviar</button>
- </div>
- </div>
- </div>
- </form>
- <div class="col-md-1">
- </div>
- <div class="col-md-4 lightGreyBg">
- <h3>Horarios de atención
- <h4>Casa Central SFV</h4>
- </h3>
- <p class="formInfo">VENTAS<br>
- Lunes a Viernes: 8:30 a 13:00 y 17:00 a 21:00 hs <br>
- Sábados: 09:00 a 13:00 hs<br>
- POSVENTA<br>
- Lunes a Viernes: 08:30 a 12:30 y 16:00 a 20:00 hs <br>
- Sábados: 08:30 a 12:30 hs<br>
- REPUESTOS<br><a name="FORMA PARTE"></a>
- Lunes a Viernes: 08:30 a 12:30 y 16:00 a 20:00 hs <br>
- Sábados: 08:30 a 12:30 hs<br>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /.Formulario Contacto -->
- <!-- Trabaja con nosotros -->
- <div class="container-fluid lightGreyBg">
- <div class="container lightGreyBg">
- <div class="row">
- <div class="col-md-12 paddingB50 ">
- <hr class="negro joinus serif" ></hr>
- </div>
- <div class="col-md-12">
- <p class="maindescription ">Te invitamos a formar parte de nuestro equipo! Porque en Del Parque compartimos una filosofía de trabajo sustentada en dos
- pilares: la mejora continua y el respeto por la gente.
- Mejoramos nuestro negocio mediante la generación permanente de ideas (Kaizen), el esfuerzo continuo y la práctica de resolver los problemas haciéndonos presentes en el
- lugar que estos ocurren. Respetamos a la gente y consideramos que el éxito de nuestro negocio se debe a los esfuerzos individuales y al buen trabajo en equipo.</p>
- <img class="img-responsive paddingT25" src="img/contacto/team.jpg">
- <form role="form" method="post" id="bepart-form" action="php/bepart.php">
- <div class="col-md-12 lightGreyBg paddingT50">
- <p></p>
- <div class="controls">
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="name" class="formLabel"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput" id="usr" placeholder="Nombre completo" tabindex="11" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="date" class="formLabel"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput" id="date" placeholder="Fecha de Nacimiento (dd/mm/AAAA)" tabindex="12" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="civil" class="formLabel"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput" id="civil" placeholder="Estado Civil" tabindex="13" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="gender" class="formLabel"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput" id="gender" placeholder="Sexo" tabindex="14" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="dni" class="formLabel"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput" id="dni" placeholder="D.N.I." tabindex="15" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="phone" class="formLabel"><i class="fa fa-phone"></i></label>
- <input type="text" class="formInput" id="phone" placeholder="Teléfono" tabindex="17" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="address1" class="formLabel"><i class="fa fa-map-marker"></i></label>
- <input type="text" class="formInput" id="address" placeholder="Dirección" tabindex="18" required>
- <input type="text" class="formInput" id="city" placeholder="Ciudad" tabindex="19" required>
- <input type="text" class="formInput" id="state" placeholder="Provincia" tabindex="20" required>
- <input type="text" class="formInput" id="CP" placeholder="Código Postal" tabindex="21" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="mail" class="formLabel"><i class="fa fa-envelope-o"></i></label>
- <input type="email" class="formInput" id="mail" placeholder="Email" tabindex="22" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <label for="idioma" class="formLabel"><i class="fa fa-globe"></i></label>
- <input type="text" class="formInput" id="idioma" placeholder="Idiomas" tabindex="23" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <textarea class="formInput"placeholder="Estudios Básicos" tabindex="24" rows="5" id="basic" required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <textarea class="formInput"placeholder="Estudios Universitarios" tabindex="25" rows="5" id="university"></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <textarea class="formInput"placeholder="Postgrado" tabindex="26" rows="5" id="postgrado"></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <input type="text" class="formInput" id="reference" placeholder="Referencia" tabindex="27">
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <input type="text" class="formInput" id="area" placeholder="Area de interés" tabindex="28" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <textarea class="formInput"placeholder="Experiencia Laboral" tabindex="29" rows="5" id="experience"></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group formBox whiteBg">
- <textarea class="formInput"placeholder="¿Por qué te gustaria trabajar aquí?" tabindex="30" rows="5" id="comment"></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group paddingT25">
- <span id="loader2" style="display:none;"><img src="img/loadingDPQ.gif"></span>
- <button type="submit" id="bepart-form-submit" class="btn btn-default" tabindex="32" > Enviar</button>
- </div>
- </div>
- </div>
- <div class="messages2" role="alert"></div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <!-- /.Trabaja con nosotros -->
- </div>
- <!-- Modal Call -->
- <div class="modal fade" id="modalCall" role="dialog">
- <div class="modal-dialog">
- <!-- Modal content-->
- <div class="modal-content">
- <div class="modal-header" style="padding:15px 15px 0 15px;">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h2 class="modal-title">Solicitar Llamada</h2>
- </div>
- <div class="col-md-12 col-xs-12 whiteBg">
- <h4 class="mainsubtitle">Por favor completá estos datos y te llamaremos a la brevedad.</h4>
- <div class="col-md-12 col-xs-12 whiteBg">
- <p class="maindescriptionwhite redBg" style="padding: 15px 0px; text-align:center;">Lunes a Viernes: 8:30 a 13:00 y 17:00 a 21:00 hs <br>
- Sábados: 09:00 a 13:00 hs</p>
- <form role="form" method="post" id="call-form" action="php/call.php">
- <div class="col-md-12 col-xs-12">
- <div class="form-group formBox col-md-12 col-xs-12">
- <label for="usr" class="formLabel col-md-1 col-xs-1"><i class="fa fa-user"></i></label>
- <input type="text" class="formInput col-md-11 col-xs-11" id="usr1" placeholder="Nombre y Apellido" tabindex="33" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group formBox col-md-12 col-xs-12">
- <label for="phone" class="formLabel col-md-1 col-xs-1"><i class="fa fa-phone"></i></label>
- <input type="text" class="formInput col-md-3 col-xs-3" id="phone" placeholder="Cod" tabindex="34" required>
- <input type="text" class="formInput col-md-8 col-xs-8" id="phone2" placeholder="Teléfono" tabindex="35" required>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group formBox col-md-12 col-xs-12">
- <textarea class="formInput col-md-12 col-xs-12"placeholder="Observaciones" tabindex="36" rows="5" id="comment" required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="col-md-5 form-group paddingT25 col-xs-6">
- <span id="loader3" style="display:none;"><img src="img/loadingDPQ.gif"></span>
- <button type="submit" id="bepart-form-submit" class="btn btn-default" tabindex="37" > Enviar</button>
- </div>
- </div>
- </div>
- <div class="messages3" role="alert"></div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /Modal Call content-->
- <?php
- /**
- * @version 1.0
- */
- require("class.phpmailer.php");
- require("class.smtp.php");
- // form field names and their translations.
- // array variable name => Text to appear in the email
- $fields = array('area' => 'Destinatario', 'name' => 'Nombre', 'phone' => 'Teléfono', 'mail' => 'Email', 'city' => 'Ciudad', 'comment' => 'Mensaje');
- // message that will be displayed when everything is OK :)
- $okMessage = 'La consulta se envió correctamente. Nos pondremos en contacto contigo a la brevedad, muchas gracias.';
- // If something goes wrong, we will display this message.
- $errorMessage = 'Se ha producido un error al enviar la consulta. Por favor intentalo de nuevo más tarde. Muchas gracias.';
- // Datos de la cuenta de correo utilizada para enviar vía SMTP
- $smtpHost = "nombre de cuenta"; // Dominio alternativo brindado en el email de alta
- $smtpUsuario = "info@magiayte.es"; // Mi cuenta de correo
- $smtpClave = "pass"; // Mi contraseña
- $mail = new PHPMailer();
- $mail->IsSMTP();
- $mail->SMTPAuth = true;
- $mail->Port = 587;
- $mail->IsHTML(true);
- $mail->CharSet = "utf-8";
- $mail->Host = $smtpHost;
- $mail->Username = $smtpUsuario;
- $mail->Password = $smtpClave;
- try
- {
- if(count($_POST) == 0) throw new Exception('El formulario esta vacio.');
- // Valores enviados desde el formulario
- $nombre = $_POST["name"];
- $email = $_POST["mail"];
- $area = $_POST["area"];
- $mensaje = $_POST["comment"];
- $emailText = '<table><tr><th style="color:#fff;background-color:#f38630;padding:10px 15px;" colspan="2">HAZ RECIBIDO UNA NUEVA CONSULTA</th></tr>';
- foreach ($_POST as $key => $value) {
- // If the field exists in the $fields array, include it in the email
- if (isset($fields[$key])) {
- $emailText .= '<tr><td style="font-weight:bold;padding:10px 5px;">'.$fields[$key].':</td><td>'.$value.'</td></tr>';
- }
- }
- $emailText .= "</table>";
- // Email donde se enviaran los datos cargados en el formulario de contacto
- switch ($area) {
- case 'admin':
- $emailDestino = "dm.daviles@gmail.com";
- break;
- case 'venta':
- $emailDestino = "helixkarspersky@gmail.com";
- break;
- case 'posventa':
- $emailDestino = "dm.daviles@gmail.com";
- break;
- case 'repuestos':
- $emailDestino = "dm.daviles@gmail.com";
- break;
- default:
- $emailDestino = "dm.daviles@gmail.com";
- break;
- }
- $mail->From = $smtpUsuario; // Email desde donde envío el correo.
- $mail->FromName = $nombre;
- $mail->AddAddress($emailDestino); // Esta es la dirección a donde enviamos los datos del formulario
- $mail->AddReplyTo($email); // Esto es para que al recibir el correo y poner Responder, lo haga a la cuenta del visitante.
- $mail->Subject = "Nueva consulta desde la Web"; // Este es el titulo del email.
- $mensajeHtml = nl2br($emailText);
- $mail->Body = "{$mensajeHtml} <br /><br />Formulario de contacto de Toyota Del Parque.<br />"; // Texto del email en formato HTML
- $mail->AltBody = "{$mensaje} nn Formulario de contacto de Toyota Del Parque."; // Texto sin formato HTML
- // FIN - VALORES A MODIFICAR //
- $mail->SMTPOptions = array(
- 'ssl' => array(
- 'verify_peer' => false,
- 'verify_peer_name' => false,
- 'allow_self_signed' => true
- )
- );
- $estadoEnvio = $mail->Send();
- if($estadoEnvio){
- $responseArray = array('type' => 'success', 'message' => $okMessage);
- } else {
- $responseArray = array('type' => 'danger', 'message' => $errorMessage);
- }
- }
- catch (Exception $e)
- {
- $responseArray = array('type' => 'danger', 'message' => $errorMessage);
- }
- // if requested by AJAX request return JSON response
- if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
- $encoded = json_encode($responseArray);
- header('Content-Type: application/json');
- echo $encoded;
- }
- // else just display the message
- else {
- echo $responseArray['message'];
- }
- loader = document.querySelector("#loader")
- $(function () {
- // init the validator
- // validator files are included in the download package
- // otherwise download from http://1000hz.github.io/bootstrap-validator
- $('#contact-form').validator();
- // when the form is submitted
- $('#contact-form').on('submit', function (e) {
- // if the validator does not prevent form submit
- if (!e.isDefaultPrevented()) {
- loader.style.display = "inline-block";
- var url = "php/contact.php";
- // POST values in the background the the script URL
- $.ajax({
- type: "POST",
- url: url,
- data: $(this).serialize(),
- success: function (data)
- {
- loader.style.display="none";
- // data = JSON object that contact.php returns
- // we recieve the type of the message: success x danger and apply it to the
- var messageAlert = 'alert-' + data.type;
- var messageText = data.message;
- // let's compose Bootstrap alert box HTML
- var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
- // If we have messageAlert and messageText
- if (messageAlert && messageText) {
- // inject the alert to .messages div in our form
- $('#contact-form').find('.messages').html(alertBox);
- // empty the form
- $('#contact-form')[0].reset();
- }
- }
- });
- return false;
- }
- })
- });
- <?php
- /**
- * @version 1.0
- */
- require("class.phpmailer.php");
- require("class.smtp.php");
- // form field names and their translations.
- // array variable name => Text to appear in the email
- $fields = array('usr' => 'Nombre', 'date' => 'Fecha de nacimiento','civil' => 'Estado civil', 'gender' => 'Sexo', 'dni' => 'D.N.i.', 'phone' => 'Telefono','address' => 'Dirección','city' => 'Ciudad', 'state' => 'Provincia', 'CP' => 'Código Postal', 'mail' => 'Email', 'idioma' => 'Idiomas','basic' => 'Estudios Básicos', 'university' => 'Estudios Universitarios', 'postgrado' => 'Postgrado', 'reference' => 'Referencia', 'area' => 'Area de interés', 'experience' => 'Experiencia Laboral', 'comment' => '¿Por qué te gustaria trabajar aquí?');
- // message that will be displayed when everything is OK :)
- $okMessage = 'La consulta se envió correctamente. Nos pondremos en contacto contigo a la brevedad, muchas gracias.';
- // If something goes wrong, we will display this message.
- $errorMessage = 'Se ha producido un error al enviar la consulta. Por favor intentalo de nuevo más tarde. Muchas gracias.';
- // Datos de la cuenta de correo utilizada para enviar vía SMTP
- $smtpHost = "nombre de cuenta"; // Dominio alternativo brindado en el email de alta
- $smtpUsuario = "info@magiayte.es"; // Mi cuenta de correo
- $smtpClave = "pass"; // Mi contraseña
- $mail2 = new PHPMailer();
- $mail2->IsSMTP();
- $mail2->SMTPAuth = true;
- $mail2->Port = 587;
- $mail2->IsHTML(true);
- $mail2->CharSet = "utf-8";
- $mail2->Host = $smtpHost;
- $mail2->Username = $smtpUsuario;
- $mail2->Password = $smtpClave;
- try
- {
- if(count($_POST) == 0) throw new Exception('El formulario esta vacio.');
- // Valores enviados desde el formulario
- $nombre = $_POST["usr"];
- $email = $_POST["mail"];
- $mensaje = $_POST["comment"];
- $emailText = '<table><tr><th style="color:#fff;background-color:#f38630;padding:10px 15px;" colspan="2">HAZ RECIBIDO UNA NUEVA CONSULTA</th></tr>';
- foreach ($_POST as $key => $value) {
- // If the field exists in the $fields array, include it in the email
- if (isset($fields[$key])) {
- $emailText .= '<tr><td style="font-weight:bold;padding:10px 5px;">'.$fields[$key].':</td><td>'.$value.'</td></tr>';
- }
- }
- $emailText .= "</table>";
- // Email donde se enviaran los datos cargados en el formulario de contacto
- $emailDestino = "dm.daviles@gmail.com";
- $mail2->From = $smtpUsuario; // Email desde donde envío el correo.
- $mail2->FromName = $nombre;
- $mail2->AddAddress($emailDestino); // Esta es la dirección a donde enviamos los datos del formulario
- $mail2->AddReplyTo($email); // Esto es para que al recibir el correo y poner Responder, lo haga a la cuenta del visitante.
- $mail2->Subject = "Nueva consulta desde la Web"; // Este es el titulo del email.
- $mensajeHtml = nl2br($emailText);
- $mail2->Body = "{$mensajeHtml} <br /><br />Formulario de contacto de Toyota Del Parque.<br />"; // Texto del email en formato HTML
- $mail2->AltBody = "{$mensaje} nn Formulario de contacto de Toyota Del Parque."; // Texto sin formato HTML
- // FIN - VALORES A MODIFICAR //
- $mail2->SMTPOptions = array(
- 'ssl' => array(
- 'verify_peer' => false,
- 'verify_peer_name' => false,
- 'allow_self_signed' => true
- )
- );
- $estadoEnvio = $mail2->Send();
- if($estadoEnvio){
- $responseArray = array('type' => 'success', 'message' => $okMessage);
- } else {
- $responseArray = array('type' => 'danger', 'message' => $errorMessage);
- }
- }
- catch (Exception $e)
- {
- $responseArray = array('type' => 'danger', 'message' => $errorMessage);
- }
- // if requested by AJAX request return JSON response
- if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
- $encoded = json_encode($responseArray);
- header('Content-Type: application/json');
- echo $encoded;
- }
- // else just display the message
- else {
- echo $responseArray['message'];
- }
- loader2 = document.querySelector("#loader2")
- $(function () {
- // init the validator
- // validator files are included in the download package
- // otherwise download from http://1000hz.github.io/bootstrap-validator
- $('#bepart-form').validator();
- // when the form is submitted
- $('#bepart-form').on('submit', function (e) {
- // if the validator does not prevent form submit
- if (!e.isDefaultPrevented()) {
- loader2.style.display = "inline-block";
- var url = "php/bepart.php";
- // POST values in the background the the script URL
- $.ajax({
- type: "POST",
- url: url,
- data: $(this).serialize(),
- success: function (data)
- {
- loader2.style.display="none";
- // data = JSON object that bepart.php returns
- // we recieve the type of the message: success x danger and apply it to the
- var messageAlert = 'alert-' + data.type;
- var messageText = data.message;
- // let's compose Bootstrap alert box HTML
- var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
- // If we have messageAlert and messageText
- if (messageAlert && messageText) {
- // inject the alert to .messages div in our form
- $('#bepart-form').find('.messages2').html(alertBox);
- // empty the form
- $('#bepart-form')[0].reset();
- }
- }
- });
- return false;
- }
- })
- });
Add Comment
Please, Sign In to add comment