Table

<div class='bp-tb version-second'>
  <table>
    <thead>
      <tr>
        <th class='bp-tb--h-row'>
          <div class='bp-tb--h-row-col-1'>
            <p class='para--three'>Lorem Ipsum</p>
          </div>
          <div class='bp-tb--h-row-col-2 bp-tb--d-block bp-tb--m-none'>
            <p class='para--three'>Lorem</p>
          </div>
        </th>
      </tr>
    </thead>
    <tbody class='bp-tb--body'>
      <tr>
        <td>
          <a
            href='#'
            class='bp-tb--row'
            aria-label='Required Activity 1.1 link'
            title='Required Activity 1.1'
            >
            <div class='bp-tb--row-col-1'>
              <span class='blueprint-icon icon-success'></span>
              <div class='bp-tb--content'>
                <p class='bp-tb--title para--two'>
                  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                </p>
                <p class='bp-tb--sub-title para--three'>Subtext</p>
                <p class='bp-tb--sub-title-two para--three bp-tb--d-none bp-tb--m-block'>
                  Lorem - Month dd, by XX:XXam 
                </p>
              </div>
            </div>
            <div class='bp-tb--row-col-2 bp-tb--d-block bp-tb--m-none'>
              <span class='blueprint-icon icon-arrow_right icon-arrow-hover'></span>
              <p class='bp-tb--sub-title-two para--three'>
                Month dd, by XX:XXam 
              </p>
            </div>
          </a>
        </td>
      </tr>
      <tr>
        <td>
          <a
            href='#'
            class='bp-tb--row'
            aria-label='Required Activity 1.1 link'
            title='Required Activity 1.1'
            >
            <div class='bp-tb--row-col-1'>
              <span class='blueprint-icon icon-success'></span>
              <div class='bp-tb--content'>
                <p class='bp-tb--title para--two'>
                  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                </p>
                <p class='bp-tb--sub-title para--three'>Subtext</p>
                <p class='bp-tb--sub-title-two para--three bp-tb--d-none bp-tb--m-block'>
                  Lorem - Month dd, by XX:XXam 
                </p>
              </div>
            </div>
            <div class='bp-tb--row-col-2 bp-tb--d-block bp-tb--m-none'>
              <span class='blueprint-icon icon-arrow_right icon-arrow-hover'></span>
              <p class='bp-tb--sub-title-two para--three'>
                Month dd, by XX:XXam 
              </p>
            </div>
          </a>
        </td>
      </tr>
    </tbody>
  </table>
</div>

<div class='bp-tb version-second'>
  <table>
    <tbody class='bp-tb--body'>
      <tr>
        <td>
          <a
            href='#'
            class='bp-tb--row'
            aria-label='Required Activity 1.1 link'
            title='Required Activity 1.1'
            >
            <div class='bp-tb--row-col-1'>
              <span class='blueprint-icon icon-success'></span>
              <div class='bp-tb--content'>
                <p class='bp-tb--title para--two'>
                  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                </p>
                <p class='bp-tb--sub-title para--three'>Subtext</p>
                <p class='bp-tb--sub-title-two para--three bp-tb--d-none bp-tb--m-block'>
                  Lorem - Month dd, by XX:XXam 
                </p>
              </div>
            </div>
            <div class='bp-tb--row-col-2 bp-tb--d-block bp-tb--m-none'>
              <span class='blueprint-icon icon-arrow_right icon-arrow-hover'></span>
              <p class='bp-tb--sub-title-two para--three'>
                Month dd, by XX:XXam
              </p>
            </div>
          </a>
        </td>
      </tr>
      <tr>
        <td>
          <a
            href='#'
            class='bp-tb--row'
            aria-label='Required Activity 1.1 link'
            title='Required Activity 1.1'
            >
            <div class='bp-tb--row-col-1'>
              <span class='blueprint-icon icon-success'></span>
              <div class='bp-tb--content'>
                <p class='bp-tb--title para--two'>
                  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                </p>
                <p class='bp-tb--sub-title para--three'>Subtext</p>
                <p class='bp-tb--sub-title-two para--three bp-tb--d-none bp-tb--m-block'>
                  Lorem - Month dd, by XX:XXam 
                </p>
              </div>
            </div>
            <div class='bp-tb--row-col-2 bp-tb--d-block bp-tb--m-none'>
              <span class='blueprint-icon icon-arrow_right icon-arrow-hover'></span>
              <p class='bp-tb--sub-title-two para--three'>
              Month dd, by XX:XXam 
              </p>
            </div>
          </a>
        </td>
      </tr>
    </tbody>
  </table>
</div>