  <!--start main wrapper-->
  <main class="main-wrapper">
      <div class="main-content">
          <div class=" d-flex flex-row justify-content-between align-items-center ">
              <h2 class="fh2 fmon">Trainee</h2>
              <button type="button" class="btn btn-dark ">Add New Plan</button>
          </div>

          <div class="row trainee-list">
              <div class="col-md-4 my-2 ">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask2.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">Roberto de Zerbi</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask2.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">Roberto de Zerbi</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask2.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">Roberto de Zerbi</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2 ">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask3.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">becky lynch</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask3.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">becky lynch</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask3.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">becky lynch</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2 ">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask4.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">jason roy</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask4.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">jason roy</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
              <div class="col-md-4 my-2">
                  <a href="<?php echo base_url(); ?>WorkoutPlan/details"
                      class="profileCard trainee-card d-flex flex-row justify-content-center">
                      <img src="<?php echo base_url(); ?>assets/images/img/Mask4.png" class="card-img-top" alt="...">
                      <div class="card-body">
                          <h5 class="fs2">jason roy</h5>
                          <p class="fs1">3 month duration plan</p>
                      </div>
                      <button class="btn dropdown-toggle trainee-btn"></button>
                  </a>
              </div>
          </div>

      </div>
  </main>


  <!--end main wrapper-->