Navigation

As the names imply, the Global Header and Global Footer are used by default on every page.

MP Cloud Technologies

The MP Cloud Technologies Global Header is based on the Bootstrap Navbar contains the logo, links to the major pages and content sections, and a button-style link for the contact page.

<header class="mpcloud-header">
  <nav class="mpcloud-header-navbar">
    <div class="mpcloud-header-navbar-container">
      <a heref="#" class="mpcloud-header-navbar-brand" aria-label="MP Cloud Technologies"><img src="/assets/img/MPTechnologies-brand.svg" width="140"></a>
      <button class="mpcloud-header-navbar-toggler" type="button" data-toggle="collapse" data-target="#mpcloudHeader" aria-controls="mpcloudHeader" aria-expanded="false" aria-label="Toggle navigation">
        <i class="mpcloud-icon icon-menu"></i>
        <i class="mpcloud-icon icon-close"></i>
      </button>
      <div class="collapse mpcloud-header-navbar-collapse" id="mpcloudHeader">
        <ul class="mpcloud-header-navbar-nav">
          <li class="mpcloud-header-navbar-nav-item dropdown">
            <a href="#" id="AdvanceClaimMenu" class="mpcloud-header-navbar-nav-link active dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-label="AdvanceClaim">AdvanceClaim</a>
            <div class="dropdown-menu" aria-labelledby="AdvanceClaimMenu">
              <a class="dropdown-item" href="#">EMS Agencies</a>
              <a class="dropdown-item" href="#">EMS Billing</a>
              <a class="dropdown-item" href="#">PlusID</a>
            </div>
          </li>
          <li class="mpcloud-header-navbar-nav-item"><a href="#" class="mpcloud-header-navbar-nav-link" aria-label="AdvanceDispatch">AdvanceDispatch</a></li>
          <li class="mpcloud-header-navbar-nav-item dropdown">
            <a href="#" id="AboutUsMenu" class="mpcloud-header-navbar-nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-label="About Us">About Us</a>
            <div class="dropdown-menu" aria-labelledby="AboutUsMenu">
              <a class="dropdown-item" href="#">Leadership</a>
              <a class="dropdown-item" href="#">Conferences</a>
              <a class="dropdown-item" href="#">Partnerships</a>
            </div>
          </li>
          <li class="mpcloud-header-navbar-nav-item"><a href="#" class="mpcloud-header-navbar-nav-link" aria-label="Our Promise">Our Promise</a></li>
          <li class="mpcloud-header-navbar-nav-item"><a href="#" class="btn btn-mpcloud" aria-label="Request a Demo">Request a Demo</a></li>
        </ul>
      </div>
    </div>
  </nav>
</header>


<div class="mpcloud-pre-footer-content-block">

  <hr class="mpcloud-pre-footer-content-block-hr">
  <div class="mpcloud-pre-footer-content-block-container">

    <div class="mpcloud-pre-footer-content-block-row">
      <h2 class="mpcloud-pre-footer-content-block-title">
        Helping EMS Agencies and 3rd Party Billing Companies Improve Efficiency and Profitability.
      </h2>
    </div>

    <div class="mpcloud-pre-footer-content-block-row">

      <div class="mpcloud-pre-footer-content-block-col">
        <h3 class="mpcloud-pre-footer-content-block-subtitle">
          <span class="text-nowrap">Get Paid Faster</span> <span class="text-nowrap">Than Ever Before.</span>
        </h3>
        <p>Automated Imports and One-Click Search maximizes accuracy and efficiency by reducing redundancy and human error.</p>
        <a href="#" class="mpcloud-pre-footer-content-block-link" arial-label="AdvanceClaim for EMS Agencies">AdvanceClaim for EMS Agencies</a>
      </div>

      <div class="mpcloud-pre-footer-content-block-col">
        <h3 class="mpcloud-pre-footer-content-block-subtitle">
          <span class="text-nowrap">Double Claims</span> <span class="text-nowrap">Processing Speed.</span>
        </h3>
        <p>No more manual data entry. No more hoping it’s done in the morning. Find lost fees and revenue and see the entire financial picture.</p>
        <a href="#" class="mpcloud-pre-footer-content-block-link" arial-label="AdvanceClaim for EMS Billing">AdvanceClaim for EMS Billing</a>
      </div>

      <div class="mpcloud-pre-footer-content-block-col">
        <h3 class="mpcloud-pre-footer-content-block-subtitle">
          <span class="text-nowrap">Respond Faster.</span> <span class="text-nowrap">Reduce Errors.</span>
        </h3>
        <p>Dispatch with confidence using one-click patient information and insurance verification. No more guesswork or manual data entry.</p>
        <a href="#" class="mpcloud-pre-footer-content-block-link" arial-label="AdvanceDispatch">AdvanceDispatch</a>
      </div>

    </div>
  </div>

