fcf.form.htm 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <!-- the line below is needed -->
  7. <link href="fcf-assets/css/fcf.default.css" rel="stylesheet">
  8. <title>Contact Form</title>
  9. </head>
  10. <body>
  11. <!-- the lines below are needed -->
  12. <div style="max-width:500px;padding:30px">
  13. <div id="fcf-form">
  14. <form class="fcf-form-class" id="freeversion" method="post" action="fcf-assets/fcf.process.php">
  15. <div class="field">
  16. <label for="Name" class="label has-text-weight-normal">Your name</label>
  17. <div class="control">
  18. <input type="text" name="Name" id="Name" class="input is-full-width" maxlength="100"
  19. data-validate-field="Name">
  20. </div>
  21. </div>
  22. <div class="field">
  23. <label for="Email" class="label has-text-weight-normal">Your email address</label>
  24. <div class="control">
  25. <input type="email" name="Email" id="Email" class="input is-full-width" maxlength="100"
  26. data-validate-field="Email">
  27. </div>
  28. </div>
  29. <div class="field">
  30. <label for="Message" class="label has-text-weight-normal">Your message</label>
  31. <div class="control">
  32. <textarea name="Message" id="Message" class="textarea" maxlength="3000" rows="5"
  33. data-validate-field="Message"></textarea>
  34. </div>
  35. </div>
  36. <div id="fcf-status" class="fcf-status"></div>
  37. <div class="field">
  38. <div class="buttons">
  39. <button id="fcf-button" type="submit" class="button is-link is-medium">Send Message</button>
  40. </div>
  41. </div>
  42. </form>
  43. </div>
  44. <div id="fcf-thank-you" style="display:none">
  45. <!-- Thank you message goes below -->
  46. <strong>Thank you</strong>
  47. <p>Thanks for contacting us, we will get back in touch with you soon.</p>
  48. <!-- Thank you message goes above -->
  49. </div>
  50. </div>
  51. <script src="fcf-assets/js/fcf.just-validate.min.js"></script>
  52. <script src="fcf-assets/js/fcf.form.js"></script>
  53. <!-- the lines above are needed -->
  54. </body>
  55. </html>