<footer>
    <div class="footer-rect">
        <img src="images/lines/rectangle-3.png" data-at2x="images/lines/rectangle-3@2x.png" alt>
    </div>

    <!-- footer top -->
    <div class="footer-section">
        <div class="container">
            <div class="row">

                <!-- footer about -->

                <div class="col-md-4 col-xs-12 mb-lg-30">
                    <div class="footer-about align-center">
                        <h3 class="footer-title font-alt">About Relish</h3>
                        <div class="img-line">
                            <img src="images/lines/img-line-40.png" data-at2x="images/lines/img-line-40@2x.png" alt>
                        </div>
                        <p class="align-left mb-40">Lorem ipsum dolor sit amet, consectetuer adipiscing no. Aenean comodo ligula eget dolor. Senean masas, cum sociis natoque nean comodo.</p>
                        <h3 class="footer-title-small font-alt">NEWSLETTER SIGNUP</h3>
                        <form class="form">
                            <input type="email" class="input-sm mb-20" value="" placeholder="Your Email">
                            <button class="button small button-newsletter" name="submit" type="submit">OK</button>
                        </form>
                    </div>
                </div>

                <!-- / footer about -->

                <!-- footer tweets -->

                <div class="col-md-4 col-xs-12 mb-lg-30">
                    <div class="footer-tweets align-center">
                        <h3 class="footer-title font-alt">Latest Tweets</h3>
                        <div class="img-line">
                            <img src="images/lines/img-line-40.png" data-at2x="images/lines/img-line-40@2x.png" alt>
                        </div>
                        <div class="twitter-footer align-left"></div>
                    </div>
                </div>

                <!-- / footer tweets -->

                <!-- footer contacts -->

                <div class="col-md-4 col-xs-12 mb-lg-30">
                    <div class="footer-contact align-center">
                        <h3 class="footer-title font-alt">Contacts</h3>
                        <div class="img-line">
                            <img src="images/lines/img-line-40.png" data-at2x="images/lines/img-line-40@2x.png" alt>
                        </div>
                        <p>Little Lonsdale St, Talay Victoria 8011 Philippines</p>
                        E-mail: <a href="#">mail@mail.com</a><br />
                        Tel: <a href="#">+4723-000-5555</a><br />
                        Fax: <a href="#">+4723-000-5556</a>
                        <h3 class="footer-title-small font-alt">Working Hours</h3>
                        Mon - Fr: 9:00 - 19:00 <br />
                        Sat: 10:00 - 15:00
                    </div>
                </div>

                <!-- / footer contacts -->

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

    <!-- / footer top -->

    <!-- footer bottom -->

    <div class="bottom-footer">
        <div class="container">

            <!-- footer copy -->

            <div class="footer-copy">
                Copyright © 2024 YogiBoook. All rights reserved. Terms of Use l Privacy Policy
            </div>

            <!-- / footer copy -->

            <!-- footer social -->

            <div class="footer-soc-links">
                <a href="#">
                    <i class="flaticon-social"></i>
                </a>
                <a href="#">
                    <i class="flaticon-social-4"></i>
                </a>
                <a href="#">
                    <i class="flaticon-social-5"></i>
                </a>
                <a href="#">
                    <i class="flaticon-connection"></i>
                </a>
                <a href="#">
                    <i class="flaticon-social-2"></i>
                </a>

            </div>

            <!-- / footer social -->

        </div>
    </div>



    <!-- / footer bottom -->

</footer>