Skip to content

S
SpotCurrencyWebsite
Commit cb261a08 by Mac Stephens
Options

updated entire bootstrap grid framework for home page, reduced css, working on… 

updated entire bootstrap grid framework for home page, reduced css, working on updating contact us as well
parent 2414a228
Showing with 647 additions and 542 deletions
.vscode/tempsettings.json
{"tms":{"desktop":{"theme":"auto","layouts":{"Default Desktop":"{\"dockbox\":{\"id\":\"docklayoutbase\",\"size\":200,\"mode\":\"horizontal\",\"children\":[{\"id\":\"leftlayout\",\"size\":300,\"mode\":\"vertical\",\"children\":[{\"id\":\"+1\",\"size\":200,\"tabs\":[{\"id\":\"structure\"}],\"activeId\":\"structure\"},{\"id\":\"+2\",\"size\":200,\"tabs\":[{\"id\":\"objectinspector\"}],\"activeId\":\"objectinspector\"}]},{\"id\":\"+3\",\"size\":1000,\"tabs\":[{\"id\":\"documentgroup\"}],\"activeId\":\"documentgroup\"},{\"id\":\"rightlayout\",\"size\":250,\"tabs\":[{\"id\":\"toolpalette\"}],\"activeId\":\"toolpalette\"}]},\"floatbox\":{\"id\":\"+4\",\"size\":1,\"mode\":\"float\",\"children\":[]},\"maxbox\":{\"id\":\"+5\",\"size\":1,\"mode\":\"maximize\",\"children\":[]}}"},"active":"Default Desktop"},"packages":{"installed":{"k0webcore":{"name":"TMS WEB Core","path":"core\\webcore.twcl","checked":true}}},"formDesigner":{"gridOptions":{"displayGrid":"true","useDesignerGuidelines":"true","snapToGrid":"true","gridSizeX":8,"gridSizeY":8},"options":{"showComponentCaptions":"true","showDesignerHints":"true","showExtendedControlHints":"true","showNonVisualComponents":"true","deleteEmptyEventHandlersOnSave":"true"}},"options":{"electron":{"debug":{"port":"9223","delay":"3","timeout":"10000"}},"automaticallyCopyFileExtensions":"","outputPath":".\\$(Platform)\\$(Config)","singleJavascriptFile":"","ecmaScript":""}},"omnipascal":{"delphiInstallationPath":"","freePascalSourcePath":"","defaultDevelopmentEnvironment":"Delphi","searchPath":"c:\\Users\\Admin\\.vscode\\extensions\\tmssoftware.tmswebcore-2.5.7377\\resources\\coresource\\*","msbuildPath":"","lazbuildPath":"","createBuildScripts":false,"symbolIndex":"workspace","usesListStyle":"multipleItemsPerLine","namingConventionString":"pascalCase"}} {"tms":{"desktop":{"theme":"auto","layouts":{"Default Desktop":"{\"dockbox\":{\"id\":\"docklayoutbase\",\"size\":200,\"mode\":\"horizontal\",\"children\":[{\"id\":\"leftlayout\",\"size\":300,\"mode\":\"vertical\",\"children\":[{\"id\":\"+1\",\"size\":200,\"tabs\":[{\"id\":\"structure\"}],\"activeId\":\"structure\"},{\"id\":\"+2\",\"size\":200,\"tabs\":[{\"id\":\"objectinspector\"}],\"activeId\":\"objectinspector\"}]},{\"id\":\"+3\",\"size\":1000,\"tabs\":[{\"id\":\"documentgroup\"}],\"activeId\":\"documentgroup\"},{\"id\":\"rightlayout\",\"size\":250,\"tabs\":[{\"id\":\"toolpalette\"}],\"activeId\":\"toolpalette\"}]},\"floatbox\":{\"id\":\"+4\",\"size\":1,\"mode\":\"float\",\"children\":[]},\"maxbox\":{\"id\":\"+5\",\"size\":1,\"mode\":\"maximize\",\"children\":[]}}"},"active":"Default Desktop"},"packages":{"installed":{"k0webcore":{"name":"TMS WEB Core","path":"core\\webcore.twcl","checked":true}}},"formDesigner":{"gridOptions":{"displayGrid":"true","useDesignerGuidelines":"true","snapToGrid":"true","gridSizeX":8,"gridSizeY":8},"options":{"showComponentCaptions":"true","showDesignerHints":"true","showExtendedControlHints":"true","showNonVisualComponents":"true","deleteEmptyEventHandlersOnSave":"true"}},"options":{"electron":{"debug":{"port":"9223","delay":"3","timeout":"10000"}},"automaticallyCopyFileExtensions":"","outputPath":".\\$(Platform)\\$(Config)","singleJavascriptFile":"","ecmaScript":""}},"omnipascal":{"delphiInstallationPath":"","freePascalSourcePath":"","defaultDevelopmentEnvironment":"Delphi","searchPath":"c:\\Users\\Admin\\.vscode\\extensions\\tmssoftware.tmswebcore-2.5.37486\\resources\\coresource\\*","msbuildPath":"","lazbuildPath":"","createBuildScripts":false,"symbolIndex":"workspace","usesListStyle":"multipleItemsPerLine","namingConventionString":"pascalCase"}}
\ No newline at end of file \ No newline at end of file
TMSWeb/Debug/View.ContactUs.html 0 → 100644
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>TMS Web Project</title>
<style>
</style>
</head>
<body>
</body>
</html>
\ No newline at end of file
TMSWeb/Debug/View.Home.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-light bg-light fixed-top shadow">
<div class="container-fluid container-main"> <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\spot_logo_long.png" alt="Spot Currency Logo">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
...@@ -12,123 +12,120 @@ ...@@ -12,123 +12,120 @@
<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="homenav" href="#FHome">Home</a> <a class="nav-link fs-4 fw-bold" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a> <a class="nav-link fs-4 fw-bold" id="contactusnav" href="#FContactUs">Contact Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="navbar-bottom-line position-absolute bottom-0 start-0 end-0" style="height: 4px;"></div>
</div> </div>
</nav> </nav>
</div> </div>
<!-- HERO SECTION --> <!-- MAIN CONTAINER -->
<!-- Hero Image -->
<div class="container-fluid px-0"> <div class="container-fluid px-0">
<div class="hero-section bg-dark text-white text-center"> <div class="hero-section shadow">
<img src="images\table_with_computers.jpg" alt="Hero Image" class="img-fluid hero-image"> <img src="images/travel_checklist.jpg" alt="Hero Image" class="img-fluid hero-image">
<div class="hero-overlay d-flex justify-content-center align-items-center"> <div class="hero-overlay d-flex justify-content-center align-items-center">
<div class="text-wrapper"> <div class="container">
<h1 class="display-4">Custom Software, Comprehensive Support</h1> <div class="row justify-content-center">
<div class="w-50 mx-auto"> <!-- Adjust the width as needed --> <div class="col-12 col-md-8">
<p class="lead">Real connections. Reliable support. Software made for you.</p> <img src="images/travel_checklist_text.png" class="img-fluid translate-adjust">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--MAIN CONTAINER--> <!-- Map -->
<div class="container-main"> <div class="container-fluid background-pattern">
<!-- LEARN BOXES --> <div class="row justify-content-center">
<div class="learn-boxes py-5"> <div class="col-lg-6 col-md-8 py-5 px-4">
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded"> <h1 class="fw-bold my-3"><img src="images/icon-plane.svg" style="width: 50px; height: 50px; margin-right: 10px;">Enjoy
<div class="col-md-6"> your trip without worry this year!</h1>
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" alt="Storage Image" class="img-fluid rounded"> <p class="fs-5">Use our expertise to guide you through the world of foreign currency exchange markets. We know
</div> currency, we know service, and we have some of the lowest rates around! We're conveniently located just outside
<div class="col-md-6"> of Tampa in Brandon, FL. So, stop in and have our staff provide you with great customer service and excellent
<div class="p-3 text-center"> exchange rates.</p>
<h2>Records and Information Management Solutions</h2> <!-- Iframe placed here directly under the text -->
<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> <iframe class="my-5 shadow"
<a href="#RecordsManagement" id="recordsmanagementlearn" class="btn btn-primary btn-black">Learn More</a> src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7049.934038936611!2d-82.29982729999999!3d27.933656299999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88c2cdd7bd218505%3A0x86db5896275c814b!2s1111%20Oakfield%20Dr%20%23115c%2C%20Brandon%2C%20FL%2033511!5e0!3m2!1sen!2sus!4v1715625958863"
</div> width="100%" height="400" style="border:0;" allowfullscreen="false" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div> </div>
</div> </div>
<div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded flex-md-row-reverse"> </div>
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" alt="Logistics Image" class="img-fluid rounded"> <!-- Rates & Fees -->
</div> <div class="container-fluid blue-bar">
<div class="col-md-6"> <div class="row justify-content-center">
<div class="p-3 text-center"> <div class="col-12 py-5 text-center">
<h2>Integrated Public Safety Solutions</h2> <h1 class="fw-bold">Great <span class="text-decoration-underline fst-italic">Rates</span> and Low
<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> <span class="text-decoration-underline fst-italic">Fees!</span></h1>
<a href="#PublicSafety" id="publicsafetylearn" class="btn btn-primary btn-black">Learn More</a>
</div> </div>
</div> </div>
</div>
<div class="container-fluid darker-blue-bar">
<div class="row justify-content-center">
<div class="col-12 py-2"></div>
</div> </div>
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded"> </div>
<!-- Travel -->
<div class="container-fluid text-white px-0">
<div class="travel-section shadow">
<img src="images\europe.jpg" alt="Hero Image" class="img-fluid travel-image">
<div class="travel-overlay">
<div class="container">
<div class="row">
<div class="col-md-6"> <div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" alt="Computer Image" class="img-fluid rounded"> <!-- Text content aligned to the left -->
<h1 class="fw-bold">Travel to Europe with peace of mind!</h1>
<p class="fs-5">Europe is one of the top must visit places in the world. The last thing you want to do is worry about funds. Spot Currency Exchange is the go to choice for those looking for peace of mind on great exchange rates.</p>
<a class="fs-5 fw-bolder btn btn-lg btn-warning" href="tel:1-813-278-8734">Call <span class="fs-5 fw-bold">(813) 278-8734</span> for rates</a>
</div> </div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Custom Software Development</h2>
<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 class="bg-dark text-light"> <footer class="bg-dark text-light">
<div class="container-main"> <div class="container">
<div class="row text-center text-lg-start"> <div class="row justify-content-center"> <!-- Center the row -->
<!-- Logo Column --> <div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center"> <a title="facebook" href="https://www.facebook.com/SpotCurrency/" class="text-decoration-none text-white d-flex align-items-center">
<a href="#FHome" class="navbar-brand"> <i class="fab fa-facebook-square fa-2x me-2 text-primary"></i><span>Friend us on Facebook</span>
<img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
</a> </a>
</div> </div>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<div> <a href="https://www.google.com/maps/place/Spot+Currency+Exchange/@27.9336394,-82.3024446,17z/data=!3m1!4b1!4m6!3m5!1s0x88c2cdd1ca9b83dd:0xa7441cc6ad422b35!8m2!3d27.9336394!4d-82.2998643!16s%2Fg%2F11fz7rhzvg?entry=ttu" target="_blank" class="text-decoration-none text-white d-flex align-items-center">
<h5>Explore</h5> <i class="fas fa-map-marker-alt fa-2x me-2 text-warning"></i><span>1111 Oakfield Drive Suite 115c<br>Brandon, FL 33511</span>
<ul class="list-unstyled mb-0"> </a>
<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>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<div> <span class="d-flex align-items-center">
<address> <i class="fas fa-phone-square-alt fa-2x me-2 text-success"></i><span>Phone (813) 278-8734<br>Fax (813) 278-8732</span>
4043 Maple Rd, Suite 211<br> </span>
Amherst, NY 14226<br>
(716) 836-4910
</address>
</div> </div>
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<a href="https://twitter.com/SpotCurrency" target="_blank" class="text-decoration-none text-white d-flex align-items-center">
<i class="fab fa-twitter-square fa-2x me-2 text-danger"></i><span>Follow our Twitter</span>
</a>
</div> </div>
</div> </div>
<hr class="mb-3">
<div class="text-center">
© Copyright 2024 Spot Currency Exchange FLA, LLC
</div> </div>
<div class="footer-copyright">
© 2011-2024 EM Systems Inc
</div> </div>
</footer> </footer>
TMSWeb/Debug/css/App.css
body { body {
font-family: "Raleway", sans-serif; font-family: 'Source Sans Pro', sans-serif;
font-optical-sizing: auto; font-optical-sizing: auto;
font-weight: 400; font-weight: 600;
font-style: normal; font-style: normal;
color: #272727; color: #272727;
background-color: #f4f4f4; background-color: #f4f4f4;
...@@ -9,14 +9,17 @@ body { ...@@ -9,14 +9,17 @@ body {
box-sizing: border-box; box-sizing: border-box;
} }
.em-black { .container-main {
color: #000000; max-width: 1400px;
padding-top: 0px;
margin-top: 0px;
margin: auto;
} }
/* NAVBAR */ /* NAVBAR */
.em-navbar-wrap .navbar { .em-navbar-wrap .navbar {
transition: padding-top 0.3s ease, padding-bottom 0.3s ease; /* Smooth transitions for padding */ transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
/* Smooth transitions for padding */
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 1030; z-index: 1030;
...@@ -30,36 +33,47 @@ body { ...@@ -30,36 +33,47 @@ body {
/* Transition for navbar logo size */ /* Transition for navbar logo size */
.em-brand img { .em-brand img {
transition: max-height 0.3s ease; /* Smooth transition for logo size */ transition: max-height 0.3s ease;
max-height: 80px; /* Set a max-height for the logo */ /* Smooth transition for logo size */
max-height: 80px;
/* Set a max-height for the logo */
margin-top: 8px; margin-top: 8px;
} }
/* Nav link styles and transitions */ /* Nav link styles and transitions */
.em-navbar-wrap .navbar .navbar-nav .nav-link { .em-navbar-wrap .navbar .navbar-nav .nav-link {
transition: color 0.3s ease; /* Smooth transition for color change */ transition: color 0.3s ease;
/* Smooth transition for color change */
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.085em; color: #212121;
font-size: 1rem; }
color: #FFFFFF;
.em-navbar-wrap .navbar-bottom-line {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px; /* Adjust height as needed */
background-color: #0080c6; /* Blue color */
z-index: 1029; /* Place it just below the navbar */
} }
/* Hover and active state for nav links */ /* Hover and active state for nav links */
.em-navbar-wrap .navbar .navbar-nav .nav-item:hover .nav-link, .em-navbar-wrap .navbar .navbar-nav .nav-item:hover .nav-link,
.em-navbar-wrap .navbar .navbar-nav .nav-item.active .nav-link { .em-navbar-wrap .navbar .navbar-nav .nav-item.active .nav-link {
color: #999999; color: #999999;
box-shadow: inset 0 -4px 0 0 #2c66a0; box-shadow: inset 0 -4px 0 0 #0080c6;
} }
/* navbar changes when scrolled */ /* navbar changes when scrolled */
.em-navbar-wrap .navbar.scrolled { .em-navbar-wrap .navbar.scrolled {
padding-top: 0.5rem; padding-top: 1rem;
padding-bottom: 0.5rem; padding-bottom: 1rem;
} }
/* Smaller logo when scrolled */ /* Smaller logo when scrolled */
.em-brand img.scrolled-logo { .em-brand img.scrolled-logo {
max-height: 40px; max-height: 70px;
} }
/* Adjust padding for nav links when scrolled */ /* Adjust padding for nav links when scrolled */
...@@ -68,41 +82,27 @@ body { ...@@ -68,41 +82,27 @@ body {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
/* navbar dropdown menu */
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu {
background-color: #212529; /* Dark background to match the navbar */
border: none; /* No border for a cleaner look */
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item {
color: #f8f9fa;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:focus {
background-color: #495057; /* Slightly lighter background on hover/focus */
color: #ffffff;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
background-color: #2c66a0; /* Highlights color for active state */
color: #ffffff;
}
/* navbar hamburger menu */ /* navbar hamburger menu */
.navbar-toggler { .navbar-toggler {
outline: none !important; outline: none !important;
border: none !important; border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #2c66a0; background-color: #0080c6;
} }
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler.active {
outline: none; outline: none;
border: none !important; border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #999999; background-color: #999999;
} }
.navbar-toggler:hover { .navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset;
/* "Pressed in" look */
background-color: #999999; background-color: #999999;
} }
...@@ -112,16 +112,21 @@ body { ...@@ -112,16 +112,21 @@ body {
/* HERO IMAGES */ /* HERO IMAGES */
.hero-section { .hero-section {
position: relative; position: relative;
height: 50vh; /* Control the height of the hero section */ height: 50vh;
/* Control the height of the hero section */
overflow: hidden; overflow: hidden;
margin-top: 50px; margin-top: 50px;
} }
.hero-image { .hero-image {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; /* Cover the area without distorting the image */ object-fit: cover;
object-position: center; /* Align the center of the image to the center of the container */ /* Cover the area without distorting the image */
object-position: center;
/* Align the center of the image to the center of the container */
} }
.hero-overlay { .hero-overlay {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -135,6 +140,38 @@ body { ...@@ -135,6 +140,38 @@ body {
text-shadow: 0px 0px 10px #000; text-shadow: 0px 0px 10px #000;
} }
.translate-adjust {
transition: transform 0.5s ease-in-out;
margin-right: 20px;
}
@media (min-width: 992px) {
/* Adjustments for larger screens */
.translate-adjust {
transform: translateX(-50%);
/* Slightly left of center for large screens */
}
}
@media (max-width: 991px) and (min-width: 768px) {
/* Adjustments for medium screens */
.translate-adjust {
transform: translateX(-25%);
/* Closer to center for medium screens */
}
}
@media (max-width: 767px) {
/* Adjustments for small screens */
.translate-adjust {
transform: translateX(0%);
/* Centered for small screens */
}
}
.page-hero-section { .page-hero-section {
position: relative; position: relative;
height: 30vh; height: 30vh;
...@@ -143,15 +180,18 @@ body { ...@@ -143,15 +180,18 @@ body {
.hero-section-aboutus { .hero-section-aboutus {
position: relative; position: relative;
height: 100vh; /* Full viewport height */ height: 100vh;
/* Full viewport height */
overflow: hidden; overflow: hidden;
} }
.hero-image-aboutus { .hero-image-aboutus {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; /* Ensures the image covers the area properly */ object-fit: cover;
object-position: center; /* Centers the image */ /* Ensures the image covers the area properly */
object-position: center;
/* Centers the image */
} }
.hero-overlay-aboutus { .hero-overlay-aboutus {
...@@ -172,44 +212,66 @@ body { ...@@ -172,44 +212,66 @@ body {
/****************************************************************************************/ /****************************************************************************************/
/* LEARN BOXES */ /* MAIN CONTENT */
.container-main {
max-width: 1400px; .background-pattern {
margin: auto; background-image: url('../images/background_pattern.gif');
padding: 1rem; background-size: auto;
/* Cover the entire container */
background-repeat: repeat;
/* Do not repeat the image */
} }
.learn-boxes { .blue-bar {
margin-top: 50px; background-color: #0080c6;
color: white;
} }
.learn-boxes .row img { .darker-blue-bar {
border-radius: 5px 0 0 5px; background-color: #0060a6;
margin-bottom: 25px; /* slightly darker shade of blue */
} }
.learn-boxes h2 { .background-suitcase {
font-size: 2.5rem; background-image: url('../images/europe.jpg');
margin-bottom: 0.75rem; background-size: cover;
background-repeat: no-repeat;
height: 100vh;
} }
.learn-boxes p { .travel-section {
font-size: 1rem; position: relative;
margin-bottom: 1rem; height: 50vh;
overflow: hidden;
} }
.btn-primary { .travel-image {
background-color: #000; width: 100%;
border-color: #000; height: 100%;
color: #fff; object-fit: cover;
width: 175px; object-position: center;
} }
.btn-primary:hover { .travel-overlay {
background-color: #333; position: absolute;
border-color: #333; top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
display: flex;
justify-content: center;
align-items: center;
} }
@media (max-width: 767px) {
.travel-overlay {
background-color: rgba(0, 0, 0, 0.5);
}
}
/****************************************************************************************/ /****************************************************************************************/
/* FOOTER */ /* FOOTER */
...@@ -220,27 +282,33 @@ footer { ...@@ -220,27 +282,33 @@ footer {
padding: 1rem 0; padding: 1rem 0;
margin-top: auto; margin-top: auto;
} }
footer .navbar-brand img { footer .navbar-brand img {
max-height: 50px; max-height: 50px;
} }
footer h5 { footer h5 {
font-size: 0.9rem; font-size: 0.9rem;
} }
footer ul li a, footer ul li a,
footer ul li p { footer ul li p {
font-size: 0.8rem; font-size: 0.8rem;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
footer ul li a:hover, footer ul li a:hover,
footer ul li a:focus { footer ul li a:focus {
color: #999999; color: #999999;
text-decoration: none; text-decoration: none;
} }
footer address, footer address,
footer p { footer p {
font-size: 0.8rem; font-size: 0.8rem;
} }
footer .footer-copyright { footer .footer-copyright {
font-size: 0.8rem; font-size: 0.8rem;
padding: 0.5rem 0; padding: 0.5rem 0;
...@@ -263,12 +331,13 @@ footer .footer-copyright { ...@@ -263,12 +331,13 @@ footer .footer-copyright {
max-width: 1600px; max-width: 1600px;
} }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
.em-navbar-wrap .navbar-brand { .em-navbar-wrap .navbar-brand {
padding-right: 2rem; padding-right: 2rem;
} }
.em-navbar-wrap .navbar .navbar-nav { .em-navbar-wrap .navbar .navbar-nav {
padding-left: 2rem; padding-left: 2rem;
} }
} }
\ No newline at end of file
TMSWeb/Debug/images/icon-plane.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100.8 92.9" style="enable-background:new 0 0 100.8 92.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#0880C4;}
</style>
<g>
<g>
<path class="st0" d="M54,19c-3.2-0.8-3.9,1.3-5.4,2.2c-1.5,0.8-3,3.2-2.2,3.5s18.4,6,18.4,6l-5.6,6.7c0,0-12.1,0.8-11,2.2
c1,1.1,6,5.6,7.4,6.8c1.3,1.4,5.8,6.3,6.9,7.3c1.3,1.2,2.2-10.8,2.2-10.8l6.7-5.5c0,0,5.7,17.3,6.1,18.2c0.3,0.8,2.7-0.7,3.5-2.2
s3-2.2,2.2-5.3c-0.8-3.2-3.5-17.2-3.5-17.2s7.9-8.5,9.9-11.3s2.5-6.1,0.9-7.6l0,0l0,0l0,0l0,0c-1.5-1.6-4.9-1.1-7.7,0.9
c-2.9,2-11.5,9.8-11.5,9.8S57.2,19.8,54,19z M7,76.2l-0.2,2.7c0.8,0.1,1.6,0,2.4,0c0.4,0,0.8-0.1,1.2-0.2l0.6-0.1l0.6-0.1
l-0.7-2.6C9.6,76.2,8.3,76.4,7,76.2z M2.7,72.4L0,72.9c0.2,0.8,0.4,1.7,0.8,2.5c0.4,0.8,1.1,1.6,1.9,2.1l1.6-2.2
C3.5,74.7,2.9,73.7,2.7,72.4z M3.4,65.5l-2.6-0.7c-0.4,1.4-0.7,2.9-0.8,4.4l2.7,0.2C2.7,68.1,3,66.8,3.4,65.5z M28.5,70.2
c1.2-0.8,2.4-1.5,3.6-2.3l-1.5-2.3c-1.2,0.8-2.3,1.5-3.5,2.3L28.5,70.2z M25.6,71.9l-1.4-2.3c-1.2,0.7-2.4,1.4-3.6,2.1l1.3,2.4
C23.2,73.4,24.4,72.7,25.6,71.9z M13.9,74.9l1,2.5c1.4-0.5,2.7-1.1,4-1.8l-1.2-2.4C16.5,73.8,15.2,74.4,13.9,74.9z M45.5,55
l1.7,2.1c1.1-0.9,2.2-1.7,3.3-2.6l-1.7-2.1C47.7,53.3,46.6,54.1,45.5,55z M41.1,61.6c1.1-0.8,2.3-1.7,3.4-2.5l-1.6-2.2l-3.5,2.6
L41.1,61.6z M34.9,66c1.2-0.8,2.3-1.6,3.5-2.4l-1.6-2.2c-1.1,0.8-2.3,1.6-3.4,2.4L34.9,66z M93.1,20.9l-3.9,3.2
c4.2,6.5,6.6,14.1,6.6,22.3c0,22.9-18.8,41.5-42,41.5c-11.1,0-21.2-4.3-28.7-11.2l-3.9,3.2c8.5,8,19.9,13,32.6,13
c25.9,0,47-20.9,47-46.5C100.9,37.1,98,28.3,93.1,20.9z M11.9,46.5C11.9,23.6,30.7,5,53.9,5c8.8,0,16.9,2.7,23.6,7.2l3.9-3.4
C73.7,3.3,64.2,0,53.9,0C28,0,6.9,20.9,6.9,46.5c0,8.3,2.2,16.2,6.1,22.9l3.9-3.4C13.7,60.2,11.9,53.5,11.9,46.5z"/>
</g>
</g>
</svg>
TMSWeb/Debug/index.html
<html><head> <html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<noscript>Your browser does not support JavaScript!</noscript> <noscript>Your browser does not support JavaScript!</noscript>
<link rel="icon" href="data:;base64,="> <link rel="icon" href="data:;base64,=">
<title>TMS Web Project</title> <title>TMS Web Project</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.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="css/App.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="spotcurrencywebsite.js"></script> <script type="text/javascript" src="spotcurrencywebsite.js"></script>
<style> <style>
</style> </style>
</head> </head>
<body>
<body>
<script type="text/javascript"> <script type="text/javascript">
rtl.run(); rtl.run();
</script> </script>
</body></html> </body>
\ No newline at end of file
</html>
\ No newline at end of file
TMSWeb/Debug/spotcurrencywebsite.js
This source diff could not be displayed because it is too large. You can view the blob instead.
Unit1.dfm deleted 100644 → 0
object Frame1: TFrame1
Left = 0
Top = 0
Width = 640
Height = 480
end
View.ContactUs.dfm 0 → 100644
object FContactUs: TFContactUs
Color = clWhite
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
FormStyle = fsNormal
Height = 480
Left = 0
TabOrder = 0
Top = 0
Width = 640
end
View.ContactUs.html 0 → 100644
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>TMS Web Project</title>
<style>
</style>
</head>
<body>
</body>
</html>
\ No newline at end of file
Unit1.pas → View.ContactUs.pas
unit Unit1; unit View.ContactUs;
interface interface
...@@ -7,7 +7,7 @@ uses ...@@ -7,7 +7,7 @@ uses
WEBLib.Forms, WEBLib.Dialogs; WEBLib.Forms, WEBLib.Dialogs;
type type
TFrame1 = class(TWebFrame) TFContactUs = class(TWebForm)
private private
{ Private declarations } { Private declarations }
public public
...@@ -15,10 +15,14 @@ type ...@@ -15,10 +15,14 @@ type
end; end;
var var
Frame1: TFrame1; FContactUs: TFContactUs;
implementation implementation
{$R *.dfm} {$R *.dfm}
initialization
RegisterClass(TFContactUs);
end. end.
\ No newline at end of file
View.Home.dfm
...@@ -11,6 +11,7 @@ object FHome: TFHome ...@@ -11,6 +11,7 @@ object FHome: TFHome
FormStyle = fsNormal FormStyle = fsNormal
Height = 1090 Height = 1090
Left = 0 Left = 0
OnClose = WebFormClose
OnCreate = WebFormCreate OnCreate = WebFormCreate
TabOrder = 0 TabOrder = 0
Top = 0 Top = 0
...@@ -36,85 +37,6 @@ object FHome: TFHome ...@@ -36,85 +37,6 @@ object FHome: TFHome
Top = 105 Top = 105
Width = 100 Width = 100
end end
object btnAboutUs: TWebButton
Caption = 'ABOUT US'
Color = clNone
ElementFont = efCSS
ElementID = 'aboutusnav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 899
OnClick = btnAboutUsClick
Role = 'button'
TabOrder = 0
Top = 105
Width = 100
end
object btnCustomSoftware: TWebButton
Caption = 'Custom Software'
Color = clNone
ElementFont = efCSS
ElementID = 'customsoftwarenav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 1019
OnClick = btnCustomSoftwareClick
Role = 'button'
TabOrder = 0
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
end
object btnPublicSafety: TWebButton
Caption = 'Public Safety'
Color = clNone
ElementFont = efCSS
ElementID = 'publicsafetynav'
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 = btnPublicSafetyClick
Role = 'button'
TabOrder = 0
Top = 137
Width = 100
end
object btnContactUs: TWebButton object btnContactUs: TWebButton
Caption = 'CONTACT US' Caption = 'CONTACT US'
Color = clNone Color = clNone
...@@ -135,118 +57,4 @@ object FHome: TFHome ...@@ -135,118 +57,4 @@ object FHome: TFHome
Top = 105 Top = 105
Width = 100 Width = 100
end 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
Role = 'button'
TabOrder = 0
Top = 0
Width = 100
end
object btnCustomSoftwareLearn: TWebButton
Caption = 'Learn More'
Color = clNone
ElementID = 'customsoftwarelearn'
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 = btnCustomSoftwareClick
Role = 'button'
TabOrder = 0
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 = btnPublicSafetyClick
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
OnClick = btnAboutUsClick
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
OnClick = btnHomeClick
Role = 'null'
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
OnClick = btnContactUsClick
Role = 'null'
TabOrder = 0
Top = 638
Width = 100
end
end end
View.Home.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-light bg-light fixed-top shadow">
<div class="container-fluid container-main"> <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\spot_logo_long.png" alt="Spot Currency Logo">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
...@@ -12,123 +12,120 @@ ...@@ -12,123 +12,120 @@
<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="homenav" href="#FHome">Home</a> <a class="nav-link fs-4 fw-bold" id="homenav" href="#FHome">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a> <a class="nav-link fs-4 fw-bold" id="contactusnav" href="#FContactUs">Contact Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="navbar-bottom-line position-absolute bottom-0 start-0 end-0" style="height: 4px;"></div>
</div> </div>
</nav> </nav>
</div> </div>
<!-- HERO SECTION --> <!-- MAIN CONTAINER -->
<!-- Hero Image -->
<div class="container-fluid px-0"> <div class="container-fluid px-0">
<div class="hero-section bg-dark text-white text-center"> <div class="hero-section shadow">
<img src="images\table_with_computers.jpg" alt="Hero Image" class="img-fluid hero-image"> <img src="images/travel_checklist.jpg" alt="Hero Image" class="img-fluid hero-image">
<div class="hero-overlay d-flex justify-content-center align-items-center"> <div class="hero-overlay d-flex justify-content-center align-items-center">
<div class="text-wrapper"> <div class="container">
<h1 class="display-4">Custom Software, Comprehensive Support</h1> <div class="row justify-content-center">
<div class="w-50 mx-auto"> <!-- Adjust the width as needed --> <div class="col-12 col-md-8">
<p class="lead">Real connections. Reliable support. Software made for you.</p> <img src="images/travel_checklist_text.png" class="img-fluid translate-adjust">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--MAIN CONTAINER--> <!-- Map -->
<div class="container-main"> <div class="container-fluid background-pattern">
<!-- LEARN BOXES --> <div class="row justify-content-center">
<div class="learn-boxes py-5"> <div class="col-lg-6 col-md-8 py-5 px-4">
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded"> <h1 class="fw-bold my-3"><img src="images/icon-plane.svg" style="width: 50px; height: 50px; margin-right: 10px;">Enjoy
<div class="col-md-6"> your trip without worry this year!</h1>
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" alt="Storage Image" class="img-fluid rounded"> <p class="fs-5">Use our expertise to guide you through the world of foreign currency exchange markets. We know
</div> currency, we know service, and we have some of the lowest rates around! We're conveniently located just outside
<div class="col-md-6"> of Tampa in Brandon, FL. So, stop in and have our staff provide you with great customer service and excellent
<div class="p-3 text-center"> exchange rates.</p>
<h2>Records and Information Management Solutions</h2> <!-- Iframe placed here directly under the text -->
<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> <iframe class="my-5 shadow"
<a href="#RecordsManagement" id="recordsmanagementlearn" class="btn btn-primary btn-black">Learn More</a> src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7049.934038936611!2d-82.29982729999999!3d27.933656299999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88c2cdd7bd218505%3A0x86db5896275c814b!2s1111%20Oakfield%20Dr%20%23115c%2C%20Brandon%2C%20FL%2033511!5e0!3m2!1sen!2sus!4v1715625958863"
</div> width="100%" height="400" style="border:0;" allowfullscreen="false" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div> </div>
</div> </div>
<div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded flex-md-row-reverse"> </div>
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" alt="Logistics Image" class="img-fluid rounded"> <!-- Rates & Fees -->
</div> <div class="container-fluid blue-bar">
<div class="col-md-6"> <div class="row justify-content-center">
<div class="p-3 text-center"> <div class="col-12 py-5 text-center">
<h2>Integrated Public Safety Solutions</h2> <h1 class="fw-bold">Great <span class="text-decoration-underline fst-italic">Rates</span> and Low
<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> <span class="text-decoration-underline fst-italic">Fees!</span></h1>
<a href="#PublicSafety" id="publicsafetylearn" class="btn btn-primary btn-black">Learn More</a>
</div> </div>
</div> </div>
</div>
<div class="container-fluid darker-blue-bar">
<div class="row justify-content-center">
<div class="col-12 py-2"></div>
</div> </div>
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded"> </div>
<!-- Travel -->
<div class="container-fluid text-white px-0">
<div class="travel-section shadow">
<img src="images\europe.jpg" alt="Hero Image" class="img-fluid travel-image">
<div class="travel-overlay">
<div class="container">
<div class="row">
<div class="col-md-6"> <div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" alt="Computer Image" class="img-fluid rounded"> <!-- Text content aligned to the left -->
<h1 class="fw-bold">Travel to Europe with peace of mind!</h1>
<p class="fs-5">Europe is one of the top must visit places in the world. The last thing you want to do is worry about funds. Spot Currency Exchange is the go to choice for those looking for peace of mind on great exchange rates.</p>
<a class="fs-5 fw-bolder btn btn-lg btn-warning" href="tel:1-813-278-8734">Call <span class="fs-5 fw-bold">(813) 278-8734</span> for rates</a>
</div> </div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Custom Software Development</h2>
<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 class="bg-dark text-light"> <footer class="bg-dark text-light">
<div class="container-main"> <div class="container">
<div class="row text-center text-lg-start"> <div class="row justify-content-center"> <!-- Center the row -->
<!-- Logo Column --> <div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center"> <a title="facebook" href="https://www.facebook.com/SpotCurrency/" class="text-decoration-none text-white d-flex align-items-center">
<a href="#FHome" class="navbar-brand"> <i class="fab fa-facebook-square fa-2x me-2 text-primary"></i><span>Friend us on Facebook</span>
<img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
</a> </a>
</div> </div>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<div> <a href="https://www.google.com/maps/place/Spot+Currency+Exchange/@27.9336394,-82.3024446,17z/data=!3m1!4b1!4m6!3m5!1s0x88c2cdd1ca9b83dd:0xa7441cc6ad422b35!8m2!3d27.9336394!4d-82.2998643!16s%2Fg%2F11fz7rhzvg?entry=ttu" target="_blank" class="text-decoration-none text-white d-flex align-items-center">
<h5>Explore</h5> <i class="fas fa-map-marker-alt fa-2x me-2 text-warning"></i><span>1111 Oakfield Drive Suite 115c<br>Brandon, FL 33511</span>
<ul class="list-unstyled mb-0"> </a>
<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>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0"> <div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<div> <span class="d-flex align-items-center">
<address> <i class="fas fa-phone-square-alt fa-2x me-2 text-success"></i><span>Phone (813) 278-8734<br>Fax (813) 278-8732</span>
4043 Maple Rd, Suite 211<br> </span>
Amherst, NY 14226<br>
(716) 836-4910
</address>
</div> </div>
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<a href="https://twitter.com/SpotCurrency" target="_blank" class="text-decoration-none text-white d-flex align-items-center">
<i class="fab fa-twitter-square fa-2x me-2 text-danger"></i><span>Follow our Twitter</span>
</a>
</div> </div>
</div> </div>
<hr class="mb-3">
<div class="text-center">
© Copyright 2024 Spot Currency Exchange FLA, LLC
</div> </div>
<div class="footer-copyright">
© 2011-2024 EM Systems Inc
</div> </div>
</footer> </footer>
View.Home.pas
...@@ -3,27 +3,23 @@ unit View.Home; ...@@ -3,27 +3,23 @@ unit View.Home;
interface interface
uses uses
System.SysUtils, System.Classes, JS, Web, WEBLib.Graphics, WEBLib.Controls, System.SysUtils, System.Classes, WEBLib.Graphics, WEBLib.Forms, Vcl.StdCtrls,
WEBLib.Forms, WEBLib.Dialogs, WEBLib.Menus, WEBLib.StdCtrls; WEBLib.StdCtrls, Vcl.Controls, WEBLib.Dialogs, Vcl.Imaging.pngimage,
WEBLib.ExtCtrls, WEBLib.Controls, Web, JS, WEBLib.Menus, WEBLib.WebCtrls;
type type
TFHome = class(TWebForm) TFHome = class(TWebForm)
btnHome: TWebButton; btnHome: TWebButton;
btnAboutUs: TWebButton;
btnCustomSoftware: TWebButton;
btnRecordsManagement: TWebButton;
btnPublicSafety: TWebButton;
btnContactUs: TWebButton; btnContactUs: TWebButton;
btnRecordsManagementLearn: TWebButton; [async]
btnCustomSoftwareLearn: TWebButton; procedure WebFormCreate(Sender: TObject);
btnPublicSafetyLearn: TWebButton; procedure btnHomeClick(Sender: TObject);
btnAboutUsFooter: TWebButton; procedure btnContactUsClick(Sender: TObject);
btnHomeFooter: TWebButton; procedure WebFormClose(Sender: TObject; var Action: TCloseAction);
btnContactUsFooter: TWebButton;
private private
{ Private declarations } { Private declarations }
public public
{ Public declarations } procedure NavScrollSizing;
end; end;
var var
...@@ -33,4 +29,52 @@ implementation ...@@ -33,4 +29,52 @@ implementation
{$R *.dfm} {$R *.dfm}
uses
View.ContactUs;
procedure TFHome.btnContactUsClick(Sender: TObject);
begin
Close;
Application.CreateForm(TFContactUs, FContactUs);
end;
procedure TFHome.btnHomeClick(Sender: TObject);
begin
Close;
Application.CreateForm(TFHome, FHome);
end;
procedure TFHome.WebFormCreate(Sender: TObject);
begin
Application.ThemeColor := clTMSWEB;
NavScrollSizing;
end;
procedure TFHome.WebFormClose(Sender: TObject; var Action: TCloseAction);
begin
Action := caFree;
end;
procedure TFHome.NavScrollSizing;
begin
asm
window.addEventListener('scroll', function() {
var navbar = document.querySelector('.em-navbar-wrap .navbar');
var logo = document.querySelector('.em-brand img');
var scrollDistance = 50; // Adjust based on your preference
if (window.scrollY > scrollDistance) {
navbar.classList.add('scrolled');
logo.classList.add('scrolled-logo');
} else {
navbar.classList.remove('scrolled');
logo.classList.remove('scrolled-logo');
}
});
end;
end;
initialization
RegisterClass(TFHome);
end. end.
\ No newline at end of file
css/App.css
body { body {
font-family: "Raleway", sans-serif; font-family: 'Source Sans Pro', sans-serif;
font-optical-sizing: auto; font-optical-sizing: auto;
font-weight: 400; font-weight: 600;
font-style: normal; font-style: normal;
color: #272727; color: #272727;
background-color: #f4f4f4; background-color: #f4f4f4;
...@@ -9,14 +9,17 @@ body { ...@@ -9,14 +9,17 @@ body {
box-sizing: border-box; box-sizing: border-box;
} }
.em-black { .container-main {
color: #000000; max-width: 1400px;
padding-top: 0px;
margin-top: 0px;
margin: auto;
} }
/* NAVBAR */ /* NAVBAR */
.em-navbar-wrap .navbar { .em-navbar-wrap .navbar {
transition: padding-top 0.3s ease, padding-bottom 0.3s ease; /* Smooth transitions for padding */ transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
/* Smooth transitions for padding */
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 1030; z-index: 1030;
...@@ -30,36 +33,47 @@ body { ...@@ -30,36 +33,47 @@ body {
/* Transition for navbar logo size */ /* Transition for navbar logo size */
.em-brand img { .em-brand img {
transition: max-height 0.3s ease; /* Smooth transition for logo size */ transition: max-height 0.3s ease;
max-height: 80px; /* Set a max-height for the logo */ /* Smooth transition for logo size */
max-height: 80px;
/* Set a max-height for the logo */
margin-top: 8px; margin-top: 8px;
} }
/* Nav link styles and transitions */ /* Nav link styles and transitions */
.em-navbar-wrap .navbar .navbar-nav .nav-link { .em-navbar-wrap .navbar .navbar-nav .nav-link {
transition: color 0.3s ease; /* Smooth transition for color change */ transition: color 0.3s ease;
/* Smooth transition for color change */
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.085em; color: #212121;
font-size: 1rem; }
color: #FFFFFF;
.em-navbar-wrap .navbar-bottom-line {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px; /* Adjust height as needed */
background-color: #0080c6; /* Blue color */
z-index: 1029; /* Place it just below the navbar */
} }
/* Hover and active state for nav links */ /* Hover and active state for nav links */
.em-navbar-wrap .navbar .navbar-nav .nav-item:hover .nav-link, .em-navbar-wrap .navbar .navbar-nav .nav-item:hover .nav-link,
.em-navbar-wrap .navbar .navbar-nav .nav-item.active .nav-link { .em-navbar-wrap .navbar .navbar-nav .nav-item.active .nav-link {
color: #999999; color: #999999;
box-shadow: inset 0 -4px 0 0 #2c66a0; box-shadow: inset 0 -4px 0 0 #0080c6;
} }
/* navbar changes when scrolled */ /* navbar changes when scrolled */
.em-navbar-wrap .navbar.scrolled { .em-navbar-wrap .navbar.scrolled {
padding-top: 0.5rem; padding-top: 1rem;
padding-bottom: 0.5rem; padding-bottom: 1rem;
} }
/* Smaller logo when scrolled */ /* Smaller logo when scrolled */
.em-brand img.scrolled-logo { .em-brand img.scrolled-logo {
max-height: 40px; max-height: 70px;
} }
/* Adjust padding for nav links when scrolled */ /* Adjust padding for nav links when scrolled */
...@@ -68,41 +82,27 @@ body { ...@@ -68,41 +82,27 @@ body {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
/* navbar dropdown menu */
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu {
background-color: #212529; /* Dark background to match the navbar */
border: none; /* No border for a cleaner look */
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item {
color: #f8f9fa;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:focus {
background-color: #495057; /* Slightly lighter background on hover/focus */
color: #ffffff;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
background-color: #2c66a0; /* Highlights color for active state */
color: #ffffff;
}
/* navbar hamburger menu */ /* navbar hamburger menu */
.navbar-toggler { .navbar-toggler {
outline: none !important; outline: none !important;
border: none !important; border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #2c66a0; background-color: #0080c6;
} }
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler.active {
outline: none; outline: none;
border: none !important; border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #999999; background-color: #999999;
} }
.navbar-toggler:hover { .navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset;
/* "Pressed in" look */
background-color: #999999; background-color: #999999;
} }
...@@ -112,16 +112,21 @@ body { ...@@ -112,16 +112,21 @@ body {
/* HERO IMAGES */ /* HERO IMAGES */
.hero-section { .hero-section {
position: relative; position: relative;
height: 50vh; /* Control the height of the hero section */ height: 50vh;
/* Control the height of the hero section */
overflow: hidden; overflow: hidden;
margin-top: 50px; margin-top: 50px;
} }
.hero-image { .hero-image {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; /* Cover the area without distorting the image */ object-fit: cover;
object-position: center; /* Align the center of the image to the center of the container */ /* Cover the area without distorting the image */
object-position: center;
/* Align the center of the image to the center of the container */
} }
.hero-overlay { .hero-overlay {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -135,6 +140,38 @@ body { ...@@ -135,6 +140,38 @@ body {
text-shadow: 0px 0px 10px #000; text-shadow: 0px 0px 10px #000;
} }
.translate-adjust {
transition: transform 0.5s ease-in-out;
margin-right: 20px;
}
@media (min-width: 992px) {
/* Adjustments for larger screens */
.translate-adjust {
transform: translateX(-50%);
/* Slightly left of center for large screens */
}
}
@media (max-width: 991px) and (min-width: 768px) {
/* Adjustments for medium screens */
.translate-adjust {
transform: translateX(-25%);
/* Closer to center for medium screens */
}
}
@media (max-width: 767px) {
/* Adjustments for small screens */
.translate-adjust {
transform: translateX(0%);
/* Centered for small screens */
}
}
.page-hero-section { .page-hero-section {
position: relative; position: relative;
height: 30vh; height: 30vh;
...@@ -143,15 +180,18 @@ body { ...@@ -143,15 +180,18 @@ body {
.hero-section-aboutus { .hero-section-aboutus {
position: relative; position: relative;
height: 100vh; /* Full viewport height */ height: 100vh;
/* Full viewport height */
overflow: hidden; overflow: hidden;
} }
.hero-image-aboutus { .hero-image-aboutus {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; /* Ensures the image covers the area properly */ object-fit: cover;
object-position: center; /* Centers the image */ /* Ensures the image covers the area properly */
object-position: center;
/* Centers the image */
} }
.hero-overlay-aboutus { .hero-overlay-aboutus {
...@@ -172,44 +212,66 @@ body { ...@@ -172,44 +212,66 @@ body {
/****************************************************************************************/ /****************************************************************************************/
/* LEARN BOXES */ /* MAIN CONTENT */
.container-main {
max-width: 1400px; .background-pattern {
margin: auto; background-image: url('../images/background_pattern.gif');
padding: 1rem; background-size: auto;
/* Cover the entire container */
background-repeat: repeat;
/* Do not repeat the image */
} }
.learn-boxes { .blue-bar {
margin-top: 50px; background-color: #0080c6;
color: white;
} }
.learn-boxes .row img { .darker-blue-bar {
border-radius: 5px 0 0 5px; background-color: #0060a6;
margin-bottom: 25px; /* slightly darker shade of blue */
} }
.learn-boxes h2 { .background-suitcase {
font-size: 2.5rem; background-image: url('../images/europe.jpg');
margin-bottom: 0.75rem; background-size: cover;
background-repeat: no-repeat;
height: 100vh;
} }
.learn-boxes p { .travel-section {
font-size: 1rem; position: relative;
margin-bottom: 1rem; height: 50vh;
overflow: hidden;
} }
.btn-primary { .travel-image {
background-color: #000; width: 100%;
border-color: #000; height: 100%;
color: #fff; object-fit: cover;
width: 175px; object-position: center;
} }
.btn-primary:hover { .travel-overlay {
background-color: #333; position: absolute;
border-color: #333; top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
display: flex;
justify-content: center;
align-items: center;
} }
@media (max-width: 767px) {
.travel-overlay {
background-color: rgba(0, 0, 0, 0.5);
}
}
/****************************************************************************************/ /****************************************************************************************/
/* FOOTER */ /* FOOTER */
...@@ -220,27 +282,33 @@ footer { ...@@ -220,27 +282,33 @@ footer {
padding: 1rem 0; padding: 1rem 0;
margin-top: auto; margin-top: auto;
} }
footer .navbar-brand img { footer .navbar-brand img {
max-height: 50px; max-height: 50px;
} }
footer h5 { footer h5 {
font-size: 0.9rem; font-size: 0.9rem;
} }
footer ul li a, footer ul li a,
footer ul li p { footer ul li p {
font-size: 0.8rem; font-size: 0.8rem;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
footer ul li a:hover, footer ul li a:hover,
footer ul li a:focus { footer ul li a:focus {
color: #999999; color: #999999;
text-decoration: none; text-decoration: none;
} }
footer address, footer address,
footer p { footer p {
font-size: 0.8rem; font-size: 0.8rem;
} }
footer .footer-copyright { footer .footer-copyright {
font-size: 0.8rem; font-size: 0.8rem;
padding: 0.5rem 0; padding: 0.5rem 0;
...@@ -263,12 +331,13 @@ footer .footer-copyright { ...@@ -263,12 +331,13 @@ footer .footer-copyright {
max-width: 1600px; max-width: 1600px;
} }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
.em-navbar-wrap .navbar-brand { .em-navbar-wrap .navbar-brand {
padding-right: 2rem; padding-right: 2rem;
} }
.em-navbar-wrap .navbar .navbar-nav { .em-navbar-wrap .navbar .navbar-nav {
padding-left: 2rem; padding-left: 2rem;
} }
} }
\ No newline at end of file
images/icon-plane.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100.8 92.9" style="enable-background:new 0 0 100.8 92.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#0880C4;}
</style>
<g>
<g>
<path class="st0" d="M54,19c-3.2-0.8-3.9,1.3-5.4,2.2c-1.5,0.8-3,3.2-2.2,3.5s18.4,6,18.4,6l-5.6,6.7c0,0-12.1,0.8-11,2.2
c1,1.1,6,5.6,7.4,6.8c1.3,1.4,5.8,6.3,6.9,7.3c1.3,1.2,2.2-10.8,2.2-10.8l6.7-5.5c0,0,5.7,17.3,6.1,18.2c0.3,0.8,2.7-0.7,3.5-2.2
s3-2.2,2.2-5.3c-0.8-3.2-3.5-17.2-3.5-17.2s7.9-8.5,9.9-11.3s2.5-6.1,0.9-7.6l0,0l0,0l0,0l0,0c-1.5-1.6-4.9-1.1-7.7,0.9
c-2.9,2-11.5,9.8-11.5,9.8S57.2,19.8,54,19z M7,76.2l-0.2,2.7c0.8,0.1,1.6,0,2.4,0c0.4,0,0.8-0.1,1.2-0.2l0.6-0.1l0.6-0.1
l-0.7-2.6C9.6,76.2,8.3,76.4,7,76.2z M2.7,72.4L0,72.9c0.2,0.8,0.4,1.7,0.8,2.5c0.4,0.8,1.1,1.6,1.9,2.1l1.6-2.2
C3.5,74.7,2.9,73.7,2.7,72.4z M3.4,65.5l-2.6-0.7c-0.4,1.4-0.7,2.9-0.8,4.4l2.7,0.2C2.7,68.1,3,66.8,3.4,65.5z M28.5,70.2
c1.2-0.8,2.4-1.5,3.6-2.3l-1.5-2.3c-1.2,0.8-2.3,1.5-3.5,2.3L28.5,70.2z M25.6,71.9l-1.4-2.3c-1.2,0.7-2.4,1.4-3.6,2.1l1.3,2.4
C23.2,73.4,24.4,72.7,25.6,71.9z M13.9,74.9l1,2.5c1.4-0.5,2.7-1.1,4-1.8l-1.2-2.4C16.5,73.8,15.2,74.4,13.9,74.9z M45.5,55
l1.7,2.1c1.1-0.9,2.2-1.7,3.3-2.6l-1.7-2.1C47.7,53.3,46.6,54.1,45.5,55z M41.1,61.6c1.1-0.8,2.3-1.7,3.4-2.5l-1.6-2.2l-3.5,2.6
L41.1,61.6z M34.9,66c1.2-0.8,2.3-1.6,3.5-2.4l-1.6-2.2c-1.1,0.8-2.3,1.6-3.4,2.4L34.9,66z M93.1,20.9l-3.9,3.2
c4.2,6.5,6.6,14.1,6.6,22.3c0,22.9-18.8,41.5-42,41.5c-11.1,0-21.2-4.3-28.7-11.2l-3.9,3.2c8.5,8,19.9,13,32.6,13
c25.9,0,47-20.9,47-46.5C100.9,37.1,98,28.3,93.1,20.9z M11.9,46.5C11.9,23.6,30.7,5,53.9,5c8.8,0,16.9,2.7,23.6,7.2l3.9-3.4
C73.7,3.3,64.2,0,53.9,0C28,0,6.9,20.9,6.9,46.5c0,8.3,2.2,16.2,6.1,22.9l3.9-3.4C13.7,60.2,11.9,53.5,11.9,46.5z"/>
</g>
</g>
</svg>
index.html
<html><head> <html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<noscript>Your browser does not support JavaScript!</noscript> <noscript>Your browser does not support JavaScript!</noscript>
<link rel="icon" href="data:;base64,="> <link rel="icon" href="data:;base64,=">
<title>TMS Web Project</title> <title>TMS Web Project</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.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="css/App.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="$(ProjectName).js"></script> <script type="text/javascript" src="$(ProjectName).js"></script>
<style> <style>
</style> </style>
</head> </head>
<body>
<body>
<script type="text/javascript"> <script type="text/javascript">
rtl.run(); rtl.run();
</script> </script>
</body></html> </body>
\ No newline at end of file
</html>
\ No newline at end of file
spotcurrencywebsite.dpr
...@@ -4,7 +4,7 @@ uses ...@@ -4,7 +4,7 @@ uses
Vcl.Forms, Vcl.Forms,
WEBLib.Forms, WEBLib.Forms,
View.Home in 'View.Home.pas' {FHome: TWebForm} {*.html}, View.Home in 'View.Home.pas' {FHome: TWebForm} {*.html},
Unit1 in 'Unit1.pas' {Frame1: TWebFrame}; View.ContactUs in 'View.ContactUs.pas' {FContactUs: TWebForm} {*.html};
{$R *.res} {$R *.res}
......
spotcurrencywebsite.dproj
...@@ -103,14 +103,24 @@ ...@@ -103,14 +103,24 @@
<FormType>dfm</FormType> <FormType>dfm</FormType>
<DesignClass>TWebForm</DesignClass> <DesignClass>TWebForm</DesignClass>
</DCCReference> </DCCReference>
<DCCReference Include="View.ContactUs.pas">
<Form>FContactUs</Form>
<FormType>dfm</FormType>
<DesignClass>TWebForm</DesignClass>
</DCCReference>
<None Include="spotcurrencywebsite.html"/> <None Include="spotcurrencywebsite.html"/>
<None Include="css\App.css"/> <None Include="css\App.css"/>
<None Include="images\computer_code.jpg"/> <None Include="images\background-pattern.gif"/>
<None Include="images\EM_Logo_2c66a0.png"/> <None Include="images\europe.jpg"/>
<None Include="images\EM_Logo2_Copy5-1024x173.png"/> <None Include="images\spot-logo-long.png"/>
<None Include="images\EM_Logo_White.png"/> <None Include="images\travel-checklist-text.png"/>
<None Include="images\niagara.jpg"/> <None Include="images\travel-checklist.jpg"/>
<None Include="images\table_with_computers.jpg"/> <None Include="images\background_pattern.gif"/>
<None Include="images\spot_logo_long.png"/>
<None Include="images\travel_checklist.jpg"/>
<None Include="images\travel_checklist_text.png"/>
<None Include="images\spot_logo_long.jpg"/>
<None Include="images\icon-plane.svg"/>
<BuildConfiguration Include="Release"> <BuildConfiguration Include="Release">
<Key>Cfg_2</Key> <Key>Cfg_2</Key>
<CfgParent>Base</CfgParent> <CfgParent>Base</CfgParent>
......
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