Create a Contact form like the Senses Lite demo

This tutorial will be quite easy because to make the contact form shown on the live demo site for Senses Lite, you simply need to copy some code.

The plugin I used for the form is the popular Contact Form 7. I will let you go through their documentation for setting up your form configuration, but for the form itself, this is the code you can use to get the layout I have on the demo:

<div class="row"> <div class="col-md-6">  <div class="form-group"> Your Name (required)<br />     [text* your-name class:form-control] </div> </div> <div class="col-md-6">  <div class="form-group"> Your Email (required)<br />     [email* your-email class:form-control] </div> </div> <div class="col-md-12"> <div class="form-group">Subject<br />     [text your-subject class:form-control] </div> </div> <div class="col-md-12"> <div class="form-group">Your Message<br />     [textarea your-message class:form-control]</div> <div class="form-group">     [submit id:send class:btn class:btn-sm "Send"] </div> </div> </div>