Carousels

MP Cloud Technologies

Hero

Single Slide

Fast and Easy EMS Claims, Billing & Dispatch.

EMS Agencies and Billing Companies across the country use MP Cloud to improve cash flow, streamline operations, and reduce errors in their everyday work.

EMS Claims EMS Billing EMS Dispatch

1000’s of EMS companies nationwide trust MP Cloud

<div id="MPCloudHero" class="carousel mpcloud-hero-carousel slide" data-ride="carousel">
  <div class="carousel-inner">

    <div class="carousel-item active">
      <div class="mpcloud-hero-carousel-row">
        <div class="mpcloud-hero-carousel-col">
            <h1 class="mpcloud-hero-carousel-title">
              Fast and Easy EMS Claims, Billing & Dispatch.
            </h1>
            <p class="mpcloud-hero-carousel-description">
              EMS Agencies and Billing Companies across the country use MP Cloud to improve cash flow, streamline operations, and reduce errors in their everyday work.
            </p>
            <div class="mpcloud-hero-carousel-actions">
              <a href="#" class="btn btn-mpcloud" aria-label="EMS Claims">EMS Claims</a>
              <a href="#" class="btn btn-mpcloud" aria-label="EMS Billing">EMS Billing</a>
              <a href="#" class="btn btn-mpcloud" aria-label="EMS Dispatch">EMS Dispatch</a>
            </div>
        </div>
        <div class="mpcloud-hero-carousel-col">
          <div class="mpcloud-hero-carousel-image-container">
            <picture class="mpcloud-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519860.jpg');">
              <source media="(min-width:650px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519860.jpg">
              <source media="(min-width:465px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519860.jpg">
              <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519860.jpg" alt="">
            </picture>
            <p class="mpcloud-hero-carousel-image-container-caption">1000’s of EMS companies nationwide trust MP Cloud</p>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

Multiple Slides

This is the 1st slide of multiple slides

This is the description for the 1st slide of multiple slides in this carousel.

Action 1 Action 2 Action 3

This is the caption for the 1st slide.

This is the 2nd slide of multiple slides

This is the description for the 2nd slide of multiple slides in this carousel.

Action 1 Action 2

This is the caption for the 2nd slide.

This is the 3rd slide of multiple slides

This is the description for the 3rd slide of multiple slides in this carousel.

Action 1

This is the caption for the 3rd slide.

