<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
    <div class="container-fluid container-main">
      <a class="navbar-brand em-brand" href="#FHome">
        <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item">
            <a class="nav-link" id="homenav" href="#FHome">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
          </li>
          <!-- Dropdown Menu for "What We Do" -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
              aria-expanded="false">
              What We Do
            </a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
              <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom
                  Software</a></li>
              <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a>
              </li>
              <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records
                  Management</a>
              </li>
            </ul>
          </li>
          <!-- End Dropdown Menu -->
          <li class="nav-item">
            <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</div>

<!-- HERO SECTION -->
<div class="container-fluid px-0">
  <div class="page-hero-section bg-dark text-white text-center">
    <img src="images\computer_code.jpg" alt="Hero Image" class="img-fluid hero-image">
    <div class="hero-overlay d-flex justify-content-center align-items-center">
      <div class="text-wrapper">
        <h1 class="display-4">Records and Information Management</h1>
      </div>
    </div>
  </div>
</div>

<!--MAIN CONTAINER-->
<div class="container-main">
  <div class="learn-boxes py-5">
    <!-- RECORDS MANAGEMENT BOX 1 -->
    <div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
      <div class="col-md-12">
        <div class="p-3 text-center">
          <h2>Electronic Medical Records System</h2>
          <p class="mx-auto" style="max-width: 850px;">Emergent.MD is an easy-to-use, full-featured, state-of-the-art Electronic Medical Records System. It works
            with just about any practice. It interfaces with your existing Practice Management System. And, we’ll tailor
            it to fit your unique workflow requirements. It will improve efficiency and save money for your practice.
          </p>
        </div>
      </div>
    </div>
    <!-- RECORDS MANAGEMENT BOX 2 -->
    <div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded">
      <div class="col-md-12">
        <div class="p-3 text-center">
          <h2>Vital Alerts Plus</h2>
          <p class="mx-auto" style="max-width: 850px;">TeleCare Connex is a completely integrated telemonitoring solution that includes wireless mobile devices
            for remote vital sign collection, and a web application for technicians and monitors to setup, enroll, and
            actively or passively track patient status and provide health information accordingly. This helps to reduce
            hospititalizations, promote good health with its participants and saves money.</p>
        </div>
      </div>
    </div>
    <!-- RECORDS MANAGEMENT BOX 3 -->
    <div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
      <div class="col-md-12">
        <div class="p-3 text-center">
          <h2>Dictation Notepad</h2>
          <p class="mx-auto" style="max-width: 850px;">Dictation Notepad is a simple app for dictating and sending notes using an android powered device. It
            leverages speech recognition technology to accurately transform speech to text and it allows formatting and
            editing of the text using voice commands. The audio is recorded and encoded to a small file size and saved
            along with the text. The text (in html format) and audio can be configured to send to variety of destination
            protocols (SMTP, FTP/S, HTTP/S) with a user specified host.</p>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- FOOTER -->
<footer class="bg-dark text-light">
  <div class="container-main">
    <div class="row text-center text-lg-start">
      <div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center">
        <a href="#FHome" class="navbar-brand">
          <img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
        </a>
      </div>
      <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
        <div>
          <h5>Explore</h5>
          <ul class="list-unstyled mb-0">
            <li><a href="#FHome" id="homefooter">Home</a></li>
            <li><a href="#FAboutUs" id="aboutusfooter">About Us</a></li>
            <li><a href="#FContactUs" id="contactusfooter">Contact Us</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
        <div>
          <address>
            4043 Maple Rd, Suite 211<br>
            Amherst, NY 14226<br>
            (716) 836-4910
          </address>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-copyright">
    © 2011-2024 EM Systems Inc
  </div>
</footer>