diff --git a/app/Views/transporterListing.php b/app/Views/transporterListing.php
index 78e82159..108db5b5 100644
--- a/app/Views/transporterListing.php
+++ b/app/Views/transporterListing.php
@@ -54,6 +54,10 @@
                                             <h4 class="page-title">Transporter Details</h4>
                                         </div>
                                     </div>
+                                    <div class="col-xs-12 col-md-6 text-right">
+                                        <div class="form-group">
+                                            <a data-toggle="modal" href="#transporterwizard" data-id="0" data-name="" class="btn btn-success">Add New Transporter</a>
+                                        </div>
                                 </div>
                                 <table id="datatable-buttons" class="table table-striped dt-responsive nowrap w-100">
                                     <thead>
@@ -109,6 +113,47 @@
         </div> <!-- container -->
     </div> <!-- content -->
 </div>
+        <!-- for Add and edit Modal -->
+        <div class="modal fade" id="transporterwizard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+          <div class="modal-dialog">
+              <div class="modal-content">
+                  <!-- Modal Header -->
+                  <div class="modal-header">
+                      <button type="button" class="close" data-dismiss="modal">
+                          <span aria-hidden="true">&times;</span>
+                          <span class="sr-only">Close</span>
+                      </button>
+                     <center><h4 class="modal-title" id="myModalLabel"></h4></center>
+                  </div>
+
+                  <!-- Modal Body -->
+                  <div class="modal-body">
+                      <form id="transporterForm" class="form-horizontal" role="form">
+                          <div class="form-group">
+                              <div class="row">
+                                  <div class="col-md-3 col-md-offset-2">
+                                    Transporter Name:
+                                  </div>
+                                  <div class="col-md-5">
+                                      <input type="text" name="transportername" id="transportername" class="form-control">
+                                      <input type="hidden" name="transporterid" id="transporterid" class="form-control">
+                                  </div>
+                              </div>
+                          </div>
+                      </form>
+                  </div>
+
+                  <!-- Modal Footer -->
+                  <div class="modal-footer">
+                      <a class="btn btn-cancel" data-dismiss="modal">Cancel</a>
+                      <a class="btn btn-success font tempClick" id="tempClick">
+                          <span class="bold">Submit</span>
+                      </a>
+                  </div>
+              </div>
+          </div>
+        </div>
+
 
 
 <script>