programhighlights boxes

index.html

<!-- program highlights -->
<div class="programhighlights">
  <div class="row" data-equalizer="data-equalizer" data-equalize-on="medium">
    <div class="medium-3 columns">
      <!-- new card -->
      <div class="card blue" data-equalizer-watch="data-equalizer-watch">
        <h3 class="title">Bachelors Degrees&nbsp;</h3>
        <div class="image"> <img alt="xxx" src="http://placehold.it/358x119" />
          <a href="#"></a>
        </div>
        <div class="content">
          <ul>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/bachelors-of-science-in-nursing" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]f6d518a6-aa9e-6710-9802-ff010074f04b">Bachelors of Science in Nursing (BSN)​</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="medium-3 columns">
      <!-- new card -->
      <div class="card green" data-equalizer-watch="data-equalizer-watch">
        <h3 class="title">Accelerated BSN</h3>
        <div class="image"><img alt="xxx" src="http://placehold.it/358x119" />
          <a href="#"></a>
        </div>
        <div class="content">
          <ul>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/second-degree/accelerated-on-campus" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]2ad718a6-aa9e-6710-9802-ff010074f04b">Accelerated On Campus</a></li>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/second-degree/accelerated-online---indianapolis" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]fbd718a6-aa9e-6710-9802-ff010074f04b">Accelerated Online - Indianapolis</a></li>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/second-degree/accelerated-online-nashville" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]74d818a6-aa9e-6710-9802-ff010074f04b">Accelerated Online - Nashville</a></li>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/rn-to-bsn" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]9dd918a6-aa9e-6710-9802-ff010074f04b">RN to BSN</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="medium-3 columns">
      <!-- new card -->
      <div class="card orange" data-equalizer-watch="data-equalizer-watch">
        <h3 class="title">Masters Degrees</h3>
        <div class="image"><img alt="xxx" src="http://placehold.it/358x119" />
          <a href="#"></a>
        </div>
        <div class="content">
          <ul>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/master-of-science-in-nursing" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]10da18a6-aa9e-6710-9802-ff010074f04b">Masters in Nursing Education</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="medium-3 columns">
      <!-- new card -->
      <div class="card red" data-equalizer-watch="data-equalizer-watch">
        <h3 class="title">Doctor of Nursing Practice</h3>
        <div class="image"><img alt="xxx" src="http://placehold.it/358x119" />
          <a href="#"></a>
        </div>
        <div class="content">
          <ul>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/doctor-of-nursing-practitioner" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]ea9016a6-aa9e-6710-9802-ff010074f04b">Doctor of Nursing Practice (DNP)</a></li>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/doctor-of-nursing-practitioner/family-nurse-practitioner" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]2efa16a6-aa9e-6710-9802-ff010074f04b">Family Nurse Practioner (FNP)</a></li>
            <li><a href="/dev/dev-leighton-school-of-nursing/programs/doctor-of-nursing-practitioner/nurse-anesthesia" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]0bfd16a6-aa9e-6710-9802-ff010074f04b">Nurse Anesthesia</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

programhighlights-boxes.markdown

programhighlights boxes

A Pen by ed ventura on CodePen.

License.

scripts

<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/jquery.min.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/foundation.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/owl-carousel/owl.carousel.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/app.js"></script>

styles

<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/css/foundation.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.carousel.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.theme.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/css/app.css" rel="stylesheet" />