openers.html

<div class="fix-width-container">
  <div class="text-center my-3">
    <span class="h1">
      <img src="assets/images/openers.png" width="45" height="45">
    </span>
    <span class="h1">
      Player List
    </span>
  </div>

  <div class="row px-lg-5 py-3 mb-lg-5">
    <div>
      <label class="form-label text-success h5">On-strike:</label>
      <select class="form-control bg-dark text-white" id="onStrike"></select>
    </div>
    <div class="mt-3">
      <label class="form-label text-success h5">Non-strike:</label>
      <select class="form-control bg-dark text-white" id="nonStrike"></select>
    </div>
    <div class="mt-5">
      <label class="form-label text-success h5">Bowler on-strike:</label>
      <select class="form-control bg-dark text-white" id="onStrikeBowler"></select>
    </div>
    <div class="mt-3">
      <button type="button" class="btn btn-success" onclick="openersSetup()">Set</button>
    </div>
  </div>
</div>