Current File : /home/quantums/alhidayamaintenance.com/wp-content/themes/eyecraftersny-child/page-services.php

<?php
/**
 * The template name:services page
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

get_header();
?>
<div id="page" class="single">
   <section class="page-header">
      <div class="container">
         <h2 class="page-title"><?php the_title(); ?></h2>
      </div>
   </section>
   <article class="article svwrap">
      <div id="content_box">
         <div id="post-27" class="g post post-27 page type-page status-publish">
            <div class="single_page">
               <div class="post-content">
                  <div class="dm-service-section">
                     <div class="dm-container">
                        <div class="dm-flex">
                           <div class="dm-half wow fadeInLeft dm-space top-section animated" style="visibility: visible; animation-name: fadeInLeft;">
                              <ul class="columns no-checkboxes topsec">
                                 <?php if( have_rows('service_item' , get_the_ID()) ): $count = 1; ?>
								 <?php while( have_rows('service_item' , get_the_ID()) ) : the_row(); ?>
								 <li><a class="scrollTo" href="#hidaya_<?php echo $count; ?>"><?php the_sub_field('name'); ?></a></li>
								 <?php $count++; endwhile; ?>
                                 <?php endif; ?>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
				  <?php if( have_rows('service_item' , get_the_ID()) ): $count = 1; ?>
				  <?php while( have_rows('service_item', get_the_ID()) ) : the_row(); 
				  $image = get_sub_field('images');
				  ?>
                  <div class="dm-service-section" id="hidaya_<?php echo $count; ?>">
                     <div class="dm-container">
                        <div class="dm-flex">
                           <div class="dm-half wow fadeInRight animated" style="visibility: visible; animation-name: fadeInLeft;"><?php echo wp_get_attachment_image( $image, 'full' ); ?></div>
                           <div class="dm-half wow fadeInLeft dm-space animated" style="visibility: visible; animation-name: fadeInRight;" >
                              <span class="anchor-fix"></span>
                              <p></p>
                              <h3><?php the_sub_field('name'); ?></h3>
                              <p><?php the_sub_field('content'); ?></p>
                              <p><a href="/appointments/" class="btn"><i class="fa fa-calendar" aria-hidden="true"></i> Request An Appointment</a></p>
                           </div>
                        </div>
                     </div>
                  </div>
				  <?php $count++; endwhile; ?>
				 <?php endif; ?>
               </div>
            </div>
         </div>
      </div>
   </article>
   <!--< ?php get_sidebar(); ?>-->
   <div class="clear"></div>
</div>
<?php 
get_footer();
?>
   <script type="text/javascript">
	$('.scrollTo').click(function(){
		$('html, body').animate({
			scrollTop: $( $(this).attr('href') ).offset().top
		}, 900);
		return false;
	});
   </script>