           <li class="list-group-item active"> Active list item</li>
            <li class="list-group-item disabled">Disabled list item</li> <a href="#" class="list-group-item list-group-item-action">Link list item</a> </ul>
        </div>
        <div class="col-md-6 p-3">
          <table class="table table-hover table-striped table-bordered">
            <thead class="thead-inverse">
              <tr>
                <th scope="col">#</th>
                <th scope="col">Striped table</th>
            