HTMLify

index_socials.html
Views: 134 | Author: cody
<!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>


      
                   

Comments