File "index.php"
Full Path: C:/wamp64/www/PAGOS-T3/index.php
File size: 6.09 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"/>
<title>Formulario de contacto</title>
<meta name="description" content="Add your business website description here">
<meta name="keywords" content="Add your business website keywords here">
<link href="favicon.html" rel="icon">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="jQuery/jquery-3.1.1.min.js"></script>
<script >
$(function(){
$("#formularioCotizacion").on("submit", function(e){
e.preventDefault();
var f = $(this);
var formData = new FormData(document.getElementById("formularioCotizacion"));
formData.append("dato", "valor");
//formData.append(f.attr("name"), $(this)[0].files[0]);
$.ajax({
url: "logica/guardarFormulario.php",
type: "post",
dataType: "html",
data: formData,
cache: false,
contentType: false,
processData: false
})
.done(function(res){
$("#cajonCotizacion").html(res);
$("#formularioCotizacion")[0].reset();
});
});
});
</script>
</head>
<body>
<section >
<div >
<div class="row">
<div class="col-lg-12">
<div class="col-sm-12">
<div >
<div class="row">
<div class="col-sm-12">
<div class="item-content colBottomMargin">
<div class="item-info">
<h2 class="item-title text-center Responsive">
</h2>
<h2 class="item-title text-center Responsive">
<img height="138" src="imagenes/CabezoteFormulario.png" width="297"></h2>
<h2 class="item-title text-center Responsive">Solicitud de cotización</h2>
</div>
</div>
</div>
<div class="col-sm-8 col-md-12">
<form id="formularioCotizacion" class="popup-form">
<div class="row">
<div id="msgContactSubmit" class="hidden"></div>
<div class="form-group col-sm-6">
<div class="help-block with-errors"></div>
<input name="txtNombre" 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>
<div class="form-group col-sm-6">
<div class="help-block with-errors"></div>
<input name="txtEmail" id="email" placeholder="Tu E-mail*" class="form-control" type="email" >
<div class="input-group-icon"><i class="fa fa-envelope"></i></div>
</div>
<div class="form-group col-sm-6">
<div class="help-block with-errors"></div>
<input name="txtTelefono" id="phone" placeholder="Teléfono*" class="form-control" type="text" required data-error="Por favor ingresa tu número de teléfono">
<div class="input-group-icon"><i class="fa fa-phone"></i></div>
</div>
<div class="form-group col-sm-6">
<!-- <div class="help-block with-errors"></div> -->
<div class="input-group-icon"><i class="fas fa-city"></i></div>
<select class="custom-select" required name="txtCiudad" placeholder="Selecciona tu ciudad" style="max-width: 530px:auto;padding:.654rem 2.71rem .105rem;">
<option selected value="">Punto de Venta Cercano*</option>
<option value="Pereira la 14">Pereira Centro Comercial La 14 Local 21</option>
<option value="Dosquebradas">Dosquebradas Centro Cocmercial La Pola Local 3</option>
</select>
</div>
<div class="form-group col-sm-12">
<div class="help-block with-errors"></div>
<textarea rows="6" name="txaAsunto" id="message" placeholder="Que te gustaria cotizar." class="form-control" data-error="Por favor ingresa un mensaje"></textarea>
<div class="textarea input-group-icon"><i class="fa fa-pen"></i></div>
</div>
<div class="row form-group last col-sm-12">
<button id="btnenviar" type="submit" class="btn btn-custom" name="enviar"><i class='fa fa-envelope'></i> Enviar</button>
</div>
</form>
<div id="cajonCotizacion" style="width:500px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>