Program Card

<div class="program-card--container">
  <div class="program-card--box">
    <a class="inactiveLink" href="https://mit-xpro-online-education.emeritus.org/professional-certificate-coding?utm_source=udemy&utm_medium=affiliate&utm_content=LP">
      <article>
        <figure class="program-card--image">
          <img
            src="./assets/component-images/program-card.svg"
            alt="program title"
            />
          <div class="school--logo">
            <img
              width="174"
              height="45"
              alt="university name"
              title="university name"
              src="./assets/component-images/160*40px-logo.svg"
              />
          </div>
        </figure>
        <div class="card--details p-x-10">
          <p class="school--name para--three m-b-10">Lorem Ipsum</p>
          <header class="program--name medium-text-2 m-b-10">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit
          </header>
          <aside class="program--duration para--four m-b-10">
            XX lorem  | ipsum
          </aside>
          <aside class="program--date para--four m-b-0 gray-dark-color">
            Lorem ipsum <span class="bold">Month Date Year</span>
          </aside>
        </div>
      </article>
    </a>
  </div>
  <div class="program-card--box">
    <a class="inactiveLink" href="https://mit-xpro-online-education.emeritus.org/professional-certificate-coding?utm_source=udemy&utm_medium=affiliate&utm_content=LP">
      <article>
        <figure class="program-card--image">
          <img
            src="./assets/component-images/program-card.svg"
            alt="program title"
            />
          <div class="school--logo">
            <img
              width="174"
              height="45"
              alt="university name"
              title="university name"
              src="./assets/component-images/160*40px-logo.svg"
              />
          </div>
        </figure>
        <div class="card--details p-x-10">
          <p class="school--name para--three m-b-10">Lorem Ipsum</p>
          <header class="program--name medium-text-2 m-b-10">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit
          </header>
          <aside class="program--duration para--four m-b-10">
            XX lorem  | ipsum
          </aside>
          <aside class="program--date para--four m-b-0 gray-dark-color">
            Lorem ipsum <span class="bold">Month Date Year</span>
          </aside>
        </div>
      </article>
    </a>
  </div>
  <div class="program-card--box">
    <a class="inactiveLink" href="https://mit-xpro-online-education.emeritus.org/professional-certificate-coding?utm_source=udemy&utm_medium=affiliate&utm_content=LP">
      <article>
        <figure class="program-card--image">
          <img
            src="./assets/component-images/program-card.svg"
            alt="program title"
            />
          <div class="school--logo">
            <img
              width="174"
              height="45"
              alt="university name"
              title="university name"
              src="./assets/component-images/160*40px-logo.svg"
              />
          </div>
        </figure>
        <div class="card--details p-x-10">
          <p class="school--name para--three m-b-10">Lorem Ipsum</p>
          <header class="program--name medium-text-2 m-b-10">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit
          </header>
          <aside class="program--duration para--four m-b-10">
            XX lorem  | ipsum
          </aside>
          <aside class="program--date para--four m-b-0 gray-dark-color">
            Lorem ipsum <span class="bold">Month Date Year</span>
          </aside>
        </div>
      </article>
    </a>
  </div>
</div>