WizdomWeb/resources/views/layouts/footer.php

95 lines
3.4 KiB
PHP

<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<!-- Newsletter -->
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-lg-6">
<h4>Join Our Newsletter</h4>
<p>Get updates on new services, insights, and best practices from the Wizdom Networks team.</p>
<form action="forms/newsletter.php" method="post" class="php-email-form">
<div class="newsletter-form">
<input type="email" name="email" placeholder="Your Email">
<input type="submit" value="Subscribe">
</div>
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Subscription successful. Thank you!</div>
</form>
</div>
</div>
</div>
</div>
<!-- Footer Links & Contact -->
<div class="container footer-top">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 footer-about">
<a href="/" class="d-flex align-items-center">
<img src="/assets/img/wizdom-networks-logo-v2-no-slogan.webp" alt="Wizdom Networks Logo" class="img-fluid">
</a>
<div class="footer-contact pt-3">
<p>Mississauga, ON, Canada</p>
<p><strong>Phone:</strong> <span>416-USE-WISE</span></p>
<p><strong>Email:</strong> <span>concierge@wizdom.ca</span></p>
</div>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Quick Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#hero">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#about">About</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">Services</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#contact">Contact</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Services</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#services">IT Strategy & Alignment</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">Cloud Strategy</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">HelpDesk+</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#stealthascope-pricing">Stealthascope</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-12">
<h4>Follow Us</h4>
<p>Stay connected with Wizdom Networks on social.</p>
<div class="social-links d-flex">
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-facebook"></i></a>
<a href="#"><i class="bi bi-instagram"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="container copyright text-center mt-4">
<p>© <span>Copyright</span> <strong class="px-1 sitename">Wizdom Networks</strong>. <span>All Rights Reserved</span></p>
</div>
</footer><!-- End Footer -->
<script>
(() => {
'use strict'
const forms = document.querySelectorAll('.needs-validation')
Array.from(forms).forEach(form => {
form.addEventListener('submit', event => {
if (!form.checkValidity()) {
event.preventDefault()
event.stopPropagation()
}
form.classList.add('was-validated')
}, false)
})
})()
</script>