Cards & Tiles

<div class="mpcloud-card">
  <div class="mpcloud-card-image">
    <img src="/assets/img/icon-municipalities.png" class="mpcloud-icon-image">
  </div>
  <div class="mpcloud-card-title">
    <h3>
      Fully Integrated Clearinghouse
    </h3>
  </div>
  <p class="mpcloud-card-description">Seamlessly connect to 5,200+ government and private payers via the EMS industry's first and only fully-integrated clearinghouse, Change Healthcare. This partnership makes it fast, simple, and reliable to process your claims.</p>
</div>

<div class="mpcloud-article-preview-tile">
  <div class="mpcloud-article-preview-tile-row">
    <a href="#" class="mpcloud-article-preview-tile-img" aria-label="" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg');">
        <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg" alt="..." />
    </a>
    <div class="mpcloud-article-preview-tile-body">
      <a href="#" class="mpcloud-article-preview-tile-category" aria-label="Category">Category</a>
      <span class="mpcloud-article-preview-tile-pub-info">// September 30, 2019 // 7 min read</span>
      <h6 class="mpcloud-article-preview-tile-title"><a href="/demo/mpc/news-and-resources-details" class="mpcloud-article-preview-tile-title-link" aria-label="Title of the Article">Title of the Article</a></h6>
      <p class="mpcloud-article-preview-tile-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere dicta officiis tenetur quas unde, at assumenda. Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
    </div>
  </div>
</div>

<div class="mpcloud-section-content-tile">
  <div class="mpcloud-section-content-tile-row">
    <a href="#" class="mpcloud-section-content-tile-img" aria-label="" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg');">
      <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg" alt="..." />
    </a>
    <div class="mpcloud-section-content-tile-body">
      <h5 class="mpcloud-section-content-tile-title">Title of this Tile</h5>
      <p class="mpcloud-section-content-tile-desctiption">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
      <ul>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
        <li>Lorem ipsum</li>
      </ul>
    </div>
  </div>
</div>

<div class="mpcloud-video-content-tile">
  <div class="mpcloud-video-content-tile-row">
    <a href="#" class="mpcloud-video-content-tile-img" aria-label="Watch Video" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg');">
      <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg" alt="..." />

      <div class="mpcloud-chip-video-asset">
        <i class="icon-play"></i>
        <span class="sr-only">Watch Video</span>
      </div>
    </a>
    <div class="mpcloud-video-content-tile-body">
      <h5 class="mpcloud-video-content-tile-title">Frustrated by billing inefficiencies? Tired of software providers falling short?</h5>
      <p class="mpcloud-video-content-tile-subtitle">MP Cloud can make your life better.</p>
      <p class="mpcloud-video-content-tile-text">Frustrated by billing inefficiencies? Tired of software providers falling short?</p>
      <div class="mpcloud-video-content-tile-actions">
        <button class="btn btn-mpcloud" type="submit" aria-label="Watch Video">Watch Video</button>
      </div>
    </div>
  </div>
</div>

<div class="mpcloud-topic-tile">
  <div class="mpcloud-topic-tile-body">
    <h4 class="mpcloud-topic-tile-title">Leadership</h4>
    <div class="mpcloud-topic-tile-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg');">
      <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg" alt="..." />
    </div>
    <p class="mpcloud-topic-tile-description">In ac felis quis tortor malesuada pretium. Pellentesque auctor neque nec urna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    <a href="#" class="btn btn-mpcloud" aria-label="Learn More">Learn More</a>
  </div>
</div>

<div class="emtech-card">
  <div class="emtech-card-image">
    <div class="emtech-chip-card-asset">
      <span class="icon-clock"></span>
    </div>
  </div>
  <div class="emtech-card-title">
    <h3>
      Faster Payment Turnaround
    </h3>
  </div>
  <p class="emtech-card-description">We shorten your turnaround time on payments by utilizing the latest software and internal policies to ensure clean claims submission the first time.</p>
</div>

<div class="emtech-tile">
  <div class="emtech-tile-image">
    <div class="emtech-chip-tile-asset">
      <span class="icon-clock"></span>
    </div>
  </div>
  <div class="emtech-tile-title">
    <h3>
      Consulting
    </h3>
  </div>
  <p class="emtech-tile-description">Leverage our nearly 20 years experience in the ambulance industry in a customized approach to your business.</p>
</div>

<div class="emtech-topic-tile">
  <div class="emtech-topic-tile-body">
    <h4 class="emtech-topic-tile-title">Leadership</h4>
    <div class="emtech-topic-tile-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg');">
      <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129104.jpg" alt="..." />
    </div>
    <p class="emtech-topic-tile-description">In ac felis quis tortor malesuada pretium. Pellentesque auctor neque nec urna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    <a href="#" class="btn btn-emtech" aria-label="Learn More">Learn More</a>
  </div>
</div>