How to setup contact form

The contact form HTML markup is located in app/contact.html

<form class="hg-contactform" method="post" action="contactForm.php">
 <div class="form-group">
  <input type="text" name="name" id="text_field" class="ag-form-input form-control" placeholder="Your Name"/>
  <!--<label for="text_field">Text Field</label>-->
 </div>
 <div class="form-group">
  <input type="email" id="email" name="email" class="ag-form-input form-control" placeholder="Email"/>
  <!--<label for="text_area">Text Area:</label>-->
 </div>
 <div class="form-group">
  <textarea id="text_area" name="message" class="ag-form-input form-control fancy-textarea" cols="40" rows="6" placeholder="Share your idea"></textarea>
  <!--<label for="text_area">Text Area:</label>-->
 </div>

 <div class="form-group">
  <label for="budget" class="label-control">Your budget</label>
  <select id="budget" name="ag-budget" class="ag-form-input select-control ag-fancy-form-select">
   <option value="$5.000 - $10.000">$5.000 - $10.000</option>
   <option value="$11.000 - $15.000">$11.000 - $15.000</option>
   <option value="$16.000 - $20.000">$16.000 - $20.000</option>
  </select>
 </div>
 <div class="form-group txt-center">
  <button class="ag_btn btn btn-lined lined-dark btn--square hg-submitcontact" type="submit">Send message</button>
 </div>
</form>

The class that triggers the js is ".hg-contactform"

The contact form PHP code is located in app/contactForm.php. In this file, you can change the recipient email address, recipient name, email subject.

The form is based on Bootstrap forms but to which is added custom style. The style is found in app/css/scss/_general.scss