<div class="vi-grid">
  <div class="vi-grid__row vi-grid__row--grid-30">
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --migraine) -->
      <div class="vi-pipeline-card vi-pipeline-card--migraine">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--migraine vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>ProAir®  Digihaler™</h6>
            <!-- text after h6 wysiwyg? -->
            <p>
              (albuterol sulfate)
              <br>
              inhalation powder
            </p>
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">(US and EU)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --neurology) -->
      <div class="vi-pipeline-card vi-pipeline-card--neurology">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--neurology vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>Deutetrabenazine, SD-809</h6>
            <!-- text after h6 wysiwyg? (left out on purpose) -->
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">Schizophrenia (US)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --respiratory) -->
      <div class="vi-pipeline-card vi-pipeline-card--respiratory">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--respiratory vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>Deutetrabenazine, SD-809</h6>
            <!-- text after h6 wysiwyg? (left out on purpose) -->
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">Schizophrenia (US)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --biosimilars) -->
      <div class="vi-pipeline-card vi-pipeline-card--biosimilars">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--biosimilars vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>Truxima</h6>
            <!-- text after h6 wysiwyg? -->
            <p>
              (rituximab-abbs)
              <br>
              injection
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --biosimilars-2) -->
      <div class="vi-pipeline-card vi-pipeline-card--biosimilars-2">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--biosimilars-2 vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>Deutetrabenazine, SD-809</h6>
            <!-- text after h6 wysiwyg? (left out on purpose) -->
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">Schizophrenia (US)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --novel-biologics) -->
      <div class="vi-pipeline-card vi-pipeline-card--novel-biologics">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--novel-biologics vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>Deutetrabenazine, SD-809</h6>
            <!-- text after h6 wysiwyg? (left out on purpose) -->
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">Schizophrenia (US)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --small-molecules) -->
      <div class="vi-pipeline-card vi-pipeline-card--small-molecules">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--small-molecules vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>ProAir®  Digihaler™</h6>
            <!-- text after h6 wysiwyg? -->
            <p>
              (albuterol sulfate)
              <br>
              inhalation powder
            </p>
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">(US and EU)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --digital-respiratory) -->
      <div class="vi-pipeline-card vi-pipeline-card--digital-respiratory">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--digital-respiratory vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>Truxima</h6>
            <!-- text after h6 wysiwyg? -->
            <p>
              (rituximab-abbs)
              <br>
              injection
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card (mods: --other) -->
      <div class="vi-pipeline-card vi-pipeline-card--other">
        <div class="vi-pipeline-card__content vi-pipeline-card__content--other vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>ProAir®  Digihaler™</h6>
            <!-- text after h6 wysiwyg? -->
            <p>
              (albuterol sulfate)
              <br>
              inhalation powder
            </p>
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">Tourette Syndrome (US)</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <!-- Pipeline Card  -->
      <div class="vi-pipeline-card">
        <div class="vi-pipeline-card__content vi-typesystem vi-typesystem--component">
          <div class="vi-pipeline-card__main vi-typesystem--collapse-last">
            <!-- Use h1-h6 depending page hierarchy, but with class .h6 (if not h6) -->
            <h6>ProAir®  Digihaler™</h6>
            <!-- text after h6 wysiwyg? -->
            <p>
              (albuterol sulfate)
              <br>
              inhalation powder
            </p>
          </div>
          <!-- .vi-pipeline-card__region optional. -->
          <div class="vi-pipeline-card__region vi-typesystem--collapse-last">
            <p class="small">Schizophrenia (US)</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>