<div id="MPCloudHeroCarousel" class="carousel mpcloud-hero-carousel slide" data-ride="carousel">
  <ol class="mpcloud-hero-carousel-indicators carousel-indicators">
    <li data-target="#MPCloudHeroCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#MPCloudHeroCarousel" data-slide-to="1"></li>
    <li data-target="#MPCloudHeroCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">

    <div class="carousel-item active">
      <div class="mpcloud-hero-carousel-row">
        <div class="mpcloud-hero-carousel-col">
            <h1 class="mpcloud-hero-carousel-title">
              This is the 1st slide of multiple slides
            </h1>
            <p class="mpcloud-hero-carousel-description">
              This is the description for the 1st slide of multiple slides in this carousel.
            </p>
            <div class="mpcloud-hero-carousel-actions">
              <a href="#" class="btn btn-mpcloud" aria-label="Action 1">Action 1</a>
              <a href="#" class="btn btn-mpcloud" aria-label="Action 2">Action 2</a>
              <a href="#" class="btn btn-mpcloud" aria-label="Action 3">Action 3</a>
            </div>
        </div>
        <div class="mpcloud-hero-carousel-col">
          <div class="mpcloud-hero-carousel-image-container">
            <picture class="mpcloud-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519877.jpg');">
              <source media="(min-width:650px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519877.jpg">
              <source media="(min-width:465px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519877.jpg">
              <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519877.jpg" alt="">
            </picture>
            <p class="mpcloud-hero-carousel-image-container-caption">This is the caption for the 1st slide.</p>
          </div>
        </div>
      </div>
    </div>

    <div class="carousel-item">
        <div class="mpcloud-hero-carousel-row">
          <div class="mpcloud-hero-carousel-col">
              <h1 class="mpcloud-hero-carousel-title">
                This is the 2nd slide of multiple slides
              </h1>
              <p class="mpcloud-hero-carousel-description">
                This is the description for the 2nd slide of multiple slides in this carousel.
              </p>
              <div class="mpcloud-hero-carousel-actions">
                <a href="#" class="btn btn-mpcloud" aria-label="Action 1">Action 1</a>
                <a href="#" class="btn btn-mpcloud" aria-label="Action 2">Action 2</a>
              </div>
          </div>
          <div class="mpcloud-hero-carousel-col">
            <div class="mpcloud-hero-carousel-image-container">
              <picture class="mpcloud-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519833.jpg');">
                <source media="(min-width:650px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519833.jpg">
                <source media="(min-width:465px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519833.jpg">
                <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6519833.jpg" alt="">
              </picture>
              <p class="mpcloud-hero-carousel-image-container-caption">This is the caption for the 2nd slide.</p>
            </div>
          </div>
        </div>
    </div>

    <div class="carousel-item">
        <div class="mpcloud-hero-carousel-row">
          <div class="mpcloud-hero-carousel-col">
              <h1 class="mpcloud-hero-carousel-title">
                This is the 3rd slide of multiple slides
              </h1>
              <p class="mpcloud-hero-carousel-description">
                This is the description for the 3rd slide of multiple slides in this carousel.
              </p>
              <div class="mpcloud-hero-carousel-actions">
                <a href="#" class="btn btn-mpcloud" aria-label="Action 1">Action 1</a>
              </div>
          </div>
          <div class="mpcloud-hero-carousel-col">
            <div class="mpcloud-hero-carousel-image-container">
              <picture class="mpcloud-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Unsplash/myriam-zilles-7V95FwS2Ss4-unsplash.jpg');">
                <source media="(min-width:650px)" srcset="/assets/stock-photography/Unsplash/myriam-zilles-7V95FwS2Ss4-unsplash.jpg">
                <source media="(min-width:465px)" srcset="/assets/stock-photography/Unsplash/myriam-zilles-7V95FwS2Ss4-unsplash.jpg">
                <img src="/assets/stock-photography/Unsplash/myriam-zilles-7V95FwS2Ss4-unsplash.jpg" alt="">
              </picture>
              <p class="mpcloud-hero-carousel-image-container-caption">This is the caption for the 3rd slide.</p>
            </div>
          </div>
        </div>
    </div>

  </div>

</div>

Leading Content

Single Slide

This only has a single slide.

Jon D., Job Title
Company Name

<div id="MPCloudLeadingContent" class="carousel mpcloud-leading-content-carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <p class="mpcloud-leading-content-carousel-comment">
          This only has a single slide.
      </p>
      <p class="mpcloud-leading-content-carousel-author">
        Jon D., Job Title<br>
        Company Name
      </p>
    </div>
  </div>
</div>

Multiple Slides

EMS Management Software - works 24/7 from anywhere you have an internet connection.

Jon D., Job Title
Company Name

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Jane U., Job Title
Company Name

Aenean commodo ligula eget dolor.

Sue Z., Job Title
Company Name

<div id="MPCloudLeadingContentCarousel" class="carousel mpcloud-leading-content-carousel slide" data-ride="carousel">
  <ol class="emtech-leading-content-carousel-indicators carousel-indicators">
    <li data-target="#MPCloudLeadingContentCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#MPCloudLeadingContentCarousel" data-slide-to="1"></li>
    <li data-target="#MPCloudLeadingContentCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <p class="mpcloud-leading-content-carousel-comment">
          EMS Management Software - works 24/7 from anywhere you have an internet connection.
      </p>
      <p class="mpcloud-leading-content-carousel-author">
        Jon D., Job Title<br>
        Company Name
      </p>
    </div>
    <div class="carousel-item">
      <p class="mpcloud-leading-content-carousel-comment">
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      </p>
      <p class="mpcloud-leading-content-carousel-author">
        Jane U., Job Title<br>
        Company Name
      </p>
    </div>
    <div class="carousel-item">
      <p class="mpcloud-leading-content-carousel-comment">
          Aenean commodo ligula eget dolor.
      </p>
      <p class="mpcloud-leading-content-carousel-author">
        Sue Z., Job Title<br>
        Company Name
      </p>
    </div>
  </div>
  <a class="carousel-control-prev" href="#MPCloudLeadingContentCarousel" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#MPCloudLeadingContentCarousel" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

EMTech Billing

Hero

Single Slide

Get Paid Much Faster with Shorter Payment Turnaround Times

Ensure faster payment turnaround through electronic billing.

