human check

contact.html

@@ -116,12 +116,15 @@
 									<textarea id="form_message" name="message" class="form-control" rows="6" required="required" data-error="Please Leave Us a Message."></textarea>
 									<span class="material-input"></span>
 								</div>
+								<input type="text" name="humans" id="humans" class="humans" />
 							</div>
 							<div class="card-footer justify-content-between">
 								<button type="submit" class="btn btn-success pull-right">Send Message</button>
 								<a href="quote.html"><button type="button" class="btn btn-danger"> Request a Quote</button></a>
 							</div>
 						</div>
+						<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
+						
 					</form>
 				
 				</div>
@@ -379,6 +382,14 @@
 <script src="js/material-kit.min.js"></script>
 <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB7ggSZufhKYdFE5PfBcy6aS4xnaX4-O_0"></script>
 <script async defer src="https://www.google.com/recaptcha/api.js?render=6Ld-Jq8UAAAAAIiecUb4JD3KmBRITjoMD_sbHkn0"></script>
+<script>
+grecaptcha.ready(function () {
+	grecaptcha.execute('6Ld-Jq8UAAAAAIiecUb4JD3KmBRITjoMD_sbHkn0', { action: 'contact' }).then(function (token) {
+		var recaptchaResponse = document.getElementById('recaptchaResponse');
+		recaptchaResponse.value = token;
+	});
+});
+</script>
 <script src="js/instagram.js"></script>
 <script src="js/map.js"></script>
 <script src="js/init.js"></script>

css/style.css

@@ -103,6 +103,9 @@ a:hover { color:#16c462; }
 .secondary-text-color  { color: #757575; }
 .divider-color         { border-color: #BDBDBD; }
 
+
+.humans { display: none; }
+
 .navbar .navbar-brand {
 	height:70px;
 }