Skip to content

E
efxCurrencyExchange
Commit a6af7827 by Mac Stephens
Options

update to tms web for deployment to host gatort

parent fb1f165f
Showing with 2396 additions and 2 deletions
.gitignore
...@@ -3,7 +3,6 @@ webEFXCurrency/__history/ ...@@ -3,7 +3,6 @@ webEFXCurrency/__history/
webEFXCurrency/__recovery/ webEFXCurrency/__recovery/
webEFXCurrency/config/__history/ webEFXCurrency/config/__history/
webEFXCurrency/css/__history/ webEFXCurrency/css/__history/
webEFXCurrency/TMSWeb/
webEFXCurrency/Win32/ webEFXCurrency/Win32/
webEFXCurrency/Win64/ webEFXCurrency/Win64/
EFXEMailServer/Win64/ EFXEMailServer/Win64/
......
webEFXCurrency/TMSWeb/Debug/View.Compliance.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<div class="container-fluid container-max">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images/efxLogo.png" alt="EFX">
</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="home" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="compliance" href="#FCompliance">Compliance</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- HERO IMAGE -->
<div class="hero-image-compliance">
<img src="images/coins.jpg" alt="Hero Image" class="img-fluid">
</div>
<!-- CONTENT SECTION -->
<div class="content-section">
<div class="container-fluid px-0">
<div class="currencies-section shadow-sm text-center p-5 border-bottom">
<h2 class="efx-green mb-2">Compliance</h2>
<p class="middle-subtitle">efx is firmly committed to the fight against money laundering and terrorist financing.</p>
<p class="subtitle">At our discretion, or as in accordance with applicable law, you may be required to provide government issued photo identification in order to make a currency exchange transaction. Other restrictions may apply. Void where prohibited.</p>
</div>
</div>
</div>
<!-- DETAIL SECTION -->
<div class="container mt-5">
<div class="container">
<div class="row align-items-start">
<div class="col-md-4 mb-4 text-center">
<div class="mb-3">
<i class="fa-solid fa-eye fa-2xl"></i>
</div>
<h4>Anti-Money Laundering</h4>
<p>eFX has instituted anti-money laundering compliance programs, including compliance reviews, periodic training and testing of personnel, and third party review of its anti-money laundering procedures. Such anti-money laundering programs include screening of customer names and transactions through governmental and other database lists.</p>
</div>
<div class="col-md-4 mb-4 text-center"> <!-- Adjusted column size -->
<img src="images/efx-location.jpg" alt="Compliance" class="img-fluid rounded-circle shadow">
</div>
<div class="col-md-4 mb-4 text-center">
<div class="mb-3">
<i class="fa-solid fa-scale-balanced fa-2xl"></i>
</div>
<h4>U.S. Department of Treasury</h4>
<p>efx is registered with the United States Department of the Treasury Financial Crimes Enforcement Network as a money services business. efx also holds currency exchange licenses in states where a license for its currency exchange operations are required.</p>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-light text-center py-4">
<div class="container-fluid container-max">
<div class="row">
<div class="col-12 mb-3">
<a href="https://www.facebook.com/efxcurrency/" class="text-decoration-none me-2">
<i class="fa-brands fa-square-facebook fa-lg" style="color: #28b34c"></i>
</a>
<a href="https://twitter.com/efxCurrency/" class="text-decoration-none">
<i class="fa-brands fa-square-x-twitter fa-lg" style="color: #28b34c"></i>
</a>
</div>
<div class="col-12">
<p>©2024 copyright eFX. All rights reserved.</p>
<p>NMLS No. 981328</p>
</div>
</div>
</div>
</footer>
webEFXCurrency/TMSWeb/Debug/View.ContactUs.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<div class="container-fluid container-max">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images/efxLogo.png" alt="EFX">
</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="home" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="compliance" href="#FCompliance">Compliance</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div id="toast-wrapper"
class="position-fixed top-0 start-50 translate-middle-x mt-5"
style="z-index: 1080; min-width: 300px; max-width: 500px;">
<div id="bootstrapToast"
class="toast align-items-center text-white bg-success border-0 shadow"
role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body" id="bootstrapToastBody">
Success message
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto"
data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
</div>
<!-- DETAIL SECTION -->
<div class="container mt-5">
<!-- Title and underline -->
<div class="row mb-4">
<div class="col">
<h1>Contact Us</h1>
<hr> <!-- This creates a horizontal line -->
</div>
</div>
<!-- Contact form and hours information -->
<div class="row mb-5">
<!-- Contact form column -->
<div class="col-md-6">
<h2>Send us a Message</h2>
<p>Get in contact with us for your currency needs!</p>
<form id="contactForm">
<div class="mb-3">
<label for="edtName" class="form-label">Your Name (required)</label>
<input type="text" class="form-control" id="edtName" required placeholder="John Doe">
</div>
<div class="mb-3">
<label for="edtEmail" class="form-label">Your Email (required)</label>
<input type="email" class="form-control" id="edtEmail" required placeholder="example@yourdomain.com">
</div>
<div class="mb-3">
<label for="edtSubject" class="form-label">Subject</label>
<input type="text" class="form-control" id="edtSubject" placeholder="Type the subject here.">
</div>
<div class="mb-3">
<label for="memoMessage" class="form-label">Your Message</label>
<textarea class="form-control" id="memoMessage" placeholder="Type your message here." rows="3"></textarea>
</div>
<button type="submit" id="btnSubmit"class="btn btn-primary">Send Email</button>
</form>
</div>
<!-- Hours information column -->
<div class="col-md-6">
<div class="hours-box">
<h3>EFX Currency Hours</h3>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Niagara Falls</h4>
<p class="mb-0">Thursday – Monday: 11am – 4pm</p>
<p class="mt-2">Phone: (716) 297-4654</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Buffalo</h4>
<p class="mb-0">Monday – Saturday: 11am – 4pm</p>
<p class="mt-2">Phone: (716) 681-8820</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Rochester</h4>
<p class="mb-0">Monday: 9am – 1pm</p>
<p class="mb-0">Thursday: 11am – 4pm</p>
<p class="mb-0">Saturday: 9am – 1pm</p>
<p class="mt-2">Phone: (585) 445-8911</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Syracuse</h4>
<p class="mb-0">Monday, Wednesday, Friday: 12pm – 4pm</p>
<p class="mt-2">Phone: (315) 565-4138</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="spinner" class="position-absolute top-50 start-50 translate-middle d-none">
<div class="lds-roller">
<div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div>
</div>
</div>
<div class="modal fade" id="main_errormodal" tabindex="-1" aria-labelledby="main_lblmodal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content shadow-lg">
<div class="modal-header">
<h5 class="modal-title" id="main_lblmodal">Error</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body fs-6 fw-bold" id="main_lblmodal_body">
Please contact EMSystems to solve the issue.
</div>
<div class="modal-footer justify-content-center">
<button type="button" id="btn_modal_restart" class="btn btn-primary">Restart WebApp</button>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-light text-center py-4">
<div class="container-fluid container-max">
<div class="row">
<div class="col-12 mb-3">
<a href="https://www.facebook.com/efxcurrency/" class="text-decoration-none me-2">
<i class="fa-brands fa-square-facebook fa-lg" style="color: #28b34c"></i>
</a>
<a href="https://twitter.com/efxCurrency/" class="text-decoration-none">
<i class="fa-brands fa-square-x-twitter fa-lg" style="color: #28b34c"></i>
</a>
</div>
<div class="col-12">
<p>©2024 copyright eFX. All rights reserved.</p>
<p>NMLS No. 981328</p>
</div>
</div>
</div>
</footer>
webEFXCurrency/TMSWeb/Debug/config/config.json 0 → 100644
{
"apiBaseUrl": "http://localhost:2009/EFX/"
}
\ No newline at end of file
webEFXCurrency/TMSWeb/Debug/css/App.css 0 → 100644
body {
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #272727;
background-color: #f4f4f4;
padding-top: 70px;
box-sizing: border-box;
}
.container-max {
max-width: 1400px;
margin-right: auto;
margin-left: auto;
}
.efx-green {
color: #28b34c;
}
.em-navbar-wrap .navbar {
padding-top: 20;
padding-bottom: 20;
transition: height 0.3s ease-in-out;
position: fixed;
width: 100%;
z-index: 1030;
}
.em-brand img {
height: auto;
transition: height 0.3s ease-in-out;
}
.navbar-nav .nav-link {
text-transform: uppercase;
letter-spacing: 0.085em;
font-size: larger;
color: #999999;
padding-top: 37px;
padding-bottom: 37px;
height: 90px;
transition: padding 0.3s ease-in-out;
}
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item.active .nav-link {
color: #272727;
box-shadow: inset 0 -4px 0 0 #28a745;
}
@media (max-width: 992px) {
.navbar-nav .nav-link {
padding-top: 20px;
padding-bottom: 20px;
height: auto;
}
}
.em-navbar-wrap .navbar.scrolled {
padding-top: 0;
padding-bottom: 0;
height: 70px;
}
.em-brand img.scrolled-logo {
height: 30px;
}
.navbar.scrolled .nav-link {
padding-top: 25px;
padding-bottom: 25px;
}
.navbar-toggler {
outline: none !important;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #f8f9fa;
}
/* Ensures the hover effect is applied even when the element is focused */
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
outline: none;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #f8f9fa;
}
/* Hover effect: inverse shadow and darker background */
.navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */
background-color: #e2e6ea;
}
/* Hero Image Styling */
.hero-image-home {
position: relative;
height: 500px;
overflow: hidden;
}
.hero-image-home img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.hero-image-compliance {
position: relative;
height: 400px;
overflow: hidden;
}
.hero-image-compliance img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
/* Currency Expert Box Styling */
.currency-expert-box {
position: absolute;
top: 30%;
left: 10%;
transform: translateX(-50%, -50%);
background-color: rgba(246, 246, 246, 0.9);
padding: 20px;
width: 30%;
max-width: 400px;
z-index: 2;
border-radius: 10px;
}
@media (max-width: 768px) {
.currency-expert-box {
width: 80%; /* Adjust width for smaller screens */
}
}
@media (max-width: 576px) {
.currency-expert-box {
width: 90%; /* Adjust width for even smaller screens */
padding: 15px; /* Adjust padding for smaller screens */
}
}
/* Content Section Styling */
.content-section {
position: relative;
z-index: 10;
background: #FFF;
margin-top: -2rem;
}
blockquote {
margin-top: 1em;
font-style: italic;
}
.middle-subtitle {
font-size: medium;
font-weight: bold;
}
.container.mt-5 {
margin-top: calc(5rem + 90px) !important;
}
.location-info {
padding: 1rem;
background: #fff;
border: 1px solid #ddd;
margin-bottom: 2rem;
}
.location-info h3 {
margin-bottom: .5rem;
}
.location {
display: flex;
align-items: start; /* Aligns the icon with the top of the text */
margin-bottom: 1rem; /* Spacing between locations */
}
.location i.fas {
margin-top: 0.25rem; /* Adjust this value to fine-tune vertical alignment with h4 */
}
.location > div {
margin-left: 0.5rem; /* Space between icon and text */
}
.hours-box h3 {
margin-bottom: 1rem; /* Space below the section title */
}
.btn-primary {
background-color: #28a745;
border-color: #28a745;
}
/* SPINNER */
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #28b34c;
margin: -5px 0 0 -5px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
webEFXCurrency/TMSWeb/Debug/index.html 0 → 100644
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="data:;base64,=" rel="icon"/>
<title>TMS Web Project</title>
<link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"/>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/App.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&amp;family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&amp;display=swap" rel="stylesheet"/>
<script src="webEFXCurrency.js" type="text/javascript"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 1,
'wght' 600,
'GRAD' 0,
'opsz' 24;
}
</style>
</head>
<body>
<script type="text/javascript">rtl.run();</script>
</body></html>
webEFXCurrency/TMSWeb/Debug/webEFXCurrency.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
webEFXCurrency/TMSWeb/Debug/webEFXCurrency.js.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
webEFXCurrency/TMSWeb/Release/TMSWeb/Debug/View.Compliance.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<div class="container-fluid container-max">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images/efxLogo.png" alt="EFX">
</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="home" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="compliance" href="#FCompliance">Compliance</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- HERO IMAGE -->
<div class="hero-image-compliance">
<img src="images/coins.jpg" alt="Hero Image" class="img-fluid">
</div>
<!-- CONTENT SECTION -->
<div class="content-section">
<div class="container-fluid px-0">
<div class="currencies-section shadow-sm text-center p-5 border-bottom">
<h2 class="efx-green mb-2">Compliance</h2>
<p class="middle-subtitle">efx is firmly committed to the fight against money laundering and terrorist financing.</p>
<p class="subtitle">At our discretion, or as in accordance with applicable law, you may be required to provide government issued photo identification in order to make a currency exchange transaction. Other restrictions may apply. Void where prohibited.</p>
</div>
</div>
</div>
<!-- DETAIL SECTION -->
<div class="container mt-5">
<div class="container">
<div class="row align-items-start">
<div class="col-md-4 mb-4 text-center">
<div class="mb-3">
<i class="fa-solid fa-eye fa-2xl"></i>
</div>
<h4>Anti-Money Laundering</h4>
<p>eFX has instituted anti-money laundering compliance programs, including compliance reviews, periodic training and testing of personnel, and third party review of its anti-money laundering procedures. Such anti-money laundering programs include screening of customer names and transactions through governmental and other database lists.</p>
</div>
<div class="col-md-4 mb-4 text-center"> <!-- Adjusted column size -->
<img src="images/efx-location.jpg" alt="Compliance" class="img-fluid rounded-circle shadow">
</div>
<div class="col-md-4 mb-4 text-center">
<div class="mb-3">
<i class="fa-solid fa-scale-balanced fa-2xl"></i>
</div>
<h4>U.S. Department of Treasury</h4>
<p>efx is registered with the United States Department of the Treasury Financial Crimes Enforcement Network as a money services business. efx also holds currency exchange licenses in states where a license for its currency exchange operations are required.</p>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-light text-center py-4">
<div class="container-fluid container-max">
<div class="row">
<div class="col-12 mb-3">
<a href="https://www.facebook.com/efxcurrency/" class="text-decoration-none me-2">
<i class="fa-brands fa-square-facebook fa-lg" style="color: #28b34c"></i>
</a>
<a href="https://twitter.com/efxCurrency/" class="text-decoration-none">
<i class="fa-brands fa-square-x-twitter fa-lg" style="color: #28b34c"></i>
</a>
</div>
<div class="col-12">
<p>©2024 copyright eFX. All rights reserved.</p>
<p>NMLS No. 981328</p>
</div>
</div>
</div>
</footer>
webEFXCurrency/TMSWeb/Release/TMSWeb/Debug/View.ContactUs.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<div class="container-fluid container-max">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images/efxLogo.png" alt="EFX">
</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="home" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="compliance" href="#FCompliance">Compliance</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div id="toast-wrapper"
class="position-fixed top-0 start-50 translate-middle-x mt-5"
style="z-index: 1080; min-width: 300px; max-width: 500px;">
<div id="bootstrapToast"
class="toast align-items-center text-white bg-success border-0 shadow"
role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body" id="bootstrapToastBody">
Success message
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto"
data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
</div>
<!-- DETAIL SECTION -->
<div class="container mt-5">
<!-- Title and underline -->
<div class="row mb-4">
<div class="col">
<h1>Contact Us</h1>
<hr> <!-- This creates a horizontal line -->
</div>
</div>
<!-- Contact form and hours information -->
<div class="row mb-5">
<!-- Contact form column -->
<div class="col-md-6">
<h2>Send us a Message</h2>
<p>Get in contact with us for your currency needs!</p>
<form id="contactForm">
<div class="mb-3">
<label for="edtName" class="form-label">Your Name (required)</label>
<input type="text" class="form-control" id="edtName" required placeholder="John Doe">
</div>
<div class="mb-3">
<label for="edtEmail" class="form-label">Your Email (required)</label>
<input type="email" class="form-control" id="edtEmail" required placeholder="example@yourdomain.com">
</div>
<div class="mb-3">
<label for="edtSubject" class="form-label">Subject</label>
<input type="text" class="form-control" id="edtSubject" placeholder="Type the subject here.">
</div>
<div class="mb-3">
<label for="memoMessage" class="form-label">Your Message</label>
<textarea class="form-control" id="memoMessage" placeholder="Type your message here." rows="3"></textarea>
</div>
<button type="submit" id="btnSubmit"class="btn btn-primary">Send Email</button>
</form>
</div>
<!-- Hours information column -->
<div class="col-md-6">
<div class="hours-box">
<h3>EFX Currency Hours</h3>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Niagara Falls</h4>
<p class="mb-0">Thursday – Monday: 11am – 4pm</p>
<p class="mt-2">Phone: (716) 297-4654</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Buffalo</h4>
<p class="mb-0">Monday – Saturday: 11am – 4pm</p>
<p class="mt-2">Phone: (716) 681-8820</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Rochester</h4>
<p class="mb-0">Monday: 9am – 1pm</p>
<p class="mb-0">Thursday: 11am – 4pm</p>
<p class="mb-0">Saturday: 9am – 1pm</p>
<p class="mt-2">Phone: (585) 445-8911</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Syracuse</h4>
<p class="mb-0">Monday, Wednesday, Friday: 12pm – 4pm</p>
<p class="mt-2">Phone: (315) 565-4138</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="spinner" class="position-absolute top-50 start-50 translate-middle d-none">
<div class="lds-roller">
<div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div>
</div>
</div>
<div class="modal fade" id="main_errormodal" tabindex="-1" aria-labelledby="main_lblmodal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content shadow-lg">
<div class="modal-header">
<h5 class="modal-title" id="main_lblmodal">Error</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body fs-6 fw-bold" id="main_lblmodal_body">
Please contact EMSystems to solve the issue.
</div>
<div class="modal-footer justify-content-center">
<button type="button" id="btn_modal_restart" class="btn btn-primary">Restart WebApp</button>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-light text-center py-4">
<div class="container-fluid container-max">
<div class="row">
<div class="col-12 mb-3">
<a href="https://www.facebook.com/efxcurrency/" class="text-decoration-none me-2">
<i class="fa-brands fa-square-facebook fa-lg" style="color: #28b34c"></i>
</a>
<a href="https://twitter.com/efxCurrency/" class="text-decoration-none">
<i class="fa-brands fa-square-x-twitter fa-lg" style="color: #28b34c"></i>
</a>
</div>
<div class="col-12">
<p>©2024 copyright eFX. All rights reserved.</p>
<p>NMLS No. 981328</p>
</div>
</div>
</div>
</footer>
webEFXCurrency/TMSWeb/Release/TMSWeb/Debug/css/App.css 0 → 100644
body {
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #272727;
background-color: #f4f4f4;
padding-top: 70px;
box-sizing: border-box;
}
.container-max {
max-width: 1400px;
margin-right: auto;
margin-left: auto;
}
.efx-green {
color: #28b34c;
}
.em-navbar-wrap .navbar {
padding-top: 20;
padding-bottom: 20;
transition: height 0.3s ease-in-out;
position: fixed;
width: 100%;
z-index: 1030;
}
.em-brand img {
height: auto;
transition: height 0.3s ease-in-out;
}
.navbar-nav .nav-link {
text-transform: uppercase;
letter-spacing: 0.085em;
font-size: larger;
color: #999999;
padding-top: 37px;
padding-bottom: 37px;
height: 90px;
transition: padding 0.3s ease-in-out;
}
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item.active .nav-link {
color: #272727;
box-shadow: inset 0 -4px 0 0 #28a745;
}
@media (max-width: 992px) {
.navbar-nav .nav-link {
padding-top: 20px;
padding-bottom: 20px;
height: auto;
}
}
.em-navbar-wrap .navbar.scrolled {
padding-top: 0;
padding-bottom: 0;
height: 70px;
}
.em-brand img.scrolled-logo {
height: 30px;
}
.navbar.scrolled .nav-link {
padding-top: 25px;
padding-bottom: 25px;
}
.navbar-toggler {
outline: none !important;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #f8f9fa;
}
/* Ensures the hover effect is applied even when the element is focused */
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
outline: none;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #f8f9fa;
}
/* Hover effect: inverse shadow and darker background */
.navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */
background-color: #e2e6ea;
}
/* Hero Image Styling */
.hero-image-home {
position: relative;
height: 500px;
overflow: hidden;
}
.hero-image-home img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.hero-image-compliance {
position: relative;
height: 400px;
overflow: hidden;
}
.hero-image-compliance img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
/* Currency Expert Box Styling */
.currency-expert-box {
position: absolute;
top: 30%;
left: 10%;
transform: translateX(-50%, -50%);
background-color: rgba(246, 246, 246, 0.9);
padding: 20px;
width: 30%;
max-width: 400px;
z-index: 2;
border-radius: 10px;
}
@media (max-width: 768px) {
.currency-expert-box {
width: 80%; /* Adjust width for smaller screens */
}
}
@media (max-width: 576px) {
.currency-expert-box {
width: 90%; /* Adjust width for even smaller screens */
padding: 15px; /* Adjust padding for smaller screens */
}
}
/* Content Section Styling */
.content-section {
position: relative;
z-index: 10;
background: #FFF;
margin-top: -2rem;
}
blockquote {
margin-top: 1em;
font-style: italic;
}
.middle-subtitle {
font-size: medium;
font-weight: bold;
}
.container.mt-5 {
margin-top: calc(5rem + 90px) !important;
}
.location-info {
padding: 1rem;
background: #fff;
border: 1px solid #ddd;
margin-bottom: 2rem;
}
.location-info h3 {
margin-bottom: .5rem;
}
.location {
display: flex;
align-items: start; /* Aligns the icon with the top of the text */
margin-bottom: 1rem; /* Spacing between locations */
}
.location i.fas {
margin-top: 0.25rem; /* Adjust this value to fine-tune vertical alignment with h4 */
}
.location > div {
margin-left: 0.5rem; /* Space between icon and text */
}
.hours-box h3 {
margin-bottom: 1rem; /* Space below the section title */
}
.btn-primary {
background-color: #28a745;
border-color: #28a745;
}
/* SPINNER */
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #28b34c;
margin: -5px 0 0 -5px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
webEFXCurrency/TMSWeb/Release/TMSWeb/Debug/index.html 0 → 100644
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="data:;base64,=" rel="icon"/>
<title>TMS Web Project</title>
<link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"/>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/App.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&amp;family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&amp;display=swap" rel="stylesheet"/>
<script src="webEFXCurrency.js" type="text/javascript"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 1,
'wght' 600,
'GRAD' 0,
'opsz' 24;
}
</style>
</head>
<body>
<script type="text/javascript">rtl.run();</script>
</body></html>
webEFXCurrency/TMSWeb/Release/View.Compliance.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<div class="container-fluid container-max">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images/efxLogo.png" alt="EFX">
</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="home" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="compliance" href="#FCompliance">Compliance</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- HERO IMAGE -->
<div class="hero-image-compliance">
<img src="images/coins.jpg" alt="Hero Image" class="img-fluid">
</div>
<!-- CONTENT SECTION -->
<div class="content-section">
<div class="container-fluid px-0">
<div class="currencies-section shadow-sm text-center p-5 border-bottom">
<h2 class="efx-green mb-2">Compliance</h2>
<p class="middle-subtitle">efx is firmly committed to the fight against money laundering and terrorist financing.</p>
<p class="subtitle">At our discretion, or as in accordance with applicable law, you may be required to provide government issued photo identification in order to make a currency exchange transaction. Other restrictions may apply. Void where prohibited.</p>
</div>
</div>
</div>
<!-- DETAIL SECTION -->
<div class="container mt-5">
<div class="container">
<div class="row align-items-start">
<div class="col-md-4 mb-4 text-center">
<div class="mb-3">
<i class="fa-solid fa-eye fa-2xl"></i>
</div>
<h4>Anti-Money Laundering</h4>
<p>eFX has instituted anti-money laundering compliance programs, including compliance reviews, periodic training and testing of personnel, and third party review of its anti-money laundering procedures. Such anti-money laundering programs include screening of customer names and transactions through governmental and other database lists.</p>
</div>
<div class="col-md-4 mb-4 text-center"> <!-- Adjusted column size -->
<img src="images/efx-location.jpg" alt="Compliance" class="img-fluid rounded-circle shadow">
</div>
<div class="col-md-4 mb-4 text-center">
<div class="mb-3">
<i class="fa-solid fa-scale-balanced fa-2xl"></i>
</div>
<h4>U.S. Department of Treasury</h4>
<p>efx is registered with the United States Department of the Treasury Financial Crimes Enforcement Network as a money services business. efx also holds currency exchange licenses in states where a license for its currency exchange operations are required.</p>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-light text-center py-4">
<div class="container-fluid container-max">
<div class="row">
<div class="col-12 mb-3">
<a href="https://www.facebook.com/efxcurrency/" class="text-decoration-none me-2">
<i class="fa-brands fa-square-facebook fa-lg" style="color: #28b34c"></i>
</a>
<a href="https://twitter.com/efxCurrency/" class="text-decoration-none">
<i class="fa-brands fa-square-x-twitter fa-lg" style="color: #28b34c"></i>
</a>
</div>
<div class="col-12">
<p>©2024 copyright eFX. All rights reserved.</p>
<p>NMLS No. 981328</p>
</div>
</div>
</div>
</footer>
webEFXCurrency/TMSWeb/Release/View.ContactUs.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<div class="container-fluid container-max">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images/efxLogo.png" alt="EFX">
</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="home" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="compliance" href="#FCompliance">Compliance</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contactus" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div id="toast-wrapper"
class="position-fixed top-0 start-50 translate-middle-x mt-5"
style="z-index: 1080; min-width: 300px; max-width: 500px;">
<div id="bootstrapToast"
class="toast align-items-center text-white bg-success border-0 shadow"
role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body" id="bootstrapToastBody">
Success message
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto"
data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
</div>
<!-- DETAIL SECTION -->
<div class="container mt-5">
<!-- Title and underline -->
<div class="row mb-4">
<div class="col">
<h1>Contact Us</h1>
<hr> <!-- This creates a horizontal line -->
</div>
</div>
<!-- Contact form and hours information -->
<div class="row mb-5">
<!-- Contact form column -->
<div class="col-md-6">
<h2>Send us a Message</h2>
<p>Get in contact with us for your currency needs!</p>
<form id="contactForm">
<div class="mb-3">
<label for="edtName" class="form-label">Your Name (required)</label>
<input type="text" class="form-control" id="edtName" required placeholder="John Doe">
</div>
<div class="mb-3">
<label for="edtEmail" class="form-label">Your Email (required)</label>
<input type="email" class="form-control" id="edtEmail" required placeholder="example@yourdomain.com">
</div>
<div class="mb-3">
<label for="edtSubject" class="form-label">Subject</label>
<input type="text" class="form-control" id="edtSubject" placeholder="Type the subject here.">
</div>
<div class="mb-3">
<label for="memoMessage" class="form-label">Your Message</label>
<textarea class="form-control" id="memoMessage" placeholder="Type your message here." rows="3"></textarea>
</div>
<button type="submit" id="btnSubmit"class="btn btn-primary">Send Email</button>
</form>
</div>
<!-- Hours information column -->
<div class="col-md-6">
<div class="hours-box">
<h3>EFX Currency Hours</h3>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Niagara Falls</h4>
<p class="mb-0">Thursday – Monday: 11am – 4pm</p>
<p class="mt-2">Phone: (716) 297-4654</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Buffalo</h4>
<p class="mb-0">Monday – Saturday: 11am – 4pm</p>
<p class="mt-2">Phone: (716) 681-8820</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Rochester</h4>
<p class="mb-0">Monday: 9am – 1pm</p>
<p class="mb-0">Thursday: 11am – 4pm</p>
<p class="mb-0">Saturday: 9am – 1pm</p>
<p class="mt-2">Phone: (585) 445-8911</p>
</div>
</div>
<div class="location">
<i class="fas fa-map-pin fa-lg me-2"></i>
<div>
<h4>Syracuse</h4>
<p class="mb-0">Monday, Wednesday, Friday: 12pm – 4pm</p>
<p class="mt-2">Phone: (315) 565-4138</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="spinner" class="position-absolute top-50 start-50 translate-middle d-none">
<div class="lds-roller">
<div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div>
</div>
</div>
<div class="modal fade" id="main_errormodal" tabindex="-1" aria-labelledby="main_lblmodal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content shadow-lg">
<div class="modal-header">
<h5 class="modal-title" id="main_lblmodal">Error</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body fs-6 fw-bold" id="main_lblmodal_body">
Please contact EMSystems to solve the issue.
</div>
<div class="modal-footer justify-content-center">
<button type="button" id="btn_modal_restart" class="btn btn-primary">Restart WebApp</button>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-light text-center py-4">
<div class="container-fluid container-max">
<div class="row">
<div class="col-12 mb-3">
<a href="https://www.facebook.com/efxcurrency/" class="text-decoration-none me-2">
<i class="fa-brands fa-square-facebook fa-lg" style="color: #28b34c"></i>
</a>
<a href="https://twitter.com/efxCurrency/" class="text-decoration-none">
<i class="fa-brands fa-square-x-twitter fa-lg" style="color: #28b34c"></i>
</a>
</div>
<div class="col-12">
<p>©2024 copyright eFX. All rights reserved.</p>
<p>NMLS No. 981328</p>
</div>
</div>
</div>
</footer>
webEFXCurrency/TMSWeb/Release/css/App.css 0 → 100644
body {
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #272727;
background-color: #f4f4f4;
padding-top: 70px;
box-sizing: border-box;
}
.container-max {
max-width: 1400px;
margin-right: auto;
margin-left: auto;
}
.efx-green {
color: #28b34c;
}
.em-navbar-wrap .navbar {
padding-top: 20;
padding-bottom: 20;
transition: height 0.3s ease-in-out;
position: fixed;
width: 100%;
z-index: 1030;
}
.em-brand img {
height: auto;
transition: height 0.3s ease-in-out;
}
.navbar-nav .nav-link {
text-transform: uppercase;
letter-spacing: 0.085em;
font-size: larger;
color: #999999;
padding-top: 37px;
padding-bottom: 37px;
height: 90px;
transition: padding 0.3s ease-in-out;
}
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item.active .nav-link {
color: #272727;
box-shadow: inset 0 -4px 0 0 #28a745;
}
@media (max-width: 992px) {
.navbar-nav .nav-link {
padding-top: 20px;
padding-bottom: 20px;
height: auto;
}
}
.em-navbar-wrap .navbar.scrolled {
padding-top: 0;
padding-bottom: 0;
height: 70px;
}
.em-brand img.scrolled-logo {
height: 30px;
}
.navbar.scrolled .nav-link {
padding-top: 25px;
padding-bottom: 25px;
}
.navbar-toggler {
outline: none !important;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #f8f9fa;
}
/* Ensures the hover effect is applied even when the element is focused */
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
outline: none;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #f8f9fa;
}
/* Hover effect: inverse shadow and darker background */
.navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */
background-color: #e2e6ea;
}
/* Hero Image Styling */
.hero-image-home {
position: relative;
height: 500px;
overflow: hidden;
}
.hero-image-home img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.hero-image-compliance {
position: relative;
height: 400px;
overflow: hidden;
}
.hero-image-compliance img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
/* Currency Expert Box Styling */
.currency-expert-box {
position: absolute;
top: 30%;
left: 10%;
transform: translateX(-50%, -50%);
background-color: rgba(246, 246, 246, 0.9);
padding: 20px;
width: 30%;
max-width: 400px;
z-index: 2;
border-radius: 10px;
}
@media (max-width: 768px) {
.currency-expert-box {
width: 80%; /* Adjust width for smaller screens */
}
}
@media (max-width: 576px) {
.currency-expert-box {
width: 90%; /* Adjust width for even smaller screens */
padding: 15px; /* Adjust padding for smaller screens */
}
}
/* Content Section Styling */
.content-section {
position: relative;
z-index: 10;
background: #FFF;
margin-top: -2rem;
}
blockquote {
margin-top: 1em;
font-style: italic;
}
.middle-subtitle {
font-size: medium;
font-weight: bold;
}
.container.mt-5 {
margin-top: calc(5rem + 90px) !important;
}
.location-info {
padding: 1rem;
background: #fff;
border: 1px solid #ddd;
margin-bottom: 2rem;
}
.location-info h3 {
margin-bottom: .5rem;
}
.location {
display: flex;
align-items: start; /* Aligns the icon with the top of the text */
margin-bottom: 1rem; /* Spacing between locations */
}
.location i.fas {
margin-top: 0.25rem; /* Adjust this value to fine-tune vertical alignment with h4 */
}
.location > div {
margin-left: 0.5rem; /* Space between icon and text */
}
.hours-box h3 {
margin-bottom: 1rem; /* Space below the section title */
}
.btn-primary {
background-color: #28a745;
border-color: #28a745;
}
/* SPINNER */
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #28b34c;
margin: -5px 0 0 -5px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
webEFXCurrency/TMSWeb/Release/index.html 0 → 100644
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="data:;base64,=" rel="icon"/>
<title>TMS Web Project</title>
<link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"/>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/App.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&amp;family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&amp;display=swap" rel="stylesheet"/>
<script src="webEFXCurrency.js" type="text/javascript"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 1,
'wght' 600,
'GRAD' 0,
'opsz' 24;
}
</style>
</head>
<body>
<script type="text/javascript">rtl.run();</script>
</body></html>
webEFXCurrency/TMSWeb/Release/webEFXCurrency.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
webEFXCurrency/webEFXCurrency.dproj
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<FrameworkType>VCL</FrameworkType> <FrameworkType>VCL</FrameworkType>
<MainSource>webEFXCurrency.dpr</MainSource> <MainSource>webEFXCurrency.dpr</MainSource>
<Base>True</Base> <Base>True</Base>
<Config Condition="'$(Config)'==''">Debug</Config> <Config Condition="'$(Config)'==''">Release</Config>
<Platform Condition="'$(Platform)'==''">Win32</Platform> <Platform Condition="'$(Platform)'==''">Win32</Platform>
<TargetedPlatforms>1</TargetedPlatforms> <TargetedPlatforms>1</TargetedPlatforms>
<AppType>Application</AppType> <AppType>Application</AppType>
......
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