</div>


<div class="mpcloud-pre-footer-callout-block">
  <div class="mpcloud-pre-footer-callout-block-card">
    <div class="mpcloud-pre-footer-callout-block-card-row">
      <div class="mpcloud-pre-footer-callout-block-card-col">
        <div class="mpcloud-pre-footer-callout-block-card-body">
          <h3 class="mpcloud-pre-footer-callout-block-card-title">Request a Demo</h3>
          <p class="mpcloud-pre-footer-callout-block-card-text">Our unique features all work together to make your life better – let us show you how with a friendly, no-commitment conversation</p>
          <a href="#" class="btn btn-mpcloud" aria-label="Start the Conversation">Start the Conversation</a>
        </div>
      </div>
      <div class="mpcloud-pre-footer-callout-block-card-col">
        <div class="mpcloud-pre-footer-callout-block-card-image"></div>
      </div>
    </div>
  </div>
</div>


<div class="mpcloud-pre-footer-accordion-block">
  <hr class="mpcloud-pre-footer-accordion-block-hr">
  <div class="mpcloud-pre-footer-accordion-block-container">
    <div class="mpcloud-pre-footer-accordion-block-row">
      <div class="mpcloud-pre-footer-accordion" id="mpcloudAccordion">
        <h5 class="mpcloud-pre-footer-accordion-heading">Frequently Asked Questions</h5>
        <div class="mpcloud-pre-footer-accordion-card">
          <div class="mpcloud-pre-footer-accordion-card-header" id="headingOne">
            <span class="mpcloud-pre-footer-accordion-number">01</span>
            <button class="btn mpcloud-pre-footer-accordion-btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
              <i class="mpcloud-icon icon-chevron-down"></i>
            </button>
          </div>
          <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#mpcloudAccordion">
            <div class="mpcloud-pre-footer-accordion-card-body">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
            </div>
          </div>
        </div>
        <div class="mpcloud-pre-footer-accordion-card">
          <div class="mpcloud-pre-footer-accordion-card-header" id="headingTwo">
            <span class="mpcloud-pre-footer-accordion-number">02</span>
            <button class="btn mpcloud-pre-footer-accordion-btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
              <i class="mpcloud-icon icon-chevron-down"></i>
            </button>
          </div>
          <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#mpcloudAccordion">
            <div class="mpcloud-pre-footer-accordion-card-body">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
            </div>
          </div>
        </div>
        <div class="mpcloud-pre-footer-accordion-card">
          <div class="mpcloud-pre-footer-accordion-card-header" id="headingThree">
            <span class="mpcloud-pre-footer-accordion-number">03</span>
            <button class="btn mpcloud-pre-footer-accordion-btn-link" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
              <i class="mpcloud-icon icon-chevron-down"></i>
            </button>
          </div>
          <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#mpcloudAccordion">
            <div class="mpcloud-pre-footer-accordion-card-body">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


The MP Cloud Technologies Global Footer is a four column spread containing links to all the major pages and content sections of the website. It also includes office addresses and contact information.

