Contact Form

All needed files are in /form directory.

Remember to includeon page.
To configure form just edit form/config.php and change e-mails to your own :

$to = "mail@example.com";
$from = "mail@example.com";

1 2	$to = "mail@example.com"; $from = "mail@example.com";

That’s it!

HTML markup:

<div class="ct-form-section ct-form-section--type2">
              <h2 class="h4 ct-form-section__title text-left">Get In Touch</h2>
              <form role="form" action="assets/form/send.php" method="POST" data-email-subject="My Confetti" class="ct-js-validate ct-form-section__form"><span class="ct-form-section__header">We promise to get back to you within 48h.</span>
                <div class="row">
                  <div class="col-sm-6">
                    <div class="form-group">
                      <input type="text" placeholder="Name" id="name" name="field[]" required="required" class="form-control"/>
                      <label for="name" class="sr-only">Name</label>
                    </div>
                    <div class="form-group">
                      <input type="email" placeholder="Email" id="email" name="field[]" required="required" class="form-control"/>
                      <label for="email" class="sr-only">Email</label>
                    </div>
                    <div class="form-group">
                      <input type="text" placeholder="Website" id="website" name="field[]" required="required" class="form-control"/>
                      <label for="website" class="sr-only">Website</label>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <textarea placeholder="Message" id="message" rows="7" type="text" required="required" name="field[]" class="form-control"></textarea>
                      <label for="message" class="sr-only">Message</label>
                    </div>
                  </div>
                  <div class="col-xs-12">
                    <button type="submit" class="btn btn-motive">Send
                    </button>
                  </div>
                </div>
                <div role="alert" class="successMessage alert alert-success alert-dismissible">
                  <button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">&times;</span></button>Your Email has been sent successfully.
                </div>
                <div role="alert" class="errorMessage alert alert-danger alert-dismissible">
                  <button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">&times;</span></button>Ups, something went wrong.
                </div>
              </form>
            </div>

<h2 class="h4 ct-form-section__title text-left">Get In Touch</h2>

<form role="form" action="assets/form/send.php" method="POST" data-email-subject="My Confetti" class="ct-js-validate ct-form-section__form"><span class="ct-form-section__header">We promise to get back to you within 48h.</span>

</div>

<label for="email" class="sr-only">Email</label>

</div>

<label for="website" class="sr-only">Website</label>

</div>

<label for="message" class="sr-only">Message</label>

</div>

<button type="submit" class="btn btn-motive">Send

</button>

</div>

<button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>Your Email has been sent successfully.

</div>

<button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>Ups, something went wrong.

</div>

</form>

</div>

Screenshot

Contact Form

Options (can be changed in HTML) :

Mail Subject – just change value in :
Success Message – change successMessage div content
Error Message – change errorMessage div content

News

Siver

Estato

Disrupt

We are elite