File: /home/floridasbestlawnandpest/public_html/fblp/contact.php
<?php include 'header.php';?>
<script src="assets/js/scripts.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
/* FREE QUOTE */
.quote {
background-color: #ffffffc9;
padding: 50px;
}
.quote-label {
padding-bottom: 10px;
opacity: 0.6;
}
.quote-toggle {
margin-top: 25px;
}
.quote-toggle-btn {
color: #000000ad;
font-size: 1.25em;
background: #ebebeb;
border-radius: 50px;
padding: 15px 30px;
}
.quote-toggle-btn:hover {
color: #f5ab20;
}
.quote-btn-active {
color: #f5ab20;
}
.quote-btn-submit {
font-size: 1.5em;
font-weight: 700;
margin-top: 50px;
color: #ffffff;
background: #f5ab20;
border-radius: 50px;
padding: 15px;
}
.quote-btn-submit:hover {
background: #00d612;
color: #ffffff;
}
@media (max-width: 767px) {
.quote {
padding: 30px 5px;
}
.quote-label {
padding-bottom: 10px;
padding-top: 15px;
}
.quote-btn-submit {
border: 2px solid #f5ab20;
}
.quote-toggle {
margin-top: 50px;
}
.quote-toggle-btn {
font-size: 1em;
}
}
.cta-form .form-group .nice-select .list {
overflow: scroll;
overflow-y: visible;
white-space: nowrap;
height: 25vh;
}
</style>
<!-- breadcrumb area start -->
<section class="breadcrumb-area pt-140 pb-140 bg_img" data-overlay="5"
data-background="assets/images/banner/banner-2-bg-1.jpg">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="breadcrumb-text">
<h1 class="breadcrumb-title">Contact Us</h1>
<p><span>Welcome</span> to our cleaning company</p>
</div>
</div>
<div class="col-lg-6 my-auto">
<div class="breadcrumb-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>|</li>
<li>Contact</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- breadcrumb area end -->
<!-- feature area start -->
<section class="feature-area feature-area-2 pt-120 pb-120">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7 text-center">
<div class="section-heading section-heading-2 mb-70">
<h5 class="sub-title mb-22">Features</h5>
<h2 class="section-title">Core Features</h2>
</div>
</div>
</div>
<div class="row mt-none-30 text-center">
<div class="col-xl-3 col-lg-6 col-md-6 mt-30">
<div class="singel-feature-box singel-feature-box-2">
<div class="feature-icon mb-35">
<img src="assets/images/icons/contact-info-1.png" alt="">
</div>
<div class="feature-content">
<h3 class="feture-title mb-20">Email Address</h3>
<p>
<a href="mailto:[email protected]">[email protected]</a> <br>
</p>
<a href="mailto: [email protected]" class="inline-btn mt-20"><i class="fal fa-arrow-right"></i> Mail Us</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mt-30">
<div class="singel-feature-box singel-feature-box-2">
<div class="feature-icon mb-35">
<img src="assets/images/icons/contact-info-2.png" alt="">
</div>
<div class="feature-content">
<h3 class="feture-title mb-20">Phone Number</h3>
<p>
<a href="tel: 18448997378">+1 (844) 899-7378</a> <br>
</p>
<a href="Tel: 18448997378" class="inline-btn mt-20"><i class="fal fa-arrow-right"></i> Make Call</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mt-30">
<div class="singel-feature-box singel-feature-box-2">
<div class="feature-icon mb-35">
<img src="assets/images/icons/contact-info-3.png" alt="">
</div>
<div class="feature-content">
<h3 class="feture-title mb-20">Office Address</h3>
<p>
141 NW 20th St G7 <br>Boca Raton, FL 33431
</p>
<a href="https://www.google.com/maps/place/141+NW+20th+St+Suite+g7,+Boca+Raton,+FL+33431/data=!4m2!3m1!1s0x88d8e1faa823de2d:0x59303771e938202d?sa=X&ved=2ahUKEwjFouqwxYr4AhXXlmoFHWIGBC0Q8gF6BAgfEAE" class="inline-btn mt-20"><i class="fal fa-arrow-right"></i> Get Directions</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mt-30">
<div class="singel-feature-box singel-feature-box-2">
<div class="feature-icon mb-35">
<img src="assets/images/icons/contact-info-4.png" alt="">
</div>
<div class="feature-content">
<h3 class="feture-title mb-20">Social Connect</h3>
<p>
<a href="https://www.facebook.com/FloridasBestLawnAndPest/">www.facebook.com/floridasbestlawnandpest</a> <br>
<a href="https://www.instagram.com/floridasbestlawnandpest/">www.instagram.com/floridasbestlawnandpest</a> <br>
</p>
<a href="#0" class="inline-btn mt-20"><i class="fal fa-arrow-right"></i> Get Connect</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- feature area end -->
<!-- cotact form start -->
<section class="contact-area bg-2">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="contact-wrap mb-120 mt-120">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="section-heading section-heading-2">
<h5 class="sub-title mb-22">Call To Action</h5>
<h2 class="section-title">Get an emergency call
or appoinment.</h2>
</div>
<form id="valForm" name="contactform" method="POST" aria-label="Get A Free Estimate">
<input type="hidden" class="form-control" id="LeadTypeService" name="LeadTypeService" value="FBLP">
<input type="hidden" class="form-control" id="LeadTypeId" name="LeadTypeId" value="7">
<div class="cta-form mt-none-10">
<div class="row">
<div class="form-group mt-20 col-6">
<label for="First name"><i class="fal fa-user"></i></label>
<input type="text" id="firstname" name="firstname" placeholder="Enter your first name">
</div>
<div class="form-group mt-20 col-6">
<label for="Last Name"><i class="fal fa-user"></i></label>
<input type="text" id="lastname" name="lastname" placeholder="Enter your last name">
</div>
<div class="form-group mt-20 col-6">
<label for="Phone Number"><i class="fal fa-phone"></i></label>
<input type="tel" name="phone" id="phone" maxlength= "10" minlength="10" placeholder="Enter your Phone Number">
</div>
<div class="form-group mt-20 col-6">
<input type="email" name="email" id="email" placeholder="Enter your Email Address">
</div>
<div class="form-group mt-20 col-4">
<input type="text" name="zip" id="zipCode" maxlength= "5" minlength="5" placeholder="Enter Your Zip Code">
</div>
<div class="form-group mt-20 col-4">
<input type="city" name="city" id="city" placeholder="City">
</div>
<div class="form-group mt-20 col-4">
<input type="state" name="state" id="state" placeholder="State">
</div>
<div class="col-md-6">
<div class="btn-group quote-toggle" role="group" aria-label="Service Type" name="service" id="service">
<button type="button" id="quote-pest-btn" onclick="enablePest();" value="Pest Control" class="btn quote-toggle-btn quote-btn-active"><i class="fas fa-bug"></i> Pest Control</button>
<button type="button" id="quote-lawn-btn" onclick="enableLawn();" value="Lawn Care" class="btn quote-toggle-btn"><i class="fas fa-tree"></i> Lawn Care</button>
</div>
</div>
<div class="col-md-6 form-group mt-20">
<label for="formControlInput6" class="font-pn-c-m mb-0 quote-label"></label>
<select class="form-control form-control-lg text-center" id="formControlInput6" name="servicetype" required>
<option selected hidden disabled value="">Select Service</option>
<option id="q-q1" style="display:block;" value="Lawn Pest Control" >Lawn Pest Control</option>
<option id="q-q2" style="display:block;" value="Mosquito Prevention" >Mosquito Prevention</option>
<option id="q-q3" style="display:block;" value="Flea & Tick Control" >Flea & Tick Control</option>
<option id="q-q4" style="display:block;" value="Whitefly Pest Control" >Whitefly Pest Control</option>
<option id="q-q5" style="display:block;" value="Fireant Control" >Fireant Control</option>
<option id="q-q6" style="display:block;" value="Ghost Ant Control" >Ghost Ant Control</option>
<option id="q-q7" style="display:block;" value="Foundation Ant Control" >Foundation Ant Control</option>
<option id="q-q8" style="display:block;" value="General Pest Control" >General Pest Control</option>
<option id="q-q9" style="display:block;" value="Exterior Pest Control" >Exterior Pest Control</option>
<option id="q-q10" style="display:block;" value="Barrier Spray" >Barrier Spray</option>
<option id="q-q11" style="display:block;" value="Perimeter Spray" >Perimeter Spray</option>
<option id="q-q12" style="display:block;" value="Perimeter Pest Prevention" >Perimeter Pest Prevention</option>
<option id="q-q13" style="display:block;" value="Spider Removal" >Spider Removal</option>
<option id="q-q14" style="display:block;" value="Brush Down" >Brush Down</option>
<option id="q-q15" style="display:block;" value="Spider Spray" >Spider Spray</option>
<option id="q-q16" style="display:block;" value="Small Animal Control" >Small Animal Control</option>
<option id="q-q17" style="display:block;" value="Rodent Control" >Rodent Control</option>
<option id="q-q18" style="display:block;" value="Pesticide Application" >Pesticide Application</option>
<option id="q-q19" style="display:block;" value="Outside Insecticide Application" >Outside Insecticide Application</option>
<option id="q-q20" style="display:none;" value="Lawn Mowing & Maintenance">Lawn Mowing & Maintenance</option>
<option id="q-q21" style="display:none;" value="Mulching" >Mulching</option>
<option id="q-q22" style="display:none;" value="Seeding" >Seeding</option>
<option id="q-q23" style="display:none;" value="Sod Installation" >Sod Installation</option>
<option id="q-q24" style="display:none;" value="Weed Control" >Weed Control</option>
<option id="q-q25" style="display:none;" value="Lawn Disease Control" >Lawn Disease Control</option>
<option id="q-q26" style="display:none;" value="Lawn Fertilization" >Lawn Fertilization</option>
<option id="q-q27" style="display:none;" value="Exterior Lighting" >Exterior Lighting</option>
<option id="q-q28" style="display:none;" value="Shrub & Tree Trimming" >Shrub & Tree Trimming</option>
<option id="q-q29" style="display:none;" value="Tree Installation" >Tree Installation</option>
<option value="Multiple-Other" >Multiple / Other</option>
</select>
</div>
<div class="form-group mt-20 col-12">
<button type="submit" class="btn quote-btn-submit site-btn boxed" value="Get Quote">Submit Request</button>
</div>
<p class="ajax-response"></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cotact form end -->
<script>
/*-----------------------------------------------------------------------*/
/*----------------------------- URL POST --------------------------------*/
/*-----------------------------------------------------------------------*/
// When DOM is loaded this
// function will get executed
$(() => {
// function will get executed
// on click of submit button
$("#submitButton").click(function(ev) {
var form = $("#valForm");
var url = form.attr('action');
$.ajax({
type: "POST",
url: https://leads.floridasbestlawnandpest.com/api/PostLead,
data: form.serialize(),
success: function(data) {
// Ajax call completed successfully
alert("Form Submited Successfully");
},
error: function(data) {
// Some error in ajax call
alert("some Error");
}
});
});
});
</script>
<script>
/*-----------------------------------------------------------------------*/
/*----------------------------- Zipcode ---------------------------------*/
/*-----------------------------------------------------------------------*/
$('#zipCode').on("input", function() {
var zipCode = $('#zipCode').val();
if (zipCode.length == 5) {
$.ajax({
type: 'GET',
url: 'https://ziplookup.visualyzers.com/Ziplookup?zipcode=' + zipCode,
success: function(results) {
if (!results) {
$('#errorZip').show();
$('#submitButton').prop("disabled", true);
} else {
$('#city').val(results.city);
$('#state').val(results.state);
$('#errorZip').hide();
$('#submitButton').prop("disabled", false);
}
}
})
}
});
</script>
<script>
/*-----------------------------------------------------------------------*/
/*----------------------------- Validation ------------------------------*/
/*-----------------------------------------------------------------------*/
var form = $("#valForm");
form.validate({
errorPlacement: function errorPlacement(error, element) {
element.before(error);
},
rules: {
firstname: {
required: true,
maxlength: "30"
},
lastname: {
required: true,
maxlength: "30"
},
dobmonth: {
required: true,
date: true
},
dobday: {
required: true
},
dobyear: {
required: true
},
phone: {
required: true,
minlength: 10,
maxlength: 10,
phoneUS: true
},
email: {
required: true
},
address: {
required: true
},
zipCode: {
required: true,
minlength: 5,
maxlength: 5
},
city: {
required: true
},
state: {
required: true
}
},
messages: {
firstname: {
required: "Please enter a valid First Name"
},
lastname: {
required: "Please enter a valid Last Name"
},
phone: {
required: "Please enter a valid phone number"
},
email: {
required: "Please enter a valid Email Address"
},
address: {
required: "Please enter a valid Street Address",
},
zipCode: {
required: "Please enter a valid Zip Code",
},
city: {
required: "Please enter a valid City",
},
state: {
required: "Please enter a valid State",
}
},
});
</script>
<?php include 'footer.php';?>