inventory window

<!-- Middle Area -->
<div class="col-md-9">
  <form action="">
   <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-danger btn-lg mdlFire"  data-target="#modal-2" >Click here to open modal</button>

<!-- Modal -->
  <div class="modal  fade mymodal " id="modal-2"  role="dialog" style="padding-top: 45px;float: right;width: 25%;right: 0;padding-right: 0px !important;">
    <div class="">

      <!-- Modal content-->
      <div class="modal-content ">
        <div class="modal-header bg-primary" style="padding:5px 15px;">
          <button type="button" class="close" data-dismiss="modal"> <i class='fa fa-times'></i> </button>

          <button class="close modalMinimize"> <i class='fa fa-minus'></i> </button>

          <h4 class="modal-title">A demo of modal with min/max options</h4>
        </div>

        <div class="modal-body" style="padding: 0px;">

     <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
    <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
        </div>
        </div>

     </div>  <!--  Modal Dilog End -->
  </div>

  <!-- Modal -->

   <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-danger btn-lg mdlFire"  data-target="#modal-1" >Click here to open modal</button>

  <!-- Modal -->
  <div class="modal  fade mymodal" id="modal-1"  role="dialog" style="float: left;width: 75%;padding-right: 0px;">
    <div class="">

      <!-- Modal content-->
      <div class= "modal-content">
        <div class="modal-header bg-primary" style="padding:5px 15px;">
          <button type="button" class="close" data-dismiss="modal"> <i class='fa fa-times'></i> </button>

          <button class="close modalMinimize"> <i class='fa fa-minus'></i> </button>

          <h4 class="modal-title">A demo of modal with min/max options</h4>
        </div>

        <div class="modal-body " >


    <div class="pull-left col-md-6">
    <div class="form-group">
    <label class="control-label col-sm-5" for="email">Email:</label>
    <div class="col-sm-7">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>

   <div class="form-group">
    <label class="control-label col-sm-5" for="email">Email:</label>
    <div class="col-sm-7">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
        </div>
        <div class="pull-right col-md-6">
                   <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
    <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
        </div>
        <div class="clearfix"></div>
          <ul class="nav nav-tabs ">
    <li class="active"><a data-toggle="tab" href="#home" style="padding: 5px 30px;border-radius: 25px 0px 0px 0px; border: 1px solid #ddd;color:black;margin-right: 0px;">Home</a></li>
    <li><a data-toggle="tab" class="bg-deep" href="#menu1" style="padding: 5px 30px;border-radius: 25px 0px 0px 0px; border: 1px solid #ddd;color:black;margin-right: 0px;">Menu 1</a></li>
    <li><a data-toggle="tab" class="bg-deep" href="#menu2" style="padding: 5px 30px;border-radius: 25px 0px 0px 0px; border: 1px solid #ddd;color:black;margin-right: 0px;">Menu 2</a></li>
    <li><a data-toggle="tab" class="bg-deep" href="#menu3" style="padding: 5px 30px;border-radius: 25px 0px 0px 0px; border: 1px solid #ddd;color:black;margin-right: 0px;">Menu 3</a></li>
  </ul>
    <div class="tab-content">

      <div id="home" class="tab-pane fade in active">

   <table class="table table-bordered table-responsive ">
    <thead class="">
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody class="bg-white">
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
        <td>john@example.com</td>
      </tr>

    </tbody>
  </table>
      </div>

<div id="menu1" class="tab-pane fade">
      <h3>Menu 1</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div id="menu2" class="tab-pane fade">
      <h3>Menu 2</h3>
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
    </div>
    <div id="menu3" class="tab-pane fade">
      <h3>Menu 3</h3>
      <p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </div>
    </div>


<div class="clearfix " ></div>
<div class="pull-left col-md-6">
    <div class="form-group">
    <label class="control-label col-sm-5" for="email">Email:</label>
    <div class="col-sm-7">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>

   <div class="form-group">
    <label class="control-label col-sm-5" for="email">Email:</label>
    <div class="col-sm-7">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
        </div>
        <div class="pull-right col-md-6">
                   <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
    <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control input-sm" id="email" placeholder="Enter email">
    </div>
  </div>
        </div>

        <div class="clearfix"></div>


  <div class="form-group ml-3">
      <button type="submit" class="btn btn-primary">Submit</button>

  </div>
</form>
        </div>

        <div class="modal-footer"  style="padding:5px 15px;">
        </div>

      </div>
     </div>  <!--  Modal Dilog End -->
  </div>
  <!-- Modal -->

</div>

<!-- Middle Area End-->