How to send mail in html or client side without using outlook?

<form id="contact-form" method="post" action="" >
                               <!--action="mailto:Info@Mali.arun44@gmail.com"-->
                               <div class="contact-form-loader"></div>
                               <fieldset>
                                   <div class="row">
                                       <div class="grid_2">
                                           <label class="name">
                                               <input id="nm" type="text" name="name" placeholder="Name:" value=""
                                                      data-constraints="@Required @JustLetters"/>
                                               <span class="empty-message">*This field is required.</span>
                                               <span class="error-message">*This is not a valid name.</span>
                                           </label>
                                       </div>
                                       <div class="grid_2">
                                           <label class="email">
                                               <input id="mail" type="text" name="email" placeholder="E-mail:" value=""
                                                      data-constraints="@Required @Email"/>
                                               <span class="empty-message">*This field is required.</span>
                                               <span class="error-message">*This is not a valid email.</span>
                                           </label>
                                       </div>
                                       <div class="grid_2">
                                           <label class="phone">
                                               <input id="mno" type="text" name="phone" placeholder="Phone:" value=""
                                                      data-constraints="@JustNumbers"/>
                                               <span class="empty-message">*This field is required.</span>
                                               <span class="error-message">*This is not a valid phone.</span>
                                           </label>
                                       </div>
                                   </div>
                                   <label class="message">
                                       <textarea name="message" placeholder="Message:" id="msg"
                                                 data-constraints='@Required @Length(min=20,max=999999)'></textarea>
                                       <span class="empty-message">*This field is required.</span>
                                       <span class="error-message">*The message is too short.</span>
                                   </label>
                                   <div class="btn-wrap">
                                       <a class="btn_3" href="#" data-type="reset">clear</a>
                                       <a class="btn_3" href="#" data-type="submit">send</a>
                                      <!-- <input id="bt1" type="submit" />-->
                                        <input type="button" value="Send Email" />
                                  <!--     contact@shivmaniinfotech.com-->
                                   </div>
                               </fieldset>
                               <div class="modal fade response-message">
                                   <div class="modal-dialog">
                                       <div class="modal-content">
                                           <div class="modal-header">
                                               <button type="button" class="close" data-dismiss="modal"
                                                       aria-hidden="true">×</button>
                                               <h4 class="modal-title">Modal title</h4>
                                           </div>
                                           <div class="modal-body">
                                               You message has been sent!
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </form>