
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>POS </h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">General Form</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->	
	<section class="content">
      <div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="col-md-8">
            
            <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">Product List</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
           
                <div class="card-body">
                  
				<div class='form-group'>
              <label for='inputName'>START DATE</label>
              <input type='date' name='Phone' id='inputName' class='form-control' value='' />
            </div>
			<div class='form-group'>
              <label for='inputName'>END DATE</label>
              <input type='date' name='Phone' id='inputName' class='form-control' value='' />
            </div>
			
			<div class='form-group'>
              <input type='submit' class='btn btn-primary' value='Save Changes'>
			 <input type='hidden' name='hidden' value=''>  
            </div>
				  
				  
                </div>
                <!-- /.card-body -->
              
                <!-- /.card-footer -->
         
            </div>
            <!-- /.card -->

          </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-4">
            <!-- Form Element sizes -->
            <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">Shopping Cart</h3>
              </div>
              <div class="card-body">
              
HELLOB
			  
			  </h5></b>
              </div>
              <!-- /.card-body -->
            </div>
          
          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
	    <!-- /.content -->
  </div>    