<!DOCTYPE html>
<html lang="en-US" class="no-js">

<head>
    <?php
    $title = "Gallery | Ngaren Digital Limited";
    $description = "We provide leading solutions to agricultural.";
    $keywords = "Agriculture, Ecosystems , Improvement, Productivity, Product Images, Company Profile";
    ?>
    <?php include 'includes/head.php' ?>
</head>

<body>
    <!-- HEADER SECTION START-->
    <?php include 'includes/header.php' ?>
    <!-- HEADER SECTION END-->

    <!-- HERO SECTION START -->
    <div class="pages-hero about-hero">
            <div class="container">
                <div class="pages-title">
                    <h1> Gallery</h1>
                    <p>Solutions for the growing world.</p>
                </div>
            </div>
        </div>
    <!-- HERO SECTION END-->
    <!-- CONTENT START -->
    <section>
        <!-- PROJECT GRID START -->
        <div class="container mt-5 mb-5">
            <!--<div class="filter-container">-->
            <!--    <ul class="filter">-->
            <!--        <li class="active" data-filter="*">All</li>-->
            <!--        <li data-filter=".projects">Projects</li>-->
            <!--        <li data-filter=".cattle">Cattle</li>-->
            <!--        <li data-filter=".farm">Farm</li>-->
            <!--    </ul>-->
            <!--</div>-->
            <div class="grid grid-four-col" id="kehl-grid">
                <div class="grid-sizer"></div>
                <div class="grid-box projects">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-1.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-1.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box farm projects">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-2.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-2.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box projects farm">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-3.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-3.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box cattle">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-4.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-4.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box projects">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-5.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-5.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box farm cattle">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-6.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-6.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box projects farm">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-7.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-7.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box projects">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-8.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-8.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box cattle">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-9.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-9.jpg" alt="" />
                    </a>
                </div>
                <div class="grid-box farm">
                    <a class="image-popup-vertical-fit" href="images/gallery/gallery-10.jpg">
                        <div class="image-mask"></div>
                        <img src="images/gallery/gallery-10.jpg" alt="" />
                    </a>
                </div>
            </div>
        </div>
        <!-- PROJECT GRID END -->
    </section>
    <!-- CONTENT END -->

    <!-- FOOTER SECTION START-->
    <?php include 'includes/footer.php' ?>
    <!-- FOOTER SECTION END-->

    <!-- SCRIPT SECTION START-->
    <?php include 'includes/script.php' ?>
    <!-- SCRIPT SECTION END-->

</body>

</html>