layouts/shortcodes/contact.html

   1 <section id="contact">
   2   <div class="inner">
   3     <section>
   4
   5       <p class="error message js-hidden">Javascript is required for this form to work</p>
   6       <p class="contact-submitted status message hidden">Your message has been sent correctly. I'll get back at you as soon as possible</p>
   7       <p class="contact-error error message hidden">There's been a problem with your message, I'll dispatch the wizard to investigate the issue.</p>
   8
   9       <form class="contact-form hidden" data-protect="/php/contact.php" action="#" method="post" accept-charset="UTF-8">
  10         <div class="fields">
  11           <div class="field half">
  12             <label for="edit-name">Name:</label>
  13             <input type="text" id="edit-name" name="name" placeholder="Insert your name" required autofocus>
  14           </div>
  15           <div class="field half">
  16             <label for="edit-mail">Email:</label>
  17             <input type="email" id="edit-mail" name="email" placeholder="your email address" required>
  18           </div>
  19           <div class="field">
  20             <label for="edit-subject">What are we talking about?</label>
  21             <input type="text" id="edit-subject" name="subject" placeholder="add a subject" required>
  22           </div>
  23           <div class="field">
  24             <label for="edit-message">Tell me everything :)</label>
  25             <textarea id="edit-message" name="message" rows="5" placeholder="Insert your message here" required></textarea>
  26           </div>
  27         </div>
  28         <input type="text" id="edit-url" class="hidden" name="url" placeholder="your website">
  29         <ul class="actions">
  30           <li><input type="submit" name="submit" class="form-submit primary" disabled value="Send Message" /></li>
  31           <li><input type="reset" name="reset" class="form-reset" disabled value="clear" /></li>
  32         </ul>
  33
  34       </form>
  35     </section>
  36
  37     <section class="split">
  38       <section>
  39         <div class="contact-method">
  40           <span class="icon solid alt fa-envelope"></span>
  41           <h3>Reach out to me</h3>
  42           <p>I'm here to help, if you need to talk to me feel free to reach out and tell me whatever you need help with, I'll be happy to find some time to discuss the matter with you!</p>
  43           <img class="signature image right" src="/uploads/2018/05/new-signature.png" alt="signed by danix">
  44         </div>
  45       </section>
  46     </section>
  47   </div>
  48 </section>
  49
  50
  51