<footer class="mpcloud-footer">
  <hr class="mpcloud-footer-hr">
  <div class="mpcloud-footer-container">
    <div class="mpcloud-footer-row">
      <div class="mpcloud-footer-col col-12 col-xl-6 pr-xl-5">
        <div class="mpcloud-footer-row">
          <div class="col-lg-6">
            <div class="mpcloud-footer-section">Client Login</div>
            <div class="mpcloud-footer-row">
              <div class="col-12">
                <a href="https://claims.medapoint.com/" class="mpcloud-footer-link" aria-label="AdvanceClaim">AdvanceClaim</a>
                <a href="https://dispatch.medapoint.com/" class="mpcloud-footer-link" aria-label="AdvanceDispatch">AdvanceDispatch</a>
                <a href="https://reporting.medapoint.com/" class="mpcloud-footer-link" aria-label="AdvanceReporting">AdvanceReporting</a>
                <a href="#" class="mpcloud-footer-link" aria-label="Customer Support">Customer Support</a>
              </div>
            </div>
          </div>
          <div class="col-lg-6 mt-4 mt-md-0">
            <div class="mpcloud-footer-section">Solutions</div>
            <div class="mpcloud-footer-row">
              <div class="col-12">
                <a href="#" class="mpcloud-footer-link" aria-label="AdvanceClaim for EMS Agencies">AdvanceClaim for EMS Agencies</a>
                <a href="#" class="mpcloud-footer-link" aria-label="AdvanceClaim for Billing Companies">AdvanceClaim for Billing Companies</a>
                <a href="#" class="mpcloud-footer-link" aria-label="AdvanceDispatch">AdvanceDispatch</a>
                <a href="#" class="mpcloud-footer-link" aria-label="Integrations">Integrations</a>
              </div>
            </div>
          </div>
        </div>
        <div class="mpcloud-footer-row">
          <div class="col-12">
            <div class="mpcloud-footer-section">Company</div>
            <div class="mpcloud-footer-row">
              <div class="col-lg-6">
                <a href="#" class="mpcloud-footer-link" aria-label="About Us">About Us</a>
              </div>
              <div class="col-lg-6">
                <a href="/demo/mpc/news-and-resources" class="mpcloud-footer-link" aria-label="News">News</a>
              </div>
              <div class="col-lg-6">
                <a href="#" class="mpcloud-footer-link" aria-label="Leadership">Leadership</a>
              </div>
              <div class="col-lg-6">
                <a href="#" class="mpcloud-footer-link" aria-label="Conferences">Conferences</a>
              </div>
              <div class="col-lg-6">
                <a href="#" class="mpcloud-footer-link" aria-label="Partners">Partners</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mpcloud-footer-col col-12 col-xl-6">
        <div class="mpcloud-footer-row">
          <div class="col-md-6 col-xl-7 px-xl-5">
            <div class="mpcloud-footer-section">Call: +1 (877) 421-7231</div>
            <div class="mpcloud-footer-section-text">
              <div class="mpcloud-footer-section">Offices</div>
              <p class="mpcloud-footer-section-text-line">
                701 Brazos Street, #1616<br/>
                Austin, TX 78701
              </p>
              <div class="mpcloud-footer-section">Postal</div>
              <p class="mpcloud-footer-section-text-line">
                3005 South Lamar Blvd<br/>
                Suite D-109<br/>
                Austin, TX 78704
              </p>
            </div>
          </div>
          <div class="col-md-6 col-xl-5">
            <div class="mpcloud-footer-row">
              <div class="col-12">
                <button class="btn btn-mpcloud btn-mpcloud-lg w-100" type="submit">Request a Demo</button>
              </div>
            </div>
            <div class="mpcloud-footer-row">
              <div class="col-4 mpcloud-footer-row-chip-wrapper">
                <a href="https://www.facebook.com/MPCloudTechnologies" target="_blank" class="mpcloud-chip" aria-label="Follow Us on Facebook">
                  <span class="icon-facebook"></span>
                </a>
              </div>
              <div class="col-4 mpcloud-footer-row-chip-wrapper">
                <a href="https://twitter.com/mpcloudtech" target="_blank" class="mpcloud-chip" aria-label="Follow Us on Twitter">
                  <span class="icon-twitter"></span>
                </a>
              </div>
              <div class="col-4 mpcloud-footer-row-chip-wrapper">
                <a href="https://www.linkedin.com/company/mp-cloud-technologies" target="_blank" class="mpcloud-chip" aria-label="Follow Us on LinkedIn">
                  <span class="icon-linkedin"></span>
                </a>
              </div>
            </div>
            <div class="mpcloud-footer-row">
              <div class="col-6">
                <img class="mpcloud-footer-img" src="/assets/img/AWS.png">
              </div>
              <div class="col-6">
                <img class="mpcloud-footer-img" src="/assets/img/HiTrust.png">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="mpcloud-footer-copyright">©2021 MP Cloud Technologies. All Rights Reserved - <a href="#" class="text-white" aria-label="Privacy Policy">Privacy Policy</a> - <a href="#" class="text-white" aria-label="Terms of Service">Terms of Service</a></div>
</footer>


Pagination

This component extends the default Bootstrap Pagination Component and adds the MP Cloud Technologies style.

