footer.html

<!-- Footer -->
<footer>
	<div id="top">
		<div class="container">
			<div class="row">
				<div class="footer-section col-md-3 links">
					<h3>Navigate</h3>
					<p><a class="scroll-link" href="/index.html">Home</a></p>
					<p><a class="scroll-link" href="/about/story/">About Us</a></p>
					<p><a class="scroll-link" href="/programs/initiatives/">Initiatives</a></p>
					<p><a class="scroll-link" href="/programs/overview/">Our Programs</a></p>
					<p><a class="scroll-link" href="/get-involved/">Get Involved</a></p>
				</div>
				<div class="footer-section col-md-5 offset-md-1 contact">
					<h3>Contact</h3>
					<p><i class="fas fa-map-marker-alt"></i> United States</p>
					<p><i class="fas fa-envelope fa-1x"></i> Email: <a href="mailto:stemchats@gmail.com?subject= ' ">stemchats@gmail.com</a></p>
					<p><i class="fas fa-paper-plane"></i> Partnership & Donation Inquiries: <a href="mailto:stemchats.outreach@gmail.com?subject= ' ">stemchats.outreach@gmail.com</a></p>
				</div>
				<div class="footer-section col-md-3 subscribe">
					<div class="row">
						<div class="col">
							<h3>STEMlights</h3>
								<p>Latest STEM news, opportunities, and resources sent straight to your inbox.</p>
					<button type="button" class="btn btn-primary subscribe-button" onclick="window.location.href = 'https://confirmsubscription.com/h/t/88449A101872A7A4';">Subscribe</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="bottom">
		<div class="container">
			<div class="row">
				<div class="col social">
					<a href="https://www.facebook.com/stemchats/" target="_blank"><i class="fab fa-facebook-f fa-2x"></i></a>
								<a href="https://twitter.com/stemchats" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
								<a href="https://www.instagram.com/stemchats/?hl=en" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
				<a href="https://medium.com/@stemchats" target="_blank"><i class="fab fa-medium fa-2x"></i></a>
				<a href="https://www.linkedin.com/company/stemchats" target="_blank"><i class="fab fa-linkedin-in fa-2x"></i></a>
				</div>
			</div>
		<div class="row">
			<div id="CR" class="col">
				<p>&copy; 2020 STEMchats. Nonprofit Organization. <em>Designed by the Tech Team.</em></p>
			</div>
			</div>
		</div>
	</div>
</footer>