Contact form is now powered by formspree, with the option to switch back to original PHP form
parent
0a74e377f3
commit
bfaa44e7a1
@ -0,0 +1,51 @@
|
|||||||
|
<!-- Contact Section -->
|
||||||
|
<section id="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center">
|
||||||
|
<h2>Contact Me</h2>
|
||||||
|
<hr class="star-primary">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-lg-offset-2">
|
||||||
|
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
|
||||||
|
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
|
||||||
|
<form action="//formspree.io/<your-email-here>" method="POST" name="sentMessage" id="contactForm" novalidate>
|
||||||
|
<div class="row control-group">
|
||||||
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
||||||
|
<label>Name</label>
|
||||||
|
<input type="text" name="name" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
|
||||||
|
<p class="help-block text-danger"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row control-group">
|
||||||
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
||||||
|
<label>Email Address</label>
|
||||||
|
<input type="email" name="_replyto" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
|
||||||
|
<p class="help-block text-danger"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input type="hidden" name="_subject" value="New submission!">
|
||||||
|
<input type="text" name="_gotcha" style="display:none" />
|
||||||
|
</div>
|
||||||
|
<div class="row control-group">
|
||||||
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
||||||
|
<label>Message</label>
|
||||||
|
<textarea rows="5" name="message" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
|
||||||
|
<p class="help-block text-danger"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="success"></div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group col-xs-12">
|
||||||
|
<button type="submit" class="btn btn-success btn-lg">Send</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
@ -0,0 +1,23 @@
|
|||||||
|
$(function() {
|
||||||
|
|
||||||
|
$("input,textarea").jqBootstrapValidation({
|
||||||
|
preventSubmit: true,
|
||||||
|
submitError: function($form, event, errors) {
|
||||||
|
// additional error messages or events
|
||||||
|
},
|
||||||
|
|
||||||
|
filter: function() {
|
||||||
|
return $(this).is(":visible");
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
$("a[data-toggle=\"tab\"]").click(function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$(this).tab("show");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/*When clicking on Full hide fail/success boxes */
|
||||||
|
$('#name').focus(function() {
|
||||||
|
$('#success').html('');
|
||||||
|
});
|
Loading…
Reference in New Issue