<?php
/*
*Template Name: portfolio
*/
get_header();
?>
    <!-- Breadcrumb Begin -->
    <div class="breadcrumb-option spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="bo-links">
                        <a href="https://ovalmattress.com/"><i class="fa fa-home"></i> Home</a>
                        <span>Portfolio</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb End -->


                    <?php 
$images = get_field('images-portfolio');
$size = 'full'; 
if( $images ): ?>
    <section class="portfolio-section ">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h2>IMAGING</h2>
                        <p class=" text-center">all images of matters</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 p-0">
                    <div class="portfolio-filter">
        <?php foreach( $images as $image_id ): ?>
            <?php 
            $imageUrlFull = wp_get_attachment_image_url(  $image_id, 'full' ) ?> 
            <a href="<?php echo $imageUrlFull; ?>" data-fancybox="gallery" class="pf-item set-bg" >
                <img src="<?php echo $imageUrlFull; ?>" />
            </a>
        <?php endforeach; ?>
        </div>
                </div>
            </div>
        </div>
        
    </section>
    <!-- Portfolio Section End -->
<?php endif; ?>
                
<?php get_footer(); ?>