PK

<!-- Button trigger modal -->
<button class="blinkbutton" data-toggle="modal" data-target="#sideModalBRDangerDemo">Need Assistance!</button>
<div class="modal fade right show" id="sideModalBRDangerDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="true" style="display: none; padding-right: 17px;" aria-modal="true">
   <div class="modal-dialog modal-side modal-bottom-right modal-notify modal-danger" role="document">
      <!--Content-->
      <div class="modal-content">
         <!--Header-->
         <div class="modal-header">
            <p class="heading">Query Form</p>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true" class="white-text">×</span>
            </button>
         </div>
         <!--Body-->
         <form id="UserLoginForm" method="POST" action="">
            <div class="modal-body">
               <div class="control-group form-group">
                <div class="controls">
                   <label>Name:</label>
                   <input type="text" class="form-control" id="name" name="name" required data-validation-required-message="Please enter Mobile Number.">
                   <p class="help-block text-danger"></p>
                </div>
               </div>
               <div class="control-group form-group">
                <div class="controls">
                   <label>Email:</label>
                   <input type="email" class="form-control" id="email" name="email" required data-validation-required-message="Please enter your email.">
                   <p class="help-block text-danger"></p>
                </div>
               </div>
               <div class="control-group form-group">
                <div class="controls">
                   <label>Phone:</label>
                   <input type="text" class="form-control" id="phone" name="phone" required data-validation-required-message="Please enter your phone no.">
                   <p class="help-block text-danger"></p>
                </div>
               </div>
               <div class="control-group form-group">
                <div class="controls">
                   <label>Message:</label>
                   <textarea class="form-control background-white" rows="2" placeholder="Enter your descriptions here..." name="message" id="message" required=""></textarea>
                </div>
               </div>
            </div>
            <!--Footer-->
            <div class="modal-footer justify-content-center">
               <button type="submit" class="btn btn-danger waves-effect waves-light" name="needassistancebtn" id="needassistancebtn"> Submit</button>
               <a type="button" class="btn btn-outline-danger waves-effect" data-dismiss="modal">No, thanks</a>
            </div>
         </form>         
      </div>
      <!--/.Content-->
   </div>
</div>

PK 99