Contact Form
Contact Form
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 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 |
<div class="ct-comment"> <div class="successMessage ct-alert ct-alert--success"> <div class="ct-alert-header"> <div class="ct-alert-title"> <h4><small>Success</small></h4> </div> <div class="ct-alert-closeIcon"> <i class="fa fa-times"></i> </div> </div> <div class="ct-alert-content"> <p> Success </p> </div> </div> <div class="errorMessage ct-alert ct-alert--danger"> <div class="ct-alert-header"> <div class="ct-alert-title"> <h4><small>Danger</small></h4> </div> <div class="ct-alert-closeIcon"> <i class="fa fa-times"></i> </div> </div> <div class="ct-alert-content"> <p> Error </p> </div> </div> <form class="form-horizontal validateIt" role="form" action="assets/form/send.php" method="POST"> <div class="row"> <div class="col-md-4"> <div class="form-group"> <label for="name" class="col-md-3 control-label">Name:*</label> <div class="col-md-9"> <input type="text" class="form-control" required="" name="field[]" id="name" placeholder="Name"> </div> </div> <div class="form-group"> <label for="email" class="col-md-3 control-label">E-mail:*</label> <div class="col-md-9"> <input type="email" class="form-control" required="" name="field[]" id="email" placeholder="e-mail"> </div> </div> <div class="form-group"> <div class="ct-contact-btn col-md-9 col-md-offset-3"> <button type="submit" class="btn btn-motive ct-btn-rounded ct-hover--outlineOut ct-contact-btn"><span>Submit</span><i class="fa fa-send"></i></button> </div> </div> </div> <div class="col-md-8"> <div class="form-group"> <label for="email" class="col-md-2 control-label">Your comment:*</label> <div class="col-md-10"> <textarea class="form-control" rows="8" required="" name="field[]" placeholder="Type any text"></textarea> </div> </div> </div> </div> </form> </div> |
Script:
|
1 |
<script src="assets/form/js/contact-form.js"></script> |
Newsletter
Newsletter
HTML markup:
|
1 2 3 4 5 6 7 8 9 10 |
<div class="ct-newsletter"> <form class="form-inline" role="form" action="assets/form/send.php" method="POST"> <div class="input-group"> <input type="text" class="form-control" required="" name="field[]" placeholder="E-mail adress"> <span class="input-group-btn"> <button class="btn btn-motive" type="submit"><i class="fa fa-send"></i></button> </span> </div> </form> </div> |
Script:
|
1 |
<script src="assets/form/js/contact-form.js"></script> |
Common Problems
Where I can edit my contact form/newsletter email addres?
You can define where we should send messages from your contact form and newsletter in file HTML/assets/form/config.php
Form config
Add your email address instead of recipient@mail.com and it’s ready to use!