Learn More

Streamline your payment processing with the EMTech Billing solution.

<div id="EMTechHero" class="carousel emtech-hero-carousel slide" data-ride="carousel">
  <div class="carousel-inner">

    <div class="carousel-item active">
      <div class="emtech-hero-carousel-row">
        <div class="emtech-hero-carousel-col">
            <h1 class="emtech-hero-carousel-title">
              Get Paid Much Faster with Shorter Payment Turnaround Times
            </h1>
            <p class="emtech-hero-carousel-description">
              Ensure faster payment turnaround through electronic billing.
            </p>
            <div class="emtech-hero-carousel-actions">
              <a href="#" class="btn  btn-emtech btn-emtech-lg" type="submit" aria-label="Learn More">Learn More</a>
            </div>
        </div>
        <div class="emtech-hero-carousel-col">
          <div class="emtech-hero-carousel-image-container">
            <picture class="emtech-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129043.jpg');">
              <source media="(min-width:650px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129043.jpg">
              <source media="(min-width:465px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129043.jpg">
              <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129043.jpg" alt="">
            </picture>
            <p class="emtech-hero-carousel-image-container-caption">Streamline your payment processing with the EMTech Billing solution.</p>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

Multiple Slides

This is the 1st slide of multiple slides

This is the description for the 1st slide of multiple slides in this carousel.

Action 01 Action 02 Action 03

This is the caption for the 1st slide.

This is the 2nd slide of multiple slides

This is the description for the 2nd slide of multiple slides in this carousel.

Action 01 Action 02

This is the caption for the 2nd slide.

This is the 3rd slide of multiple slides

This is the description for the 3rd slide of multiple slides in this carousel.

Action 01

This is the caption for the 3rd slide.

<div id="EMTechHeroCarousel" class="carousel emtech-hero-carousel slide" data-ride="carousel">

  <ol class="emtech-hero-carousel-indicators carousel-indicators">
    <li data-target="#EMTechHeroCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#EMTechHeroCarousel" data-slide-to="1"></li>
    <li data-target="#EMTechHeroCarousel" data-slide-to="2"></li>
  </ol>

  <div class="carousel-inner">

    <div class="carousel-item active">
      <div class="emtech-hero-carousel-row">
        <div class="emtech-hero-carousel-col">
            <h1 class="emtech-hero-carousel-title">
              This is the 1st slide of multiple slides
            </h1>
            <p class="emtech-hero-carousel-description">
              This is the description for the 1st slide of multiple slides in this carousel.
            </p>
            <div class="emtech-hero-carousel-actions">
              <a href="#" class="btn btn-emtech btn-emtech-lg" aria-label="Action 01">Action 01</a>
              <a href="#" class="btn btn-emtech btn-emtech-lg" aria-label="Action 02">Action 02</a>
              <a href="#" class="btn btn-emtech btn-emtech-lg" aria-label="Action 03">Action 03</a>
            </div>
        </div>
        <div class="emtech-hero-carousel-col">
          <div class="emtech-hero-carousel-image-container">
            <picture class="emtech-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129037.jpg');">
              <source media="(min-width:650px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129037.jpg">
              <source media="(min-width:465px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129037.jpg">
              <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129037.jpg" alt="">
            </picture>
            <p class="emtech-hero-carousel-image-container-caption">This is the caption for the 1st slide.</p>
          </div>
        </div>
      </div>
    </div>

    <div class="carousel-item">
      <div class="emtech-hero-carousel-row">
        <div class="emtech-hero-carousel-col">
            <h1 class="emtech-hero-carousel-title">
              This is the 2nd slide of multiple slides
            </h1>
            <p class="emtech-hero-carousel-description">
              This is the description for the 2nd slide of multiple slides in this carousel.
            </p>
            <div class="emtech-hero-carousel-actions">
              <a href="#" class="btn btn-emtech btn-emtech-lg" aria-label="Action 01">Action 01</a>
              <a href="#" class="btn btn-emtech btn-emtech-lg" aria-label="Action 02">Action 02</a>
            </div>
        </div>
        <div class="emtech-hero-carousel-col">
          <div class="emtech-hero-carousel-image-container">
            <picture class="emtech-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129112.jpg');">
              <source media="(min-width:650px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129112.jpg">
              <source media="(min-width:465px)" srcset="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129112.jpg">
              <img src="/assets/stock-photography/Pexels/MPCloud/pexels-rodnae-productions-6129112.jpg" alt="">
            </picture>
            <p class="emtech-hero-carousel-image-container-caption">This is the caption for the 2nd slide.</p>
          </div>
        </div>
      </div>
    </div>

    <div class="carousel-item">
      <div class="emtech-hero-carousel-row">
        <div class="emtech-hero-carousel-col">
            <h1 class="emtech-hero-carousel-title">
              This is the 3rd slide of multiple slides
            </h1>
            <p class="emtech-hero-carousel-description">
              This is the description for the 3rd slide of multiple slides in this carousel.
            </p>
            <div class="emtech-hero-carousel-actions">
              <a href="#" class="btn btn-emtech btn-emtech-lg" aria-label="Action 01">Action 01</a>
            </div>
        </div>
        <div class="emtech-hero-carousel-col">
          <div class="emtech-hero-carousel-image-container">
            <picture class="emtech-hero-carousel-image-container-img" style="background-image: url('/assets/stock-photography/Unsplash/national-cancer-institute-701-FJcjLAQ-unsplash.jpg');">
              <source media="(min-width:650px)" srcset="/assets/stock-photography/Unsplash/national-cancer-institute-701-FJcjLAQ-unsplash.jpg">
              <source media="(min-width:465px)" srcset="/assets/stock-photography/Unsplash/national-cancer-institute-701-FJcjLAQ-unsplash.jpg">
              <img src="/assets/stock-photography/Unsplash/national-cancer-institute-701-FJcjLAQ-unsplash.jpg" alt="">
            </picture>
            <p class="emtech-hero-carousel-image-container-caption">This is the caption for the 3rd slide.</p>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

