footer.php

<footer id="footer">
        <div class="footer-overlay">
            <div class="footer-content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="footer-logo">
                                <a href="index.html">
                                    <img src="img/index/footer-logo.png" alt="logo">
                                </a>
                            </div>
                            <!--end of footer-logo-->
                            <div class="footer-text">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <!--end of footer text-->
                            <div class="footer-subscribe">
                                <form>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">Email address</label>
                                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                                    </div>
                                </form>
                            </div>
                            <!--end of footer-subscribe-->
                            <div class="footer-social-icons">
                                <h4>Follow Us</h4>
                                <ul class="list-inline">
                                    <li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                    <li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                    <li><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                                    <li><a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                            <!--end of footer-social-icons-->
                        </div>
                        <!--end of col-md-3-->
                        <div class="col-md-2">
                            <div class="footer-quick-links footer-content-list-style ">
                                <h4>Quick Links</h4>
                                <ul>
                                    <li><a href="">Home</a></li>
                                    <li><a href="">Pages</a></li>
                                    <li><a href="">Service</a></li>
                                    <li><a href="">Case Studies</a></li>
                                    <li><a href="">Gallery</a></li>
                                    <li> <a href="">Blog</a></li>
                                    <li><a href="">Contact Us</a></li>
                                </ul>
                            </div>
                            <!--end of footer-quick-links-->
                        </div>
                        <!--end of col-md-2-->
                        <div class="col-md-2">
                            <div class="footer-catagories footer-content-list-style ">
                                <h4>Catagories</h4>
                                <ul>
                                    <li><a href=""> Life style</a></li>
                                    <li><a href="">Music</a></li>
                                    <li><a href="">trend</a></li>
                                    <li><a href="">food</a></li>
                                    <li> <a href="">Creative</a></li>
                                    <li><a href="">Social Us</a></li>
                                    <li><a href="">Technology</a></li>
                                </ul>
                            </div>
                            <!--end of footer-catagories-->
                        </div>
                        <!--end of col-md-2-->
                        <div class="col-md-5">
                            <div class="footer-recent-post">
                                <h4>Recent post</h4>
                                <div class="footer-recent-post-item post-of-week">
                                    <a href="blog-detail.html">
                                        <div class="footer-recent-post-contents post-of-week-contents">
                                            <img src="img/index/footer-recent-post.jpg" alt="Post of the week" class="img-responsive">
                                            <div class="footer-recent-post-text post-of-week-text">
                                                <p>7 Quick Tips For Ladies Fashion</p>
                                            </div>
                                            <!--end of footer-recent-post-text-->
                                        </div>
                                        <!--end of footer-recent-post-contents-->
                                    </a>
                                </div>
                                <!--end of post-of-week-->
                            </div>
                            <!--end of footer-recent-post-->
                        </div>
                        <!--end of col-md-5-->
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
                <div class="footer-bottom">
                    <p>Copyright & All Rights Reserved By Blog Site,Designed by <i> <a href="https://www.themerally.com/">ThemeRally</a></i></p>
                </div>
                <!--end of footer-bottom-->
            </div>
            <!--end of footer-content-->
        </div>
        <!--end of footer-overlay-->
    </footer>
    <!--end of footer section-->

    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>