<div class="container" id="box3">

        <div class="row titleRow mx-auto" id="titleRow">
          <h3 class="light-blue-text py-3 px-3">Saved workouts</h3>
        </div>

        <div class="row accordionRow mx-auto" id="accordionRow">
          <div class="accordion" id="accordionEx1" role="tablist" aria-multiselectable="true">
            <!-- Accordion card -->
            <div class="card">

              <!-- Card header -->
              <div class="card-header navbar navbar-light light-blue" role="tab" id="heading4" type="button">
                <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="#collapse4" aria-expanded="false"
                  aria-controls="collapse4">
                  <h3 class="mb-0 mt-0 white-text">
                    Chest
                    <div class="animated-icon1 float-right mt-1"><span></span><span></span><span></span></div>
                  </h3>
                </a>
              </div>

              <!-- Card body -->
              <div id="collapse4" class="collapse" role="tabpanel" aria-labelledby="heading4" data-parent="#accordionEx1">
                <div class="blue card-body pt-0">
                  <ul class="navbar-nav">
                    <li>
                      <label class="btn btn-light-blue form-check-label" id="op1">
                        <input class="form-check-input" name="options" type="radio" id="option1" autocomplete="off">
                        Light chest day
                        <p class="desc dark-grey-text">Bench press: 3 sets 5 reps<br>Dumbell flys: 3 sets 5 reps<br>Push-ups:
                          3 sets 10 reps</p>

                      </label>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- Accordion card -->

            <!-- Accordion card -->
            <div class="card">

              <!-- Card header -->
              <div class="card-header navbar navbar-light light-blue" role="tab" id="heading5" type="button">
                <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="#collapse5" aria-expanded="false"
                  aria-controls="collapse5">
                  <h3 class="mb-0 mt-0 white-text">
                    Cardio
                    <div class="animated-icon1 float-right mt-1"><span></span><span></span><span></span></div>
                  </h3>
                </a>
              </div>

              <!-- Card body -->
              <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                <div class="blue card-body pt-0">
                  <ul class="navbar-nav">
                    <li>
                      <label class="btn btn-light-blue form-check-label" id="op1">
                        <input class="form-check-input" name="options" type="radio" id="option1" autocomplete="off">
                        Tuesdays and Thursdays
                        <p class="desc dark-grey-text">Jogging: 30 minutes<br>Row machine: 15 minutes<br>Jump rope: 10 sets
                          50 reps</p>

                      </label>
                    </li>
                    <li>
                      <label class="btn btn-light-blue form-check-label" id="op2">
                        <input class="form-check-input" name="options" type="radio" id="option2" autocomplete="off">
                        Sundays
                        <p class="desc dark-grey-text">Jogging: 30 minutes<br>Sprint: 5 minutes</p>

                      </label>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- Accordion card -->

            <!-- Accordion card -->
            <div class="card">

              <!-- Card header -->
              <div class="card-header navbar navbar-light light-blue" role="tab" id="heading6" type="button">
                <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="#collapse6" aria-expanded="false"
                  aria-controls="collapse6">
                  <h3 class="mb-0 mt-0 white-text">
                    Legs
                    <div class="animated-icon1 float-right mt-1"><span></span><span></span><span></span></div>
                  </h3>
                </a>
              </div>

              <!-- Card body -->
              <div id="collapse6" class="collapse" role="tabpanel" aria-labelledby="heading6" data-parent="#accordionEx1">
                <div class="blue card-body pt-0">
                  <ul class="navbar-nav">
                    <li>
                      <label class="btn btn-light-blue form-check-label" id="op1">
                        <input class="form-check-input" name="options" type="radio" id="option1" autocomplete="off">
                        On Wednesday we do legs
                        <p class="desc dark-grey-text">Squats: 5 sets 6 reps<br>Leg press: 3 sets 10 reps<br>Leg extensions:
                          3 sets 10 reps <br>
                          Calf raises:2 sets 12 reps</p>

                      </label>
                    </li>
                  </ul>
                </div>
              </div>

            </div>
            <!-- Accordion card -->
          </div>
          <!--/.Accordion wrapper-->
        </div>

        <div class="row buttonRow mx-auto justify-content-centers" id="buttonRow">
          <div class="select butto " id="select button">
            <button id="btnselect" type="button" class="btn btn-blue">Select Workout</button>
          </div>
        </div>

      </div>