<!-- Start Footer 
    ============================================= -->
    <footer class="bg-dark text-light">
        <!-- Fixed Shape -->
        <div class="fixed-shape">
            <img src="<?php echo get_template_directory_uri() ?>/assets/img/shape/2.png" alt="Shape">
        </div>
        <!-- Fixed Shape -->
        <div class="container">
            <div class="f-items default-padding">
                <div class="row">
                    <!-- Single Itme -->
                    <div class="col-lg-4 col-md-6 item">
                        <div class="f-item about">
                            <p>
                                Happen active county. Winding for the morning am shyness evident to poor. Garrets
                                because elderly new to the point.
                            </p>
                            <form action="#">
                                <input type="email" placeholder="Your Email" class="form-control" name="email">
                                <button type="submit"> Subscribe</button>
                            </form>
                        </div>
                    </div>
                    <!-- End Single Itme -->

                    <!-- Single Itme -->
                    <div class="col-lg-2 col-md-6 item">
                        <div class="f-item link">
                            <h4 class="widget-title">Explore</h4>
                            <ul>
                                <li>
                                    <a href="<?php echo site_url() ?>/about-us/">About Us</a>
                                </li>
                                
                                <li>
                                    <a href="<?php echo site_url() ?>/blog">News & Events</a>
                                </li>
                                <li>
                                    <a href="<?php echo site_url() ?>/contact-us/">Contact Us</a>
                                </li>
                                <li>
                                    <a href="<?php echo site_url() ?>/careers">Careers</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Itme -->

                    <!-- Single Itme -->
                    <div class="col-lg-3 col-md-6 item">
                        <div class="f-item recent-post">
                            <h4 class="widget-title">Recent Posts</h4>
                            <ul>
                                <?php 
                                $recent_posts_query = new WP_Query(array(
									'posts_per_page' => 2, // Change this number to show more or fewer posts
									'post_status'    => 'publish'
								));
                                if ($recent_posts_query->have_posts()) :
									while ($recent_posts_query->have_posts()) : $recent_posts_query->the_post(); ?>
                                
                                <li>
                                    <div class="thumb">
                                        <a href="<?php the_permalink(); ?>">
                                            <img src="<?php the_post_thumbnail_url(); ?>" alt="Thumb">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                        <div class="meta-title">
                                            <span class="post-date"><?php echo get_the_date('d M, Y'); ?></span>
                                        </div>
                                    </div>
                                </li>
                                <?php endwhile;
									wp_reset_postdata(); // Reset post data after the loop
								else : ?>
									<li>No recent posts available.</li>
								<?php endif; ?>

                                
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Itme -->

                    <!-- Single Itme -->
                    <div class="col-lg-3 col-md-6 item">
                        <div class="f-item">
                            <h4 class="widget-title">Contact Info</h4>
                            <div class="address">
                                <ul>
                                    <li>
                                        <strong>Head Office: </strong>
                                        73, Naramminiya Road, Kelaniya, Sri Lanka
                                    </li>
                                    <li>
                                        <strong>Manufacturing Site: </strong>
                                        Kakalana, Kotiyagala, Monaragala, Sri Lanka
                                    </li>
                                    <li>
                                        <strong>Email: </strong>
                                        <a href="mailto:info@staragri.lk">info@staragri.lk</a>
                                    </li>
                                    <li>
                                        <strong>Tel: </strong>
                                        <a href="tel:+94 112 906088"> +94 112 906088</a>
                                    </li>
                                    <li>
                                        <strong>Fax: </strong>
                                        <a href="tel:+94 112 906166"> +94 112 906166</a>
                                    </li>
                                    <li>
                                        <strong>Mobile/ WhatsApp: </strong>
                                        <a href="tel:+94 773 959397"> +94 773 959397</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="social">
                                <ul>
                                    <li class="facebook">
                                        <a href="https://www.facebook.com/profile.php?id=61550663816034" target="_balnk">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Single Itme -->
                </div>
            </div>
        </div>
        <!-- Start Footer Bottom -->
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>Copyright &copy; 2024. <a href="#"></a></p>
                    </div>
                    <div class="col-md-6 text-right link">
                        <ul>
                            <li>
                                <a href="#">Terms</a>
                            </li>
                            <li>
                                <a href="#">Privacy</a>
                            </li>
                            <li>
                                <a href="#">Support</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Bottom -->
    </footer>
    <!-- End Footer -->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery-1.12.4.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/popper.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/bootstrap.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/equal-height.min.html"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery.appear.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery.easing.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery.magnific-popup.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/modernizr.custom.13711.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/owl.carousel.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/wow.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/progress-bar.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/isotope.pkgd.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/count-to.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/YTPlayer.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery.nice-select.min.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/bootsnav.js"></script>
    <script src="<?php echo get_template_directory_uri() ?>/assets/js/main.js"></script>

<?php wp_footer(); ?>

</body>
</html>
