
<div class="col-sm-9">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#useractivity">User Activity Report</a></li>
  </ol>
  <form id="useractivityform">
    <div class="form-horizontal">
      <div class="form-group">
        <label>From</label>
        <input type="date" class="form-control" id="exampleInputEmail21" name='from'>
      </div>
      <div class="form-group">
        <label>To</label>
        <input type="date" class="form-control" id="exampleInputEmail211" name='to'>
      </div>
    </div>
    <div class="form-group">
      <input type="button" class="btn btn-primary" id='createreport' value="Create Report">
    </div>
  </form>
</div>
<div class="col-sm-3">
  <div class="list-group">
    <a href="#" class="list-group-item"> Plugin Settings</a>
    <a href="#brandsettings" class="list-group-item">Brand Settings</a>
    <a href="#globalsettings" class="list-group-item">Global Settings</a>
    <a href="#brandftp" class="list-group-item">Image Processing</a>
    <a href="#uploadassets" class="list-group-item">Upload Assets</a>
    <a href="#productsyncstatus" class="list-group-item">Product Sync Status</a>
    <a href="#textmessages" class="list-group-item">Text Messages</a>
    <a href="#useractivityunit" class="list-group-item">User Activity Resport</a>
  </div>
</div>