<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Footer 04 Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Inter font loading -->
</head>
<body>
<!-- body start -->
<section class="subscription-section">
<div class="subscription-wrapper">
<div class="subscription__description">
<h2>Join 10k+ other readers!</h2>
<p>Stay up to date with our news and articles</p>
</div>
<form class="subscribe-form">
<input type="email" spellcheck="false" placeholder="Your Email">
<button type="submit">
Subscribe
</button>
</form>
</div>
</section>
<footer>
<div class="footer-wrapper">
<div class="social-wrapper">
<div class='social-links'>
<ul>
<li>
<a href="#" title="Instagram">
<img src="assets/instagram.svg" alt='Instagram'>
</a>
</li>
<!-- more social links -->
</ul>
</div>
</div>
<div class="footer-columns">
<div class="footer-links">
<div class="footer-logo"><!-- svg logo --></div>
<section>
<h3>Product</h3>
<ul>
<li><a href="#" title="API">API</a></li>
<!-- more links -->
</ul>
</section>
<!-- more link columns -->
</div>
</div>
<div class="footer-bottom">
<div class="footer-description">
<h3>Elevate your tech skills</h3><p>Develop and design platforms with ease<p>
</div>
<small>© Atheros Intelligence Ltd. <span id="year"></span>, All rights reserved</small>
</div>
</div>
</footer>
<script>
document.getElementById("year").innerHTML = new Date().getFullYear();
</script>
<!-- end of body -->
</body>
</html>