All needed files are in /form directory.
To configure form just edit form/config.php and change e-mails to your own :
1 2 |
$to = "mail@example.com"; $from = "mail@example.com"; |
That’s it!
HTML markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<form action="../assets/form/send.php" method="POST" class="validateIt ct-form ct-form--with-inner"> <div class="row ct-u-margin-bottom-20"> <div class="col-md-4"> <div class="inner-group"> <div class="form-group"> <input type="text" placeholder="Name *" id="contact_name" required="required" class="form-control form-control-light input-lg"/> <label for="contact_name" class="sr-only">Name *</label> </div> <div class="form-group"> <input type="text" placeholder="Email *" id="contact_email" required="required" class="form-control form-control-light input-lg"/> <label for="contact_email" class="sr-only">Email *</label> </div> </div> </div> <div class="col-md-8"> <div class="form-group"> <textarea placeholder="Your message *" id="contact_message" rows="5" required="required" class="form-control form-control-light ct-u-margin-both-0"></textarea> <label for="contact_message" class="sr-only">Your message *</label> </div> </div> </div> <div class="row"> <div class="col-sm-8 text-left"><span class="ct-u-color--gray ct-u-font-family-secondary ct-u-font-style--italic center-block ct-u-margin-top-15">Fields marked with * are mandatory</span></div> <div class="col-sm-4"> <div class="row"> <div class="col-xs-5"><a class="btn btn-link"><i class="fa fa-close"></i>clear</a></div> <div class="col-xs-7"> <button class="btn btn-motive btn-square">send message</button> </div> </div> </div> </div> </form> |
Screenshot
Options (can be changed in HTML) :
- Mail Subject – just change value in :
- Success Message – change successMessage div content
- Error Message – change errorMessage div content