Skip to content

E
EMSystemsWeb
Commit 21ce303c by Mac Stephens
Options

need to add email server, learn button connectivity and some styling tweaks but… 

need to add email server, learn button connectivity and some styling tweaks but pretty much finished
parent 6f0245fc
Showing with 1120 additions and 370 deletions
EMSystemsWebsite/EMSystemsWebsite.dproj
...@@ -136,6 +136,11 @@ ...@@ -136,6 +136,11 @@
<None Include="images\EM_Logo_White.png"/> <None Include="images\EM_Logo_White.png"/>
<None Include="images\EM_Logo_#2c66a0.png"/> <None Include="images\EM_Logo_#2c66a0.png"/>
<None Include="images\EM_Logo_2c66a0.png"/> <None Include="images\EM_Logo_2c66a0.png"/>
<None Include="images\pexels-luis-gomes-546819.jpg"/>
<None Include="images\computer_code.jpg"/>
<None Include="TMSWeb\Debug\images\computer_code.jpg"/>
<None Include="images\niagara.jpg"/>
<None Include="TMSWeb\Debug\images\niagara.jpg"/>
<BuildConfiguration Include="Release"> <BuildConfiguration Include="Release">
<Key>Cfg_2</Key> <Key>Cfg_2</Key>
<CfgParent>Base</CfgParent> <CfgParent>Base</CfgParent>
......
EMSystemsWebsite/TMSWeb/Debug/View.AboutUs.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a> </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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a></li> <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li> <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records Management</a></li> <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
<!--MAIN CONTAINER-->
<div class="container-main">
<div class="container-fluid px-0">
<div class="row g-0 vh-100">
<div class="col-lg-6 p-0">
<img src="images/niagara.jpg" alt="Our Story Image" class="img-fluid w-100 h-100" style="object-fit: contain;">>
</div>
<div class="col-lg-6 d-flex align-items-center">
<div class="px-5 py-4">
<h2>Our Story</h2>
<p class="fs-6">EM Systems was established in the early 1990s as a software development group. Over the last
two decades, EM Systems have developed a vast array of custom software applications for a variety of
industries with a primary focus on the Public Safety and Healthcare fields. Currently, over 75 organizations
across New York State rely on EM Systems applications to meet the needs of their communities and customers.
EM Systems prides itself in its ability to create custom software solutions to meet the specific needs of
our customers. Our goal is to create software which facilitates and enhances current business practices in a
reliable and efficient manner. Not only do we offer expert software development knowledge and skills but we
are also experienced in understanding and improving efficiency in current business processes and practice.
</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">
<!-- Logo Column -->
<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>
\ No newline at end of file
EMSystemsWebsite/TMSWeb/Debug/View.ContactUs.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a> </a>
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" --> <!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
...@@ -24,19 +24,101 @@ ...@@ -24,19 +24,101 @@
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a> <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> </li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records
Management</a></li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu --> <!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
\ No newline at end of file
<!--CONTACT FORM CONTAINER-->
<div class="container-main my-5 pt-5">
<div class="row">
<div class="col-lg-6">
<h2>Contact Us</h2>
<form>
<div class="mb-3">
<label for="name" class="form-label">Name*</label>
<input type="text" class="form-control" id="name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email*</label>
<input type="email" class="form-control" id="email" required>
</div>
<div class="mb-3">
<label for="subject" class="form-label">Subject*</label>
<input type="text" class="form-control" id="subject" required>
</div>
<div class="mb-3">
<label for="message" class="form-label">Your Message*</label>
<textarea class="form-control" id="message" rows="3" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<!-- Google Map Section -->
<div class="col-lg-6">
<h3>EM Systems Inc.</h3>
<p>4043 Maple Rd, Suite 211 | Amherst, NY 14226</p>
<p><strong>Phone:</strong> (716) 836-4910</p>
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11673.673539086676!2d-78.8117081!3d42.990524!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d37240e1804e2f%3A0xce8f13b6c4c68386!2sE%20M%20Systems%20Inc!5e0!3m2!1sen!2sus!4v1714072248166!5m2!1sen!2sus"
width="100%"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="bg-dark text-light py-3 fixed-bottom">
<div class="container-main">
<div class="row text-center text-lg-start">
<!-- Logo Column -->
<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>
\ No newline at end of file
EMSystemsWebsite/TMSWeb/Debug/View.CustomSoftware.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a> </a>
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" --> <!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
...@@ -24,19 +24,120 @@ ...@@ -24,19 +24,120 @@
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a> <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> </li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records
Management</a></li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu --> <!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
\ No newline at end of file
<!-- 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">Custom Software</h1>
</div>
</div>
</div>
</div>
<!--MAIN CONTAINER-->
<div class="container-main">
<div class="learn-boxes py-5">
<!-- CUSTOM SOFTWARE 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>AutoPark</h2>
<p class="mx-auto" style="max-width: 850px;">AutoPark is our parking ticket management system. It streamlines and coordinates the process and procedures of managing a parking area. From parking tags, tickets and bills to payments and appeals, this solution has it all when it comes to parking management.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE 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>Document Scanning Tools</h2>
<p class="mx-auto" style="max-width: 850px;">Scan and transmit paper documents with ease. This software provides an easy way to scan and organize paper documents and send them electronically to a variety of configurable destinations including HL7, FTPS, HTTPS, CIFS and more.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE 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>Document Management System</h2>
<p class="mx-auto" style="max-width: 850px;">Very easily scan and store all of your paper documents securely and safely and retrieve any of them instantly at any time. This software can save countless hours for document imaging projects and can be customized to fit specific needs.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE BOX 4 -->
<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>Pawn Shop Pro</h2>
<p class="mx-auto" style="max-width: 850px;">This is a pawn shop management system that will simplify record keeping, billing, and inventory management. If there is something specific that you need for your pawn shop the software can be modified to suit your needs.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE BOX 5 -->
<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>Employee Time Tracking</h2>
<p class="mx-auto" style="max-width: 850px;">This software is an easy and useful way to track customers, projects, tasks, and resources over time and create reports from this information.</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">
<!-- Logo Column -->
<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>
\ No newline at end of file
EMSystemsWebsite/TMSWeb/Debug/View.Home.html
...@@ -12,26 +12,25 @@ ...@@ -12,26 +12,25 @@
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false"> aria-expanded="false">
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a></li> <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li> <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records Management</a></li> <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -57,45 +56,47 @@ ...@@ -57,45 +56,47 @@
<!--MAIN CONTAINER--> <!--MAIN CONTAINER-->
<div class="container-main"> <div class="container-main">
<!-- LEARN BOXES --> <!-- LEARN BOXES -->
<div class="learn-boxes p-5"> <div class="learn-boxes py-5">
<div class="row row-cols-1 row-cols-lg-3 g-4 align-items-stretch"> <div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<div class="col d-flex"> <div class="col-md-6">
<div class="learn-box shadow flex-fill d-flex flex-column"> <img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" alt="Storage Image" class="img-fluid rounded">
<img </div>
src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" <div class="col-md-6">
alt="Computer Image" class="img-fluid rounded-top"> <div class="p-3 text-center">
<div class="box-content d-flex flex-column p-3"> <h2>Records and Information Management Solutions</h2>
<h2>Custom Software Development</h2> <p>EM Systems has several new records and information management systems which incorporate modern paradigms in the field. Thinking of integrating electronic medical records with public safety systems? We can help. Feel free to contact us any time.</p>
<button class="btn btn-primary mx-auto mt-auto" style="width: 175px;">Learn More</button> <a href="#RecordsManagement" id="recordsmanagementlearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div> </div>
</div> </div>
<div class="col d-flex"> </div>
<div class="learn-box shadow flex-fill d-flex flex-column"> <div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded flex-md-row-reverse">
<img <div class="col-md-6">
src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" <img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" alt="Logistics Image" class="img-fluid rounded">
alt="Logistics Image" class="img-fluid rounded-top"> </div>
<div class="box-content d-flex flex-column p-3"> <div class="col-md-6">
<h2>Integrated Public Safety Solutions</h2> <div class="p-3 text-center">
<button class="btn btn-primary mx-auto mt-auto" style="width: 175px;">Learn More</button> <h2>Integrated Public Safety Solutions</h2>
</div> <p>EM Systems maintains a full suite of proven integrated systems that can be tailored to fit the specific needs of your organization. Seeking to move from an older outdated, or more expensive solution? Facilitate a smooth transition and don’t lose a thing. Ask us about data conversion and training programs.</p>
<a href="#PublicSafety" id="publicsafetylearn" class="btn btn-primary btn-black">Learn More</a>
</div> </div>
</div> </div>
<div class="col d-flex"> </div>
<div class="learn-box shadow flex-fill d-flex flex-column"> <div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<img <div class="col-md-6">
src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" <img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" alt="Computer Image" class="img-fluid rounded">
alt="Storage Image" class="img-fluid rounded-top"> </div>
<div class="box-content d-flex flex-column p-3"> <div class="col-md-6">
<h2>Storage and Records Management</h2> <div class="p-3 text-center">
<button class="btn btn-primary mx-auto mt-auto" style="width: 175px;">Learn More</button> <h2>Custom Software Development</h2>
</div> <p>EM Systems has great talent when it comes to working with customers to develop software solutions designed and tailored to their specific needs. Over the years we have created hundreds of custom solutions that have worked wonders for our customers.</p>
<a href="#CustomSoftware" id="customsoftwarelearn" class="btn btn-primary btn-black">Learn More</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="bg-dark text-light"> <footer class="bg-dark text-light">
<div class="container-main"> <div class="container-main">
...@@ -103,23 +104,19 @@ ...@@ -103,23 +104,19 @@
<!-- Logo Column --> <!-- Logo Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center"> <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"> <a href="#FHome" class="navbar-brand">
<img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px"> <img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
</a> </a>
</div> </div>
<!-- Explore Links Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div> <div>
<h5>Explore</h5> <h5>Explore</h5>
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
<li><a href="#FHome">Home</a></li> <li><a href="#FHome" id="homefooter">Home</a></li>
<li><a href="#FAboutUs">About Us</a></li> <li><a href="#FAboutUs" id="aboutusfooter">About Us</a></li>
<li><a href="#FContactUs">Contact Us</a></li> <li><a href="#FContactUs" id="contactusfooter">Contact Us</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- Address Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div> <div>
<address> <address>
...@@ -131,10 +128,7 @@ ...@@ -131,10 +128,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Copyright Text -->
<div class="footer-copyright"> <div class="footer-copyright">
© 2011-2024 EM Systems Inc © 2011-2024 EM Systems Inc
</div> </div>
</footer> </footer>
\ No newline at end of file
EMSystemsWebsite/TMSWeb/Debug/View.RecordsManagement.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <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> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom
<span class="navbar-toggler-icon"></span> Software</a></li>
</button> <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a>
<div class="collapse navbar-collapse" id="navbarNav"> </li>
<ul class="navbar-nav ms-auto"> <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records
<li class="nav-item"> Management</a>
<a class="nav-link" id="home" href="#FHome">Home</a> </li>
</li> </ul>
<li class="nav-item"> </li>
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <!-- End Dropdown Menu -->
</li> <li class="nav-item">
<!-- Dropdown Menu for "What We Do" --> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
<li class="nav-item dropdown"> </li>
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" </ul>
data-bs-toggle="dropdown" aria-expanded="false"> </div>
What We Do </div>
</a> </nav>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> </div>
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a>
</li> <!-- HERO SECTION -->
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li> <div class="container-fluid px-0">
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records <div class="page-hero-section bg-dark text-white text-center">
Management</a></li> <img src="images\computer_code.jpg" alt="Hero Image" class="img-fluid hero-image">
</ul> <div class="hero-overlay d-flex justify-content-center align-items-center">
</li> <div class="text-wrapper">
<!-- End Dropdown Menu --> <h1 class="display-4">Records and Information Management</h1>
<li class="nav-item"> </div>
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> </div>
</li> </div>
</ul> </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>
</nav> </div>
</div> </div>
\ No newline at end of file <!-- 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>
\ No newline at end of file
EMSystemsWebsite/TMSWeb/Debug/css/App.css
...@@ -9,11 +9,6 @@ body { ...@@ -9,11 +9,6 @@ body {
box-sizing: border-box; box-sizing: border-box;
} }
.container-main {
max-width: 1400px;
margin: auto;
padding: 1rem;
}
.em-black { .em-black {
color: #000000; color: #000000;
} }
...@@ -138,67 +133,52 @@ body { ...@@ -138,67 +133,52 @@ body {
text-shadow: 0px 0px 10px #000; text-shadow: 0px 0px 10px #000;
} }
/****************************************************************************************/ .page-hero-section {
position: relative;
/* LEARN BOXES */ height: 30vh; /* Control the height of the hero section */
.learn-boxes {
margin-top: auto;
padding: 20px 0;
color: #000;
overflow: hidden; overflow: hidden;
} }
.learn-box { /****************************************************************************************/
display: flex;
flex-direction: column; /* LEARN BOXES */
background-color: #FFF; .container-main {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); max-width: 1400px;
border-radius: 8px; margin: auto;
flex-grow: 1; padding: 1rem;
overflow: hidden;
} }
.img-fluid { .learn-boxes .row img {
width: 100%; border-radius: 5px 0 0 5px;
object-fit: cover; margin-bottom: 25px;
} }
.box-content { .learn-boxes h2 {
padding: 15px; font-size: 2.5rem;
text-align: center; margin-bottom: 0.75rem;
background: #ffffff;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.learn-box h2 { .learn-boxes p {
margin-bottom: 10px; font-size: 1rem;
color: #333; margin-bottom: 1rem;
} }
.learn-box button { .btn-primary {
padding: 8px 16px; background-color: #000;
font-size: 16px; border-color: #000;
border-radius: 4px; color: #fff;
background-color: #333333; width: 175px;
color: white;
border: none;
} }
.learn-box button:hover { .btn-primary:hover {
background-color: #000; background-color: #333;
border-color: #333;
} }
/****************************************************************************************/ /****************************************************************************************/
/* FOOTER */ /* FOOTER */
.container-main {
max-width: 1400px;
margin: auto; /* Centers the container */
padding: 1rem; /* Padding for top and bottom */
}
footer { footer {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
...@@ -242,7 +222,7 @@ footer .footer-copyright { ...@@ -242,7 +222,7 @@ footer .footer-copyright {
} }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
.container-max { .container-main {
max-width: 1600px; max-width: 1600px;
} }
} }
...@@ -253,4 +233,5 @@ footer .footer-copyright { ...@@ -253,4 +233,5 @@ footer .footer-copyright {
.em-navbar-wrap .navbar .navbar-nav { .em-navbar-wrap .navbar .navbar-nav {
padding-left: 2rem; padding-left: 2rem;
} }
} }
\ No newline at end of file
EMSystemsWebsite/View.AboutUs.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a> </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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a></li> <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li> <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records Management</a></li> <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
<!--MAIN CONTAINER-->
<div class="container-main">
<div class="container-fluid px-0">
<div class="row g-0 vh-100">
<div class="col-lg-6 p-0">
<img src="images/niagara.jpg" alt="Our Story Image" class="img-fluid w-100 h-100" style="object-fit: contain;">>
</div>
<div class="col-lg-6 d-flex align-items-center">
<div class="px-5 py-4">
<h2>Our Story</h2>
<p class="fs-6">EM Systems was established in the early 1990s as a software development group. Over the last
two decades, EM Systems have developed a vast array of custom software applications for a variety of
industries with a primary focus on the Public Safety and Healthcare fields. Currently, over 75 organizations
across New York State rely on EM Systems applications to meet the needs of their communities and customers.
EM Systems prides itself in its ability to create custom software solutions to meet the specific needs of
our customers. Our goal is to create software which facilitates and enhances current business practices in a
reliable and efficient manner. Not only do we offer expert software development knowledge and skills but we
are also experienced in understanding and improving efficiency in current business processes and practice.
</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">
<!-- Logo Column -->
<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>
\ No newline at end of file
EMSystemsWebsite/View.ContactUs.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a> </a>
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" --> <!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
...@@ -24,19 +24,101 @@ ...@@ -24,19 +24,101 @@
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a> <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> </li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records
Management</a></li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu --> <!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
\ No newline at end of file
<!--CONTACT FORM CONTAINER-->
<div class="container-main my-5 pt-5">
<div class="row">
<div class="col-lg-6">
<h2>Contact Us</h2>
<form>
<div class="mb-3">
<label for="name" class="form-label">Name*</label>
<input type="text" class="form-control" id="name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email*</label>
<input type="email" class="form-control" id="email" required>
</div>
<div class="mb-3">
<label for="subject" class="form-label">Subject*</label>
<input type="text" class="form-control" id="subject" required>
</div>
<div class="mb-3">
<label for="message" class="form-label">Your Message*</label>
<textarea class="form-control" id="message" rows="3" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<!-- Google Map Section -->
<div class="col-lg-6">
<h3>EM Systems Inc.</h3>
<p>4043 Maple Rd, Suite 211 | Amherst, NY 14226</p>
<p><strong>Phone:</strong> (716) 836-4910</p>
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11673.673539086676!2d-78.8117081!3d42.990524!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d37240e1804e2f%3A0xce8f13b6c4c68386!2sE%20M%20Systems%20Inc!5e0!3m2!1sen!2sus!4v1714072248166!5m2!1sen!2sus"
width="100%"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="bg-dark text-light py-3 fixed-bottom">
<div class="container-main">
<div class="row text-center text-lg-start">
<!-- Logo Column -->
<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>
\ No newline at end of file
EMSystemsWebsite/View.CustomSoftware.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a> </a>
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" --> <!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
...@@ -24,19 +24,120 @@ ...@@ -24,19 +24,120 @@
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a> <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> </li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records
Management</a></li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu --> <!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
\ No newline at end of file
<!-- 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">Custom Software</h1>
</div>
</div>
</div>
</div>
<!--MAIN CONTAINER-->
<div class="container-main">
<div class="learn-boxes py-5">
<!-- CUSTOM SOFTWARE 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>AutoPark</h2>
<p class="mx-auto" style="max-width: 850px;">AutoPark is our parking ticket management system. It streamlines and coordinates the process and procedures of managing a parking area. From parking tags, tickets and bills to payments and appeals, this solution has it all when it comes to parking management.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE 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>Document Scanning Tools</h2>
<p class="mx-auto" style="max-width: 850px;">Scan and transmit paper documents with ease. This software provides an easy way to scan and organize paper documents and send them electronically to a variety of configurable destinations including HL7, FTPS, HTTPS, CIFS and more.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE 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>Document Management System</h2>
<p class="mx-auto" style="max-width: 850px;">Very easily scan and store all of your paper documents securely and safely and retrieve any of them instantly at any time. This software can save countless hours for document imaging projects and can be customized to fit specific needs.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE BOX 4 -->
<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>Pawn Shop Pro</h2>
<p class="mx-auto" style="max-width: 850px;">This is a pawn shop management system that will simplify record keeping, billing, and inventory management. If there is something specific that you need for your pawn shop the software can be modified to suit your needs.</p>
</div>
</div>
</div>
<!-- CUSTOM SOFTWARE BOX 5 -->
<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>Employee Time Tracking</h2>
<p class="mx-auto" style="max-width: 850px;">This software is an easy and useful way to track customers, projects, tasks, and resources over time and create reports from this information.</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">
<!-- Logo Column -->
<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>
\ No newline at end of file
EMSystemsWebsite/View.Home.dfm
...@@ -9,7 +9,7 @@ object FHome: TFHome ...@@ -9,7 +9,7 @@ object FHome: TFHome
Font.Size = 8 Font.Size = 8
Font.Style = [] Font.Style = []
FormStyle = fsNormal FormStyle = fsNormal
Height = 762 Height = 1090
Left = 0 Left = 0
TabOrder = 0 TabOrder = 0
Top = 0 Top = 0
...@@ -19,7 +19,7 @@ object FHome: TFHome ...@@ -19,7 +19,7 @@ object FHome: TFHome
Caption = 'HOME' Caption = 'HOME'
Color = clNone Color = clNone
ElementFont = efCSS ElementFont = efCSS
ElementID = 'home' ElementID = 'homenav'
ElementPosition = epRelative ElementPosition = epRelative
Font.Charset = ANSI_CHARSET Font.Charset = ANSI_CHARSET
Font.Color = clBlack Font.Color = clBlack
...@@ -30,7 +30,7 @@ object FHome: TFHome ...@@ -30,7 +30,7 @@ object FHome: TFHome
Height = 25 Height = 25
Left = 779 Left = 779
OnClick = btnHomeClick OnClick = btnHomeClick
Role = 'null' Role = 'button'
TabOrder = 0 TabOrder = 0
Top = 105 Top = 105
Width = 100 Width = 100
...@@ -39,7 +39,7 @@ object FHome: TFHome ...@@ -39,7 +39,7 @@ object FHome: TFHome
Caption = 'ABOUT US' Caption = 'ABOUT US'
Color = clNone Color = clNone
ElementFont = efCSS ElementFont = efCSS
ElementID = 'aboutus' ElementID = 'aboutusnav'
ElementPosition = epRelative ElementPosition = epRelative
Font.Charset = ANSI_CHARSET Font.Charset = ANSI_CHARSET
Font.Color = clBlack Font.Color = clBlack
...@@ -50,16 +50,16 @@ object FHome: TFHome ...@@ -50,16 +50,16 @@ object FHome: TFHome
Height = 25 Height = 25
Left = 899 Left = 899
OnClick = btnAboutUsClick OnClick = btnAboutUsClick
Role = 'null' Role = 'button'
TabOrder = 0 TabOrder = 0
Top = 105 Top = 105
Width = 100 Width = 100
end end
object btnContactUs: TWebButton object btnCustomSoftware: TWebButton
Caption = 'CONTACT US' Caption = 'Custom Software'
Color = clNone Color = clNone
ElementFont = efCSS ElementFont = efCSS
ElementID = 'contactus' ElementID = 'customsoftwarenav'
ElementPosition = epRelative ElementPosition = epRelative
Font.Charset = ANSI_CHARSET Font.Charset = ANSI_CHARSET
Font.Color = clBlack Font.Color = clBlack
...@@ -68,18 +68,37 @@ object FHome: TFHome ...@@ -68,18 +68,37 @@ object FHome: TFHome
Font.Size = 8 Font.Size = 8
Font.Style = [] Font.Style = []
Height = 25 Height = 25
Left = 1171 Left = 1019
OnClick = btnContactUsClick OnClick = btnCustomSoftwareClick
Role = 'null' Role = 'button'
TabOrder = 0 TabOrder = 0
Top = 105 Top = 111
Width = 100
end
object btnRecordsManagement: TWebButton
Caption = 'Records Management'
Color = clNone
ElementID = 'recordsmanagementnav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 1027
OnClick = btnRecordsManagementClick
Role = 'button'
TabOrder = 0
Top = 169
Width = 100 Width = 100
end end
object btnPublicSafety: TWebButton object btnPublicSafety: TWebButton
Caption = 'Public Safety' Caption = 'Public Safety'
Color = clNone Color = clNone
ElementFont = efCSS ElementFont = efCSS
ElementID = 'publicsafety' ElementID = 'publicsafetynav'
ElementPosition = epRelative ElementPosition = epRelative
Font.Charset = ANSI_CHARSET Font.Charset = ANSI_CHARSET
Font.Color = clBlack Font.Color = clBlack
...@@ -90,15 +109,16 @@ object FHome: TFHome ...@@ -90,15 +109,16 @@ object FHome: TFHome
Height = 25 Height = 25
Left = 1027 Left = 1027
OnClick = btnPublicSafetyClick OnClick = btnPublicSafetyClick
Role = 'null' Role = 'button'
TabOrder = 0 TabOrder = 0
Top = 137 Top = 137
Width = 100 Width = 100
end end
object btnRecordsManagement: TWebButton object btnContactUs: TWebButton
Caption = 'Records Management' Caption = 'CONTACT US'
Color = clNone Color = clNone
ElementID = 'recordsmanagement' ElementFont = efCSS
ElementID = 'contactusnav'
ElementPosition = epRelative ElementPosition = epRelative
Font.Charset = ANSI_CHARSET Font.Charset = ANSI_CHARSET
Font.Color = clBlack Font.Color = clBlack
...@@ -107,18 +127,36 @@ object FHome: TFHome ...@@ -107,18 +127,36 @@ object FHome: TFHome
Font.Size = 8 Font.Size = 8
Font.Style = [] Font.Style = []
Height = 25 Height = 25
Left = 1027 Left = 1171
OnClick = btnContactUsClick
Role = 'button'
TabOrder = 0
Top = 105
Width = 100
end
object btnRecordsManagementLearn: TWebButton
Caption = 'Learn More'
Color = clNone
ElementID = 'recordsmanagementlearn'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 0
OnClick = btnRecordsManagementClick OnClick = btnRecordsManagementClick
Role = 'null' Role = 'button'
TabOrder = 0 TabOrder = 0
Top = 169 Top = 0
Width = 100 Width = 100
end end
object btnCustomSoftware: TWebButton object btnCustomSoftwareLearn: TWebButton
Caption = 'Custom Software' Caption = 'Learn More'
Color = clNone Color = clNone
ElementFont = efCSS ElementID = 'customsoftwarelearn'
ElementID = 'customsoftware'
ElementPosition = epRelative ElementPosition = epRelative
Font.Charset = ANSI_CHARSET Font.Charset = ANSI_CHARSET
Font.Color = clBlack Font.Color = clBlack
...@@ -127,11 +165,84 @@ object FHome: TFHome ...@@ -127,11 +165,84 @@ object FHome: TFHome
Font.Size = 8 Font.Size = 8
Font.Style = [] Font.Style = []
Height = 25 Height = 25
Left = 1019 Left = 0
OnClick = btnCustomSoftwareClick OnClick = btnRecordsManagementClick
Role = 'null' Role = 'button'
TabOrder = 0 TabOrder = 0
Top = 111 Top = 0
Width = 100
end
object btnPublicSafetyLearn: TWebButton
Caption = 'Learn More'
Color = clNone
ElementID = 'publicsafetylearn'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 0
OnClick = btnRecordsManagementClick
Role = 'button'
TabOrder = 0
Top = 0
Width = 100
end
object btnAboutUsFooter: TWebButton
Caption = 'About Us'
Color = clNone
ElementID = 'aboutusfooter'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 306
Role = 'button'
TabOrder = 0
Top = 641
Width = 100
end
object btnHomeFooter: TWebButton
Caption = 'Home'
Color = clNone
ElementID = 'homefooter'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 595
Role = 'button'
TabOrder = 0
Top = 533
Width = 100
end
object btnContactUsFooter: TWebButton
Caption = 'Contact Us'
Color = clNone
ElementID = 'contactusfooter'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 423
Role = 'button'
TabOrder = 0
Top = 638
Width = 100 Width = 100
end end
end end
EMSystemsWebsite/View.Home.html
...@@ -12,26 +12,25 @@ ...@@ -12,26 +12,25 @@
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <ul class="navbar-nav ms-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="home" href="#FHome">Home</a> <a class="nav-link" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li> </li>
<!-- Dropdown Menu for "What We Do" -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false"> aria-expanded="false">
What We Do What We Do
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a></li> <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li> <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records Management</a></li> <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul> </ul>
</li> </li>
<!-- End Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -57,45 +56,47 @@ ...@@ -57,45 +56,47 @@
<!--MAIN CONTAINER--> <!--MAIN CONTAINER-->
<div class="container-main"> <div class="container-main">
<!-- LEARN BOXES --> <!-- LEARN BOXES -->
<div class="learn-boxes p-5"> <div class="learn-boxes py-5">
<div class="row row-cols-1 row-cols-lg-3 g-4 align-items-stretch"> <div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<div class="col d-flex"> <div class="col-md-6">
<div class="learn-box shadow flex-fill d-flex flex-column"> <img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" alt="Storage Image" class="img-fluid rounded">
<img </div>
src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" <div class="col-md-6">
alt="Computer Image" class="img-fluid rounded-top"> <div class="p-3 text-center">
<div class="box-content d-flex flex-column p-3"> <h2>Records and Information Management Solutions</h2>
<h2>Custom Software Development</h2> <p>EM Systems has several new records and information management systems which incorporate modern paradigms in the field. Thinking of integrating electronic medical records with public safety systems? We can help. Feel free to contact us any time.</p>
<button class="btn btn-primary mx-auto mt-auto" style="width: 175px;">Learn More</button> <a href="#RecordsManagement" id="recordsmanagementlearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div> </div>
</div> </div>
<div class="col d-flex"> </div>
<div class="learn-box shadow flex-fill d-flex flex-column"> <div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded flex-md-row-reverse">
<img <div class="col-md-6">
src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" <img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" alt="Logistics Image" class="img-fluid rounded">
alt="Logistics Image" class="img-fluid rounded-top"> </div>
<div class="box-content d-flex flex-column p-3"> <div class="col-md-6">
<h2>Integrated Public Safety Solutions</h2> <div class="p-3 text-center">
<button class="btn btn-primary mx-auto mt-auto" style="width: 175px;">Learn More</button> <h2>Integrated Public Safety Solutions</h2>
</div> <p>EM Systems maintains a full suite of proven integrated systems that can be tailored to fit the specific needs of your organization. Seeking to move from an older outdated, or more expensive solution? Facilitate a smooth transition and don’t lose a thing. Ask us about data conversion and training programs.</p>
<a href="#PublicSafety" id="publicsafetylearn" class="btn btn-primary btn-black">Learn More</a>
</div> </div>
</div> </div>
<div class="col d-flex"> </div>
<div class="learn-box shadow flex-fill d-flex flex-column"> <div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<img <div class="col-md-6">
src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" <img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" alt="Computer Image" class="img-fluid rounded">
alt="Storage Image" class="img-fluid rounded-top"> </div>
<div class="box-content d-flex flex-column p-3"> <div class="col-md-6">
<h2>Storage and Records Management</h2> <div class="p-3 text-center">
<button class="btn btn-primary mx-auto mt-auto" style="width: 175px;">Learn More</button> <h2>Custom Software Development</h2>
</div> <p>EM Systems has great talent when it comes to working with customers to develop software solutions designed and tailored to their specific needs. Over the years we have created hundreds of custom solutions that have worked wonders for our customers.</p>
<a href="#CustomSoftware" id="customsoftwarelearn" class="btn btn-primary btn-black">Learn More</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="bg-dark text-light"> <footer class="bg-dark text-light">
<div class="container-main"> <div class="container-main">
...@@ -103,23 +104,19 @@ ...@@ -103,23 +104,19 @@
<!-- Logo Column --> <!-- Logo Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center"> <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"> <a href="#FHome" class="navbar-brand">
<img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px"> <img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
</a> </a>
</div> </div>
<!-- Explore Links Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div> <div>
<h5>Explore</h5> <h5>Explore</h5>
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
<li><a href="#FHome">Home</a></li> <li><a href="#FHome" id="homefooter">Home</a></li>
<li><a href="#FAboutUs">About Us</a></li> <li><a href="#FAboutUs" id="aboutusfooter">About Us</a></li>
<li><a href="#FContactUs">Contact Us</a></li> <li><a href="#FContactUs" id="contactusfooter">Contact Us</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- Address Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div> <div>
<address> <address>
...@@ -131,10 +128,7 @@ ...@@ -131,10 +128,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Copyright Text -->
<div class="footer-copyright"> <div class="footer-copyright">
© 2011-2024 EM Systems Inc © 2011-2024 EM Systems Inc
</div> </div>
</footer> </footer>
\ No newline at end of file
EMSystemsWebsite/View.Home.pas
...@@ -13,6 +13,12 @@ type ...@@ -13,6 +13,12 @@ type
btnAboutUs: TWebButton; btnAboutUs: TWebButton;
btnContactUs: TWebButton; btnContactUs: TWebButton;
btnCustomSoftware: TWebButton; btnCustomSoftware: TWebButton;
btnRecordsManagementLearn: TWebButton;
btnCustomSoftwareLearn: TWebButton;
btnHomeFooter: TWebButton;
btnContactUsFooter: TWebButton;
btnAboutUsFooter: TWebButton;
btnPublicSafetyLearn: TWebButton;
btnPublicSafety: TWebButton; btnPublicSafety: TWebButton;
btnRecordsManagement: TWebButton; btnRecordsManagement: TWebButton;
...@@ -119,4 +125,4 @@ end; ...@@ -119,4 +125,4 @@ end;
initialization initialization
RegisterClass(TFHome); RegisterClass(TFHome);
end. end.
\ No newline at end of file \ No newline at end of file
EMSystemsWebsite/View.RecordsManagement.html
<!--NAVBAR CONTAINER--> <!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap"> <div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-max"> <div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome"> <a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;"> <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> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom
<span class="navbar-toggler-icon"></span> Software</a></li>
</button> <li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a>
<div class="collapse navbar-collapse" id="navbarNav"> </li>
<ul class="navbar-nav ms-auto"> <li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records
<li class="nav-item"> Management</a>
<a class="nav-link" id="home" href="#FHome">Home</a> </li>
</li> </ul>
<li class="nav-item"> </li>
<a class="nav-link" id="aboutus" href="#FAboutUs">About Us</a> <!-- End Dropdown Menu -->
</li> <li class="nav-item">
<!-- Dropdown Menu for "What We Do" --> <a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
<li class="nav-item dropdown"> </li>
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" </ul>
data-bs-toggle="dropdown" aria-expanded="false"> </div>
What We Do </div>
</a> </nav>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> </div>
<li><a class="dropdown-item" id="customsoftware" href="#FCustomSoftware">Custom Software</a>
</li> <!-- HERO SECTION -->
<li><a class="dropdown-item" id="publicsafety" href="#FPublicSafety">Public Safety</a></li> <div class="container-fluid px-0">
<li><a class="dropdown-item" id="recordsmanagement" href="#FRecordsManagement">Records <div class="page-hero-section bg-dark text-white text-center">
Management</a></li> <img src="images\computer_code.jpg" alt="Hero Image" class="img-fluid hero-image">
</ul> <div class="hero-overlay d-flex justify-content-center align-items-center">
</li> <div class="text-wrapper">
<!-- End Dropdown Menu --> <h1 class="display-4">Records and Information Management</h1>
<li class="nav-item"> </div>
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a> </div>
</li> </div>
</ul> </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>
</nav> </div>
</div> </div>
\ No newline at end of file <!-- 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>
\ No newline at end of file
EMSystemsWebsite/css/App.css
...@@ -9,11 +9,6 @@ body { ...@@ -9,11 +9,6 @@ body {
box-sizing: border-box; box-sizing: border-box;
} }
.container-main {
max-width: 1400px;
margin: auto;
padding: 1rem;
}
.em-black { .em-black {
color: #000000; color: #000000;
} }
...@@ -138,67 +133,52 @@ body { ...@@ -138,67 +133,52 @@ body {
text-shadow: 0px 0px 10px #000; text-shadow: 0px 0px 10px #000;
} }
/****************************************************************************************/ .page-hero-section {
position: relative;
/* LEARN BOXES */ height: 30vh; /* Control the height of the hero section */
.learn-boxes {
margin-top: auto;
padding: 20px 0;
color: #000;
overflow: hidden; overflow: hidden;
} }
.learn-box { /****************************************************************************************/
display: flex;
flex-direction: column; /* LEARN BOXES */
background-color: #FFF; .container-main {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); max-width: 1400px;
border-radius: 8px; margin: auto;
flex-grow: 1; padding: 1rem;
overflow: hidden;
} }
.img-fluid { .learn-boxes .row img {
width: 100%; border-radius: 5px 0 0 5px;
object-fit: cover; margin-bottom: 25px;
} }
.box-content { .learn-boxes h2 {
padding: 15px; font-size: 2.5rem;
text-align: center; margin-bottom: 0.75rem;
background: #ffffff;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.learn-box h2 { .learn-boxes p {
margin-bottom: 10px; font-size: 1rem;
color: #333; margin-bottom: 1rem;
} }
.learn-box button { .btn-primary {
padding: 8px 16px; background-color: #000;
font-size: 16px; border-color: #000;
border-radius: 4px; color: #fff;
background-color: #333333; width: 175px;
color: white;
border: none;
} }
.learn-box button:hover { .btn-primary:hover {
background-color: #000; background-color: #333;
border-color: #333;
} }
/****************************************************************************************/ /****************************************************************************************/
/* FOOTER */ /* FOOTER */
.container-main {
max-width: 1400px;
margin: auto; /* Centers the container */
padding: 1rem; /* Padding for top and bottom */
}
footer { footer {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
...@@ -242,7 +222,7 @@ footer .footer-copyright { ...@@ -242,7 +222,7 @@ footer .footer-copyright {
} }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
.container-max { .container-main {
max-width: 1600px; max-width: 1600px;
} }
} }
...@@ -253,4 +233,5 @@ footer .footer-copyright { ...@@ -253,4 +233,5 @@ footer .footer-copyright {
.em-navbar-wrap .navbar .navbar-nav { .em-navbar-wrap .navbar .navbar-nav {
padding-left: 2rem; padding-left: 2rem;
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment