<div class="footer-top">
    <div class="container">
        <div class="sidebar-footer">
            <div class="footer-block footer-logo">
                <div class="footer-block-content">
                    <a href="#"><img src="{{media url="wysiwyg/icon-image/logo-footer-2.png"}}" alt="logo footer 2" /></a>
                </div>
            </div>
        </div>
        <div class="main-footer">
            <div class="row">

                <div class="col-lg-3 col-sm-12">
                    <div class="footer-block footer-btn-chat">
                        <div class="footer-block-content">
                            <ul class="list-btn-chat">
                                <li><a href="#">Send Message</a></li>
                                <li><a href="#">Live chat</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-sm-12">
                    <div class="footer-block footer-info">
                        <div class="footer-block-title">Need help? Call us:</div>
                        <div class="footer-block-content">
                            <span class="number-phone">(+800) 123 456 7890</span>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-12">
                    <div class="footer-block footer-social">
                        <div class="footer-block-content">
                                <div class="social-footer">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <span class="icon-facebook"><span class="hidden">Facebook</span></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <span class="icon-twitter"><span class="hidden">twitter</span></span>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <span class="icon-instagram2"><span class="hidden">Instagram</span></span>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <span class="icon-youtube1"><span class="hidden">youtube</span></span>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <span class="icon-linkedin"><span class="hidden">linkedin</span></span>
                                            </a>
                                        </li>
                                        
                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="footer-middle">
    <div class="container">
        <div class="sidebar-footer">
            <div class="footer-block">
                <div class="footer-block-title">My Account</div>

                <div class="footer-block-content">
                    <ul class="links-footer">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Comming Soon</a></li>
                        <li><a href="#">Customer Services</a></li>
                        <li><a href="#">Track Your Order</a></li>
                        <li><a href="#">Magento Support</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="main-footer">
            <div class="row">
                <div class="col-lg-3 col-sm-4">
                    <div class="footer-block links-info">
                        <div class="footer-block-title">Informations</div>

                        <div class="footer-block-content">
                            <ul class="links-footer">
                                <li><a href="#">Customer Service</a></li>
                                <li><a href="#">Shipping & Returns</a></li>
                                <li><a href="#">Track Your Order</a></li>
                                <li><a href="#">Help Center</a></li>
                                <li><a href="#">Store Location</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-4 col-auto">
                    <div class="footer-block">
                        <div class="footer-block-title">Customer Services</div>

                        <div class="footer-block-content">
                            <ul class="links-footer">
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Comming Soon</a></li>
                                <li><a href="#">Customer Services</a></li>
                                <li><a href="#">Track Your Order</a></li>
                                <li><a href="#">Magento Support</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-4 col-auto">
                    <div class="footer-block">
                        <div class="footer-block-title">Contact Us</div>

                        <div class="footer-block-content">
                            <ul class="links-footer">
                                <li><a href="#">Customer Service</a></li>
                                <li><a href="#">Shipping & Returns</a></li>
                                <li><a href="#">Track Your Order</a></li>
                                <li><a href="#">Help Center</a></li>
                                <li><a href="#">Store Location</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-12 ">
                    <div class="footer-block ft-newsletter">
                        <div class="footer-block-title">Join Our Newsletter</div>

                        <div class="footer-block-content">
                            <div class="newsletter-footer">
                                <div class="newsletter-form">
                                    {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-footer.phtml"}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>