Leading Content

Single Slide

This only has a single slide.

Jon D., Job Title
Company Name

<div id="EMTechCarouselLeadingContent" class="carousel emtech-leading-content-carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <p class="emtech-leading-content-carousel-comment">
          This only has a single slide.
      </p>
      <p class="emtech-leading-content-carousel-author">
        Jon D., Job Title<br>
        Company Name
      </p>
    </div>
  </div>
</div>

Multiple Slide

EMS Management Software - works 24/7 from anywhere you have an internet connection.

Jon D., Job Title
Company Name

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Jane U., Job Title
Company Name

Aenean commodo ligula eget dolor.

Sue Z., Job Title
Company Name

<div id="EMTechCarouselLeadingContentCarousel" class="carousel emtech-leading-content-carousel slide" data-ride="carousel">
  <ol class="emtech-leading-content-carousel-indicators carousel-indicators">
    <li data-target="#EMTechCarouselLeadingContentCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#EMTechCarouselLeadingContentCarousel" data-slide-to="1"></li>
    <li data-target="#EMTechCarouselLeadingContentCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <p class="emtech-leading-content-carousel-comment">
          EMS Management Software - works 24/7 from anywhere you have an internet connection.
      </p>
      <p class="emtech-leading-content-carousel-author">
        Jon D., Job Title<br>
        Company Name
      </p>
    </div>
    <div class="carousel-item">
      <p class="emtech-leading-content-carousel-comment">
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      </p>
      <p class="emtech-leading-content-carousel-author">
        Jane U., Job Title<br>
        Company Name
      </p>
    </div>
    <div class="carousel-item">
      <p class="emtech-leading-content-carousel-comment">
          Aenean commodo ligula eget dolor.
      </p>
      <p class="emtech-leading-content-carousel-author">
        Sue Z., Job Title<br>
        Company Name
      </p>
    </div>
  </div>
  <a class="carousel-control-prev" href="#EMTechCarouselLeadingContentCarousel" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#EMTechCarouselLeadingContentCarousel" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

Carousels

MP Cloud Technologies

Hero

Single Slide

Fast and Easy EMS Claims, Billing & Dispatch.

Multiple Slides

This is the 1st slide of multiple slides

This is the 2nd slide of multiple slides

This is the 3rd slide of multiple slides

Leading Content

Single Slide

Multiple Slides

EMTech Billing

Hero

Single Slide

Get Paid Much Faster with Shorter Payment Turnaround Times

Multiple Slides

This is the 1st slide of multiple slides

This is the 2nd slide of multiple slides

This is the 3rd slide of multiple slides

Leading Content

Single Slide

Multiple Slide

On this page: