Emilio'sCareerInvolvement.html

<div class="container mt-5">
    <hr class="my-5 new5">


    <!--Section: Content-->
    <section class="dark-grey-text">

      <!-- Section heading -->
      <h2 class="text-center font-weight-bold mb-4 pb-2">Emilio's Career and Community Involvement</h2>
      <!-- Section description -->
      <p class="text-center mx-auto w-responsive mb-5"></p>

      <!-- Grid row (START OF LEFT SIDE-->
      <div class="row align-items-center">

        <!-- Grid column -->
        <div class="col-lg-5">

          <!-- Featured image -->
          <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4">
            <img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/img%20(27).jpg" alt="Sample image">
            <a>
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>

        </div>
        <!-- Grid column -->

        <!-- Grid column -->
        <div class="col-lg-7">

          <!-- Category -->

          <!-- Post title -->
          <h4 class="font-weight-bold mb-3"><strong>Emilio Past project or Career achievement</strong></h4>
          <!-- Excerpt -->
          <p>Description of achievement</p>
          <!-- Post data -->
          <a class="btn btn-pink btn-success btn-md btn-rounded mx-0">Read more</a>

        </div>
        <!-- Grid column -->

      </div>
      <!-- Grid row -->

      <hr class="my-5">
      <!--NEXT SECTION BEGINS---------------------------------------------------------------------->

      <!--RIGHT SIDE----------------------------------------------------------->
      <!-- Grid row -->
      <div class="row align-items-center">

        <!-- Grid column -->
        <div class="col-lg-7">

          <!-- Post title -->
          <h4 class="font-weight-bold mb-3"><strong>Emilio Past project or Career achievement</strong></h4>
          <!-- Excerpt -->
          <p>Description</p>
          <!-- Post data -->

          <a class="btn btn-pink btn-success btn-md btn-rounded mx-0">Read more</a>

        </div>
        <!-- Grid column -->

        <!-- Grid column -->
        <div class="col-lg-5">

          <!-- Featured image -->
          <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4">
            <img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/img%20(27).jpg" alt="Sample image">
            <a>
              <div class="mask rgba-white-slight"></div>
            </a>
          </div>

        </div>
        <!-- Grid column -->

      </div>
      <!-- Grid row -->

      <hr class="my-5">
      <!--END OF SIDE---------------------------------------------------------->

    </section>
    <!--Section: Content-->

  </div>