<section>
    <div class="boxs-footer01">
        <div class="box-footer01">
            <h1 class="logo-footer01">Logo</h1>
            <div class="icon-footer01">
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-twitter-square"></i></a>
                <a href="#"><i class="fab fa-github"></i></a>
                <a href="#"><i class="fab fa-linkedin"></i></a>
            </div>
        </div>
        <div class="box-footer01">
            <p class="cata-footer01">Quick Links</p>
            <p id="main-sub-footer01" class="sub-footer01"><a href="#">Home</a></p>
            <p class="sub-footer01"><a href="#">About Us</a></p>
            <p class="sub-footer01"><a href="#">Services</a></p>
            <p class="sub-footer01"><a href="#">Contact Us</a></p>
        </div>
        <div class="box-footer01">
            <p class="cata-footer01">Policy</p>
            <p id="main-sub-footer01" class="sub-footer01"><a href="#">Privacy Policy</a></p>
            <p class="sub-footer01"><a href="#">Trems & Condition</a></p>
        </div>
    </div>
    <div class="last-box-footer01">
        <p class="copyright-footer01">Copyright &copy; 2021 example.com</p>
    </div>
</section>

Advertisement

<footer class="full-footer001">
    <div class="logo-footer001">
        <h1>Logo</h1>
    </div>
    <div class="icon-footer001">
        <a href="#"><i class="fab fa-facebook"></i></a>
        <a href="#"><i class="fab fa-twitter-square"></i></a>
        <a href="#"><i class="fab fa-github"></i></a>
        <a href="#"><i class="fab fa-linkedin"></i></a>
    </div>
    <hr class="hr-footer001">
    <div class="copyright-footer001">
        <p>Copyright &copy; 2021 example.com</p>
    </div>
</footer>

Advertisement

<footer>
    <div class="all-box-footer31">
        <div class="boxs-footer31">
            <div class="box-footer31">
                <h1 class="logo-footer31">LOGO</h1>
                <div class="icon-footer31">
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-twitter-square"></i></a>
                    <a href="#"><i class="fab fa-github"></i></a>
                    <a href="#"><i class="fab fa-linkedin"></i></a>
                </div>
            </div>
            <div class="box-footer31">
                <p class="bottom-main-p-footer31">Support</p>
                <p class="bottom-p1-footer31"><a href="#">FAQ</a></p>
                <p class="bottom-p2-footer31"><a href="#">Privacy Policy</a></p>
                <p class="bottom-p3-footer31"><a href="#">Trems & Condition</a></p>
                <p class="bottom-p4-footer31"><a href="#">Cookie Policy</a></p>
            </div>
            <div class="box-footer31">
                <p class="bottom-main-p-footer31">Quick Links</p>
                <p class="bottom-p1-footer31"><a href="#">Home</a></p>
                <p class="bottom-p2-footer31"><a href="#">About Us</a></p>
                <p class="bottom-p3-footer31"><a href="#">Services</a></p>
                <p class="bottom-p4-footer31"><a href="#">Contact Us</a></p>
            </div>
            <div class="box-footer31">
                <p class="bottom-main-p-footer31">Subscribe</p>
                <form class="form-footer31" action="#">
                    <input class="name-footer31" type="text" placeholder="Full Name" required><br>
                    <input class="email-footer31" type="email" placeholder="E-mail Address" required><br>
                    <input class="button-footer31" type="button" value="Submit">
                </form>
            </div>
        </div>
        <div class="copyrigth-footer31">
            <p>Copyright &copy; 2021 example.com</p>
        </div>
    </div>
</footer>

Advertisement

