/*
 * Template Name: Multi-Site Landing Page
 *
 * Primary landing page template (displays links to internal sites)
 */
get_header();
?>
    <section id="landing-banner">
    	<ul>
        	<li>
            	<div class="banner-image" style="background-image:url(<?php 
echo get_acf_image('banner_image', 'banner-landing');
?>
);"  title="<?php 
echo htmlentities(get_acf_image_alt('banner_image'));
?>
" /></div>
                <div class="banner-text">
                	<div class="wrap">
                    	<div class="text-box">
                        	<div class="text-box-wrap">
                            	<h3><?php 
the_field('heading');
?>
</h3>
                        		<p><?php 
the_field('sub-heading');
?>
</p>
                            </div>
    ?>
>
  <div class="wrap-larg">
      <div class="bg-wrapper hidden-s"><div class="inner-wrap"><div class="circle-bg"></div></div></div>

      <ul id="training">
        <?php 
    while (have_rows('slides')) {
        the_row();
        ?>
          <li>
              <div class="clearfix main-wrap">
                  <div class="pull-right box-one">
                    <?php 
        // use image ALT if provided; otherwise use the title
        $image_alt = get_acf_image_alt(get_sub_field('image'));
        $alt = empty($image_alt) ? get_sub_field('title') : $image_alt;
        ?>
                      <img src="<?php 
        echo get_acf_image(get_sub_field('image'), 'featured-content-thumb');
        ?>
"  alt="<?php 
        echo htmlentities($alt);
        ?>
" />
                    </div><!--right-->
                    <div class="pull-left box-two">
                      <h3><?php 
        echo get_sub_field('category');
        ?>
</h3>
            $slides = 0;
            if (have_rows('carousel_images')) {
                ?>
    <section id="product-detail" class="pg-module">
        <ul id="product-carousel">

          <?php 
                while (have_rows('carousel_images')) {
                    the_row();
                    ?>
            <li>
                <img src="<?php 
                    echo get_acf_image(get_sub_field('product_image'), 'product-thumbnail');
                    ?>
" alt="<?php 
                    echo get_acf_image_alt(get_sub_field('product_image'));
                    ?>
" />
                <?php 
                    /* Removed <h5><?php echo get_sub_field('product_name');?></h5>
                       <span><?php echo get_sub_field('product_model_name');?></span> */
                    ?>
            </li>
          <?php 
                    $slides++;
                }
                $slidenum = $slides - 1;
                ?>

        </ul>
    </section>