family-moments-photoshoot-portfolio.php<!DOCTYPE html>
<html lang="en">

<?php include './partials/head.php' ?>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <?php include './partials/preloader.php' ?>
        <!-- end preloader -->
        <!-- Start header -->
        <?php
        $HeaderStyle = 'wpo-header-style-1';
        ?>
        <?php include './partials/header.php' ?>
        <!-- end of header -->
        <!-- start of hero -->
        <?php
        $mainTitle = 'Portfolio Grid';
        $Title = 'Home';
        $Title2 = 'Portfolio';
        ?>
        <?php include './partials/page-header.php' ?>
        <!-- end of hero slider -->

        <!-- start wpo-portfolio-section -->
        <section class="wpo-portfolio-section-s2 section-padding" id="gallery">
            <div class="container-fluid">
                <div class="wpo-section-title">
                    <h4 class="poort-text poort-in-right">Sweet Memories</h4>
                    <h2 class="poort-text poort-in-right">Our Captured Moment</h2>
                </div>
                <div class="gallery-main-wrap">
                    <div class="sortable-gallery">
                        <div class="portfolio-top">
                            <div class="line">
                                <svg height="127" viewBox="0 0 1920 127" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M-6 1C173.333 95 814 226.6 1942 1" stroke="#CAA6C7" stroke-width="2" />
                                </svg>
                            </div>
                            <div class="portfolio-grids clearfix">
<?php
$dir = 'assets/images/portfolio/family shoots';
$images = array_diff(scandir($dir), array('..', '.'));
foreach ($images as $img) {
    $imgPath = $dir . '/' . $img;
    $ext = strtolower(pathinfo($imgPath, PATHINFO_EXTENSION));
    if (in_array($ext, ['jpg', 'jpeg', 'png', 'gif'])) {
?>
    <div class="grid">
        <div class="img-holder">
            <a href="<?php echo $imgPath; ?>" class="fancybox" data-fancybox-group="gall-1">
                <img src="<?php echo $imgPath; ?>" alt class="img img-responsive">
                <div class="hover-content">
                    <i class="ti-plus"></i>
                </div>
            </a>
        </div>
        <div class="clothespin">
            <img src="assets/images/portfolio/clothespin.png" alt="">
        </div>
    </div>
<?php
    }
}
?>
                            </div>
                        </div>
                    </div>
                </div>

            </div> <!-- end container -->
        </section>
        <!-- end wpo-portfolio-section -->

        <!-- start wpo-partners-section -->
        <section class="wpo-partners-section section-padding pt-0">
            <h2 class="hidden">Partners</h2>
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="partner-grids partners-slider owl-carousel">
                            <div class="grid">
                                <img src="assets/images/partners/1.png" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/2.png" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/3.png" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/4.png" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/5.png" alt>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end wpo-partners-section-->

        <!-- start of wpo-site-footer-section -->
        <?php
        $FooterStyle = 'wpo-site-footer';
        ?>
        <?php include './partials/footer.php' ?>
        <!-- end of wpo-site-footer-section -->

    </div>
    <!-- end of page-wrapper -->

    <?php include './partials/script.php' ?>
</body>

</html>