Skip to content

S
SpotCurrencyWebsite
Commit 135ae34c by Mac Stephens
Options

finishing contact page

parent cb261a08
Showing with 276 additions and 22 deletions
TMSWeb/Debug/View.ContactUs.html
<html> <!--NAVBAR CONTAINER-->
<head> <div class="em-navbar-wrap">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<title>TMS Web Project</title> <div class="container-fluid container-main">
<style> <a class="navbar-brand em-brand" href="#FHome">
</style> <img src="images\spot_logo_long.png" alt="Spot Currency Logo">
</head> </a>
<body> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
</body> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
</html> <span class="navbar-toggler-icon"></span>
\ No newline at end of file </button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link fs-4 fw-bold" id="homenav" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link fs-4 fw-bold" id="contactusnav" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
<div class="navbar-bottom-line position-absolute bottom-0 start-0 end-0" style="height: 4px;"></div>
</div>
</nav>
</div>
<!-- MAIN CONTAINER -->
<div class="row">
<div class="col-md-5">
<div class="contact-info">
<h2>Contact Us</h2>
<p><strong>Spot Currency Exchange</strong></p>
<p><strong>Hours of Operation</strong><br>Monday–Friday: 11am–4pm</p>
<p><strong>Address</strong><br>1111 Oakfield Drive<br>Suite 115c<br>Brandon, FL 33511</p>
<p><strong>Phone</strong><br><a href="tel:8132788734">(813) 278-8734</a></p>
<p><strong>Fax</strong><br>(813) 278-8732</p>
<p><strong>Email</strong><br>contact@spotcurrency.net</p>
<div class="social-icons">
<a href="https://www.facebook.com/SpotCurrency/" title="facebook"><img src="/assets/images/icon-facebook.svg" alt="Facebook"></a>
<a href="https://twitter.com/SpotCurrency" title="twitter"><img src="/assets/images/icon-twitter.svg" alt="Twitter"></a>
</div>
</div>
</div>
<div class="col-md-7">
<div class="contact-form">
<h2>Send us an Email</h2>
<form id="SalesLeadContactForm" method="post" accept-charset="utf-8">
<div class="mb-3">
<label for="edtFirstName" class="form-label">First Name <span class="required"></span></label>
<input type="text" class="form-control" id="firstname" maxlength="100" name="first_name">
</div>
<div class="mb-3">
<label for="edtLastName" class="form-label">Last Name <span class="required"></span></label>
<input type="text" class="form-control" id="lastname" maxlength="100" name="last_name">
</div>
<div class="mb-3">
<label for="edtEmail" class="form-label">Email <span class="required"></span></label>
<input type="email" class="form-control" id="email" maxlength="200" name="email">
</div>
<div class="mb-3">
<label for="edtPhone" class="form-label">Phone <span class="not-required"></span></label>
<input type="text" class="form-control" id="phone" maxlength="60" name="phone">
</div>
<div class="mb-3">
<label for="edtMessage" class="form-label">Message <span class="not-required"></span></label>
<textarea class="form-control" id="message" rows="4" maxlength="600" name="comments"></textarea>
</div>
<div class="d-grid gap-2">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
<footer class="bg-dark text-light">
<div class="container">
<div class="row justify-content-center"> <!-- Center the row -->
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<a title="facebook" href="https://www.facebook.com/SpotCurrency/" class="text-decoration-none text-white d-flex align-items-center">
<i class="fab fa-facebook-square fa-2x me-2 text-primary"></i><span>Friend us on Facebook</span>
</a>
</div>
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<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">
<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>
</a>
</div>
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<span class="d-flex align-items-center">
<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>
</span>
</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>
<hr class="mb-3">
<div class="text-center">
© Copyright 2024 Spot Currency Exchange FLA, LLC
</div>
</div>
</footer>
TMSWeb/Debug/css/App.css
...@@ -270,6 +270,33 @@ body { ...@@ -270,6 +270,33 @@ body {
} }
} }
.contact-container {
padding: 50px;
background-color: #f7f7f7;
}
.contact-info {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-form {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-form h2 {
background-color: #007bff;
color: #ffffff;
padding: 10px;
border-radius: 10px 10px 0 0;
}
.social-icons a {
margin: 0 10px;
font-size: 1.5rem;
color: #555;
}
/****************************************************************************************/ /****************************************************************************************/
......
View.ContactUs.html
<html> <!--NAVBAR CONTAINER-->
<head> <div class="em-navbar-wrap">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top shadow">
<title>TMS Web Project</title> <div class="container-fluid container-main">
<style> <a class="navbar-brand em-brand" href="#FHome">
</style> <img src="images\spot_logo_long.png" alt="Spot Currency Logo">
</head> </a>
<body> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
</body> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
</html> <span class="navbar-toggler-icon"></span>
\ No newline at end of file </button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link fs-4 fw-bold" id="homenav" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link fs-4 fw-bold" id="contactusnav" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
<div class="navbar-bottom-line position-absolute bottom-0 start-0 end-0" style="height: 4px;"></div>
</div>
</nav>
</div>
<!-- MAIN CONTAINER -->
<div class="row">
<div class="col-md-5">
<div class="contact-info">
<h2>Contact Us</h2>
<p><strong>Spot Currency Exchange</strong></p>
<p><strong>Hours of Operation</strong><br>Monday–Friday: 11am–4pm</p>
<p><strong>Address</strong><br>1111 Oakfield Drive<br>Suite 115c<br>Brandon, FL 33511</p>
<p><strong>Phone</strong><br><a href="tel:8132788734">(813) 278-8734</a></p>
<p><strong>Fax</strong><br>(813) 278-8732</p>
<p><strong>Email</strong><br>contact@spotcurrency.net</p>
<div class="social-icons">
<a href="https://www.facebook.com/SpotCurrency/" title="facebook"><img src="/assets/images/icon-facebook.svg" alt="Facebook"></a>
<a href="https://twitter.com/SpotCurrency" title="twitter"><img src="/assets/images/icon-twitter.svg" alt="Twitter"></a>
</div>
</div>
</div>
<div class="col-md-7">
<div class="contact-form">
<h2>Send us an Email</h2>
<form id="SalesLeadContactForm" method="post" accept-charset="utf-8">
<div class="mb-3">
<label for="edtFirstName" class="form-label">First Name <span class="required"></span></label>
<input type="text" class="form-control" id="firstname" maxlength="100" name="first_name">
</div>
<div class="mb-3">
<label for="edtLastName" class="form-label">Last Name <span class="required"></span></label>
<input type="text" class="form-control" id="lastname" maxlength="100" name="last_name">
</div>
<div class="mb-3">
<label for="edtEmail" class="form-label">Email <span class="required"></span></label>
<input type="email" class="form-control" id="email" maxlength="200" name="email">
</div>
<div class="mb-3">
<label for="edtPhone" class="form-label">Phone <span class="not-required"></span></label>
<input type="text" class="form-control" id="phone" maxlength="60" name="phone">
</div>
<div class="mb-3">
<label for="edtMessage" class="form-label">Message <span class="not-required"></span></label>
<textarea class="form-control" id="message" rows="4" maxlength="600" name="comments"></textarea>
</div>
<div class="d-grid gap-2">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
<footer class="bg-dark text-light">
<div class="container">
<div class="row justify-content-center"> <!-- Center the row -->
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<a title="facebook" href="https://www.facebook.com/SpotCurrency/" class="text-decoration-none text-white d-flex align-items-center">
<i class="fab fa-facebook-square fa-2x me-2 text-primary"></i><span>Friend us on Facebook</span>
</a>
</div>
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<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">
<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>
</a>
</div>
<div class="col-md-3 mb-3 d-flex justify-content-center"> <!-- Center the column -->
<span class="d-flex align-items-center">
<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>
</span>
</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>
<hr class="mb-3">
<div class="text-center">
© Copyright 2024 Spot Currency Exchange FLA, LLC
</div>
</div>
</footer>
css/App.css
...@@ -270,6 +270,33 @@ body { ...@@ -270,6 +270,33 @@ body {
} }
} }
.contact-container {
padding: 50px;
background-color: #f7f7f7;
}
.contact-info {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-form {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-form h2 {
background-color: #007bff;
color: #ffffff;
padding: 10px;
border-radius: 10px 10px 0 0;
}
.social-icons a {
margin: 0 10px;
font-size: 1.5rem;
color: #555;
}
/****************************************************************************************/ /****************************************************************************************/
......
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