<?php
    /*
    Template Name: Mission & Vision
    */
    get_header();
?>

<!--=================================
About -->
<section class="space-pt">
    <div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-9">
        <div class="section-title text-center">
            <h2><?php echo get_field('mission_&_vision_section_title'); ?></h2>
            <p><?php echo get_field('mission_&_vision_section_content'); ?></p>
        </div>
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-sm-6 mb-4 mb-sm-0">
        <div class="feature-info feature-info-style-02 bg-dark text-white">
            <div class="feature-info-icon">
            <i class="flaticon-eye text-white"></i>
            <h4 class="mb-0 ml-4 feature-info-title text-white"><?php echo get_field('vision_title'); ?></h4>
            </div>
            <div class="feature-info-content">
            <p class="mb-0"><?php echo get_field('vision_content'); ?></p>
            </div>
        </div>
        </div>
        <div class="col-sm-6">
        <div class="feature-info feature-info-style-02 bg-primary text-white">
            <div class="feature-info-icon">
            <i class="flaticon-target text-white"></i>
            <h4 class="mb-0 ml-4 feature-info-title text-white"><?php echo get_field('mission_title'); ?></h4>
            </div>
            <div class="feature-info-content">
            <p class="mb-0"><?php echo get_field('mission_content'); ?></p>
            </div>
        </div>
        </div>
    </div>
    </div>
</section>
<!--=================================
About -->

<!--=================================
About -->
<section>
    <div class="container-fluid p-0">
    <div class="row no-gutters">
        <div class="col-sm-12">
        <img class="img-fluid" src="<?php bloginfo('template_url'); ?>/images/bg/07.png" alt="">
        </div>
    </div>
    </div>
</section>
<!--=================================
About -->

<!--=================================
About -->
<section class="space-ptb">
    <div class="container">
        <div class="row d-lg-flex align-items-center justify-content-center pb-4 pb-md-5">
            <div class="col-lg-6">
                <h2 class="mb-3 mb-lg-0"><?php echo get_field('reason_section_title'); ?></h2>
            </div>
            <div class="col-lg-6 text-lg-right">
                <a href="#" class="btn btn-light-round btn-round w-space">Let’s Get Started<i class="fas fa-arrow-right pl-3"></i></a>
            </div>
        </div>
        <div class="row">
            <?php if( have_rows('reason_list') ): ?>
                            
                <?php while( have_rows('reason_list') ): the_row(); 
                    $reason_image = get_sub_field('reason_image');
                    $reason_title = get_sub_field('reason_title');
                    $reason_content = get_sub_field('reason_content');
                ?>
                    <div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
                        <div class="feature-info feature-info-style-07">
                            <div class="feature-info-img">
                                <img class="img-fluid" src="<?php echo $reason_image; ?>" alt="">
                            </div>
                            <div class="feature-info-content">
                            <h4 class="feature-info-title"><?php echo $reason_title; ?></h4>
                                <p><?php echo $reason_content; ?></p>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
                
            <?php endif; ?>        
        </div>
    </div>
</section>
<!--=================================
About -->

<!--=================================
Action Box -->
<section class="space-pb dark-background">
    <div class="container">
    <div class="bg-dark text-center rounded py-5 px-3">
        <h2 class="text-white"><?php echo get_field('idea_section_title', 15); ?></h2>
        <h6 class="text-white"><?php echo get_field('idea_section_subtitle', 15); ?></h6>
        <a href="<?php bloginfo('url'); ?>/contact" class="btn btn-primary-round btn-round mx-0 mx-md-3 text-white">Let’s Get Started<i class="fas fa-arrow-right pl-3"></i></a>
    </div>
    </div>
</section>
<!--=================================
Action Box -->

<?php
    get_footer();
?>