<div class="mpcloud-pagination-container">
  <nav aria-label="Page navigation example">
    <ul class="mpcloud-pagination">
      <li class="mpcloud-page-item"><a class="mpcloud-page-link" href="#"><i class="mpcloud-icon icon-chevron-left"></i><span class="sr-only">Previous</span></a></li>
      <li class="mpcloud-page-item"><a class="mpcloud-page-link mpcloud-page-link-current" href="#">1</a></li>
      <li class="mpcloud-page-item active"><a class="mpcloud-page-link" href="#">2</a></li>
      <li class="mpcloud-page-item"><a class="mpcloud-page-link" href="#">3</a></li>
      <li class="mpcloud-page-item"><a class="mpcloud-page-link" href="#"><span class="sr-only">Next</span><i class="mpcloud-icon icon-chevron-right"></i></a></li>
    </ul>
  </nav>
</div>


EMTech Billing

Global Header

The EMTech Billing Global Header is based on the Bootstrap Navbar contains the logo, links to the major pages and content sections, and a button-style link for the contact page.

<header class="emtech-header">
  <nav class="emtech-header-navbar">
    <div class="emtech-header-navbar-container">
      <a href="#" class="emtech-header-navbar-brand" aria-label="EMTech Billing"><img src="/assets/img/EMTech-brand.svg" width="140"></a>
      <button class="emtech-header-navbar-toggler" type="button" data-toggle="collapse" data-target="#emtechHeader" aria-controls="emtechHeader" aria-expanded="false" aria-label="Toggle navigation">
        <i class="emtech-icon icon-menu"></i>
        <i class="emtech-icon icon-close"></i>
      </button>
      <div class="collapse emtech-header-navbar-collapse" id="emtechHeader">
        <ul class="emtech-header-navbar-nav">
          <li class="emtech-header-navbar-nav-item dropdown">
            <a href="/demo/emt/services.html" id="ServicesMenu" class="emtech-header-navbar-nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Services">Services</a>
            <div class="dropdown-menu" aria-labelledby="ServicesMenu">
              <a class="dropdown-item" href="#">Consulting</a>
              <a class="dropdown-item" href="#">Agency Revenue Cycle Management</a>
              <a class="dropdown-item" href="#">Collections</a>
              <a class="dropdown-item" href="#">Secure Partnership </a>
              <a class="dropdown-item" href="#">Prior Authorization Consulting</a>
            </div>
          </li>
          <li class="emtech-header-navbar-nav-item"><a href="#" class="emtech-header-navbar-nav-link">Why Us</a></li>
          <li class="emtech-header-navbar-nav-item dropdown">
            <a href="#" id="AboutUsMenu" class="emtech-header-navbar-nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-label="About Us">About Us</a>
            <div class="dropdown-menu" aria-labelledby="AboutUsMenu">
              <a class="dropdown-item" href="#">Leadership</a>
              <a class="dropdown-item" href="#">Partnerships</a>
            </div>
          </li>
          <li class="emtech-header-navbar-nav-item"><a href="#" class="emtech-header-navbar-nav-link">Contact Us</a></li>
          <li class="emtech-header-navbar-nav-item"><a href="#" class="btn btn-emtech">Make a Payment</a></li>
        </ul>
      </div>
    </div>
  </nav>
</header>


<div class="emtech-pre-footer-callout-block">
  <div class="emtech-pre-footer-callout-block-card">
    <div class="emtech-pre-footer-callout-block-card-row">
      <div class="emtech-pre-footer-callout-block-card-col">
        <div class="emtech-pre-footer-callout-block-card-body">
          <h3 class="emtech-pre-footer-callout-block-card-title">Faster Payment Turnaround</h3>
          <p class="emtech-pre-footer-callout-block-card-text">We shorten your turnaround time on payments by utilizing the latest software and internal policies to ensure clean claims submission the first time.</p>
          <a href="#" class="btn btn-emtech" arial-label="Contact Us Today">Contact Us Today</a>
        </div>
      </div>
      <div class="emtech-pre-footer-callout-block-card-col">
        <div class="emtech-pre-footer-callout-block-card-image"></div>
      </div>
    </div>
  </div>
</div>


