bib_wp/abchospitalitynepal.com/wp-content/themes/abchospitality/page-distribution-locations.php

<?php
/**
 * Template Name: Championing Equity
 */
get_header(); ?>
<?php
while ( have_posts() ) :
the_post();?> 
<!-- BREADCRUMB AREA START -->
<div class="ltn__breadcrumb-area ltn__breadcrumb-area-2 ltn__breadcrumb-color-white bg-overlay-theme-black-90 bg-image"
    data-bg="img/bg/breadcrumb.png">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__breadcrumb-inner ltn__breadcrumb-inner-2 justify-content-between">
                    <div class="section-title-area ltn__section-title-2">
                        <h6 class="section-subtitle ltn__secondary-color">// Welcome to our ABC Hospitality</h6>
                        <h1 class="section-title white-color">Distribution Locations</h1>
                    </div>
                    <div class="ltn__breadcrumb-list">
                        <ul>
                            <li><a href="index.php">Home</a></li>
                            <li>Distribution Locations</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- BREADCRUMB AREA END -->

<!-- CONTACT ADDRESS AREA START -->
<div class="ltn__contact-address-area mb-90 mt-90">
    <div class="section-title-area ltn__section-title-2--- text-center">
        <h1 class="section-title" style="color:#017BAA">Our Distribution Locations</h1>
    </div>
    <div class="container">
        <div class="row">
        <?php
                                       
            if (have_rows('distribution_locations', 474)) :
            // Counter variable to keep track of the number of fields displayed
                      
            // Loop through the repeater field
            while (have_rows('distribution_locations', 474)) : the_row(); 
                                       ?>                         
            <div class="col-lg-4">
                <div class="ltn__contact-address-item ltn__contact-address-item-3 box-shadow">
                    <div class="ltn__contact-address-icon">
                        <img src="<?php the_sub_field('image')?>" alt="Icon Image">
                    </div>
                    <h3><?php the_sub_field('location')?></h3>
                </div>
            </div>
            <?php endwhile;
            endif; ?>
            
        </div>
    </div>
    <!-- GOOGLE MAP AREA START -->
    <div class="google-map mb-120">

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3531.7989378068237!2d85.29610266378477!3d27.723493540822663!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1893566e1b19%3A0xd2babe6b7135d434!2sBanasthali%2C%20Kathmandu%2044600!5e0!3m2!1sen!2snp!4v1703150823263!5m2!1sen!2snp"
            width="100%" height="100%" frameborder="0" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

    </div>
    <!-- GOOGLE MAP AREA END -->

</div>
<!-- CONTACT ADDRESS AREA END -->



<?php 
endwhile;
include('footer.php'); ?>