<footer>
    <div class="all-box-footer41">
        <div class="boxs-footer41">
            <div class="box-footer41">
                <h1 class="logo-footer41">LOGO</h1>
                <div class="email-phone-footer41">
                    <a href = "mailto: [email protected]"><b>E-mail -</b> [email protected]</a><br>
                    <a href="tel:5551234567"><b>Phone -</b> (555) 555-1234</a>
                </div>
            </div>
            <div class="box-footer41">
                <p class="bottom-main-p-footer41">Support</p>
                <p class="bottom-p1-footer41"><a href="#">FAQ</a></p>
                <p class="bottom-p2-footer41"><a href="#">Privacy Policy</a></p>
                <p class="bottom-p3-footer41"><a href="#">Trems & Condition</a></p>
                <p class="bottom-p4-footer41"><a href="#">Cookie Policy</a></p>
            </div>
            <div class="box-footer41">
                <p class="bottom-main-p-footer41">Quick Links</p>
                <p class="bottom-p1-footer41"><a href="#">Home</a></p>
                <p class="bottom-p2-footer41"><a href="#">About Us</a></p>
                <p class="bottom-p3-footer41"><a href="#">Services</a></p>
                <p class="bottom-p4-footer41"><a href="#">Contact Us</a></p>
            </div>
            <div class="box-footer41">
                <p class="bottom-main-p-footer41">Subscribe</p>
                    <input class="email-footer41" type="email" placeholder="E-mail Address" required>
                    <input class="button-footer41" type="button" value="Send">
                <div class="icon-footer41">
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-twitter-square"></i></a>
                    <a href="#"><i class="fab fa-github"></i></a>
                    <a href="#"><i class="fab fa-linkedin"></i></a>
                </div>
            </div>
        </div>
        <div class="copyrigth-footer41">
            <p>Copyright &copy; 2021 example.com</p>
        </div>
    </div>
</footer>
<footer>
    <div class="main-footer51">
        <div class="all-box-footer51">
            <div class="boxs-footer51">
                <div id="box-footer51" class="box-footer51">
                    <div class="under-box1-footer51">
                        <h1 class="logo-footer51">LOGO</h1>
                        <div class="mobile-p-about-footer51">
                            <p class="about-p-footer51">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                Eius odit
                                eum
                                amet perspiciatis. Ipsa, ad reiciendis error, accusantium assumenda voluptatum
                                quidem
                                architecto iure consequatur animi nemo quis odit voluptatibus aliquid voluptatem
                                quam non
                                necessitatibus? Laudantium, nulla rerum perspiciatis excepturi, aliquam molestiae
                                unde
                                minima soluta enim fugiat vel accusamus eius suscipit!</p>
                        </div>
                        <div class="icon-dooter51">
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-twitter-square"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                        </div>
                    </div>
                </div>
                <div class="box-footer51">
                    <div class="all-under-box-footer51">
                        <div class="under-boxs-footer51">
                            <div class="under-box-footer51">
                                <p class="bottom-main-p-footer51">Support</p>
                                <p class="bottom-p1-footer51"><a href="#">FAQ</a></p>
                                <p class="bottom-p2-footer51"><a href="#">Privacy Policy</a></p>
                                <p class="bottom-p3-footer51"><a href="#">Trems & Condition</a></p>
                                <p class="bottom-p4-footer51"><a href="#">Cookie Policy</a></p>
                            </div>
                            <div class="under-box-footer51">
                                <p class="bottom-main-p-footer51">Quick Links</p>
                                <p class="bottom-p1-footer51"><a href="#">Home</a></p>
                                <p class="bottom-p2-footer51"><a href="#">About Us</a></p>
                                <p class="bottom-p3-footer51"><a href="#">Services</a></p>
                                <p class="bottom-p4-footer51"><a href="#">Contact Us</a></p>
                            </div>
                            <div class="under-box-footer51">
                                <p class="bottom-main-p-footer51">Industries</p>
                                <p class="bottom-p1-footer51"><a href="#">Finance</a></p>
                                <p class="bottom-p2-footer51"><a href="#">Public Sector</a></p>
                                <p class="bottom-p3-footer51"><a href="#">Smart Office</a></p>
                                <p class="bottom-p4-footer51"><a href="#">Retail</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="hr-footer51">
            <div class="copyright-footer51">
                <p>Copyright &copy; 2021 example.com</p>
            </div>
        </div>
    </div>
</footer>