<div class="emtech-pre-footer-accordion-block">
  <hr class="emtech-pre-footer-accordion-block-hr">
  <div class="emtech-pre-footer-accordion-block-container">
    <div class="emtech-pre-footer-accordion-block-row">
      <div class="emtech-pre-footer-accordion" id="emtechAccordion">
        <h5 class="emtech-pre-footer-accordion-heading">Frequently Asked Questions</h5>
        <div class="emtech-pre-footer-accordion-card">
          <div class="emtech-pre-footer-accordion-card-header" id="headingOne">
            <span class="emtech-pre-footer-accordion-number">01</span>
            <button class="btn emtech-pre-footer-accordion-btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
              <i class="emtech-icon icon-chevron-down"></i>
            </button>
          </div>
          <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#emtechAccordion">
            <div class="emtech-pre-footer-accordion-card-body">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
            </div>
          </div>
        </div>
        <div class="emtech-pre-footer-accordion-card">
          <div class="emtech-pre-footer-accordion-card-header" id="headingTwo">
            <span class="emtech-pre-footer-accordion-number">02</span>
            <button class="btn emtech-pre-footer-accordion-btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
              <i class="emtech-icon icon-chevron-down"></i>
            </button>
          </div>
          <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#emtechAccordion">
            <div class="emtech-pre-footer-accordion-card-body">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
            </div>
          </div>
        </div>
        <div class="emtech-pre-footer-accordion-card">
          <div class="emtech-pre-footer-accordion-card-header" id="headingThree">
            <span class="emtech-pre-footer-accordion-number">03</span>
            <button class="btn emtech-pre-footer-accordion-btn-link" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
              <i class="emtech-icon icon-chevron-down"></i>
            </button>
          </div>
          <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#emtechAccordion">
            <div class="emtech-pre-footer-accordion-card-body">
              Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum?
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


The EMTech Billing Global Footer is a four column spread containing links to all the major pages and content sections of the website. It also includes office addresses and contact information.

<footer class="emtech-footer">
  <div class="emtech-footer-container">
    <div class="emtech-footer-row">
      <div class="emtech-footer-col col-12 col-lg-6">
        <div class="emtech-footer-row">
          <div class="col-6">
            <div class="emtech-footer-section">Company</div>
            <div class="emtech-footer-row">
              <div class="col-12">
                <a href="#" class="emtech-footer-link" aria-label="About Us">About Us</a>
                <a href="#" class="emtech-footer-link" aria-label="Leadership">Leadership</a>
                <a href="#" class="emtech-footer-link" aria-label="How We Work">How We Work</a>
                <a href="#" class="emtech-footer-link" aria-label="Why Us">Why Us</a>
                <a href="#" class="emtech-footer-link" aria-label="Client Login">Client Login</a>
              </div>
            </div>
          </div>
          <div class="col-6">
            <div class="emtech-footer-section">Solutions</div>
            <div class="emtech-footer-row">
              <div class="col-12">
                <a href="#" class="emtech-footer-link" aria-label="Consulting">Consulting</a>
                <a href="#" class="emtech-footer-link" aria-label="Revenue Cycle Management">Revenue Cycle Management</a>
                <a href="#" class="emtech-footer-link" aria-label="Secure Partnership">Secure Partnership</a>
                <a href="#" class="emtech-footer-link" aria-label="Prior Authorization Consulting">Prior Authorization Consulting</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="emtech-footer-col col-12 col-lg-6">
        <div class="emtech-footer-row">
          <div class="col-md-6 pl-md-4">
            <div class="emtech-footer-section emtech-footer-section-lg">EMTech Billing</div>
            <div class="emtech-footer-section">Call: +1 (877) 421-7231</div>
            <div class="emtech-footer-section-text">
              <div class="emtech-footer-section">Postal</div>
              <p class="emtech-footer-section-text-line">
                P.O. Box 1809<br>
                Gaffney, SC 29342
              </p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="emtech-footer-row">
              <div class="col-12">
                <a href="#" class="btn btn-emtech-secondary btn-emtech-lg w-100" aria-label="Make a Payment">Make a Payment</a>
              </div>
            </div>
            <div class="emtech-footer-row">
              <div class="col-4 emtech-footer-row-chip-wrapper">
                <a href="#" target="_blank" class="emtech-chip" aria-label="Follow Us On Facebook">
                  <span class="icon-facebook"></span>
                </a>
              </div>
              <div class="col-4 emtech-footer-row-chip-wrapper">
                <a href="#" target="_blank" class="emtech-chip" aria-label="Follow Us On Twitter">
                  <span class="icon-twitter"></span>
                </a>
              </div>
              <div class="col-4 emtech-footer-row-chip-wrapper">
                <a href="#" target="_blank" class="emtech-chip" aria-label="Follow Us On LinkedIn">
                  <span class="icon-linkedin"></span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="emtech-footer-copyright">©2021 EMTech Billing. All Rights Reserved</div>
</footer>