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

<?php
/**
 * The template name:homes 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="homepage">
   <div class="hide-xs">
      <div class="video_holder">
         <img src="<?php the_field('image')?>" alt="">
         <div class="carousel-caption">
            <h2 class="wow fadeInDown">Welcome To <span>AL HIDAYA BUILDING MAINTENANCE</span>  </h2>
            <!-- <a href="<?php echo home_url(); ?>/appointments/" class="fadeInUp wow"> Request Appointment </a> -->
         </div>
      </div>
   </div>
   <div class="hide-d">
      <p class="mobileBtn phoneBtn"><a href="tel:(718) 591-3000" onclick="ga('send.html', 'event.html', { eventCategory: 'Mobile.html', eventAction: 'CallUs.html', eventValue: 25});">Call Us: (718) 591-3000</a></p>
      <p class="mobileBtn"><a href="https://goo.gl/maps/fBUfKnC5S7WC2FHQ8" target="_blank" onclick="ga('send.html', 'event.html', { eventCategory: 'Mobile.html', eventAction: 'GetDirections.html', eventValue: 50});">Get Directions</a></p>
      <p class="mobileBtn"><a href="appointments.html" onclick="ga('send.html', 'event.html', { eventCategory: 'Mobile.html', eventAction: 'RequestAppointment.html', eventValue: 100});">Request an Appointment</a></p>
      <div class="header-social-icons">
         <a href="https://www.facebook.com/envisioneyecareny/" class="header-facebook" target="_blank"><span class="fa fa-facebook"></span></a>
         <a href="https://goo.gl/maps/YwVbowKyUV3ZcaHR6" class="header-google" target="_blank"><span class="fa fa-google"></span></a>
         <a href="https://www.yelp.com/biz/leonard-fuzaylov-od-envision-eyecare-flushing-2" class="header-yelp" target="_blank"><span class="fa fa-yelp"></span></a>
      </div>
   </div>
   <section class="welcome">
      <div class="container">
         <div class="row">
            <div class="middlewow fadeInRight wow">
                  <?php the_content(); ?>
            </div>
         </div>
      </div>
   </section>

</div>
   <!-- <div class="gallery-section">
      <div class="container">
	    <?php $images = get_field('gallery'); $size = 'full'; 
		 if( $images ): ?>
		  <?php foreach( $images as $image_id ): ?>
         <div class="images wow fadeIn">
            <?php echo wp_get_attachment_image( $image_id, $size ); ?>
         </div>
		 <?php endforeach; ?>
		 <?php endif; ?>
      </div>
   </div> -->
   
  <div class="homeServices">
   <div class="col-12">
      <div class="rtt">
         <h2 class=" text-center"><b>OUR SERVICES</b></h2>
      </div>
   </div>
   <div class="grid">
      <?php if( have_rows('services_home') ):
              while( have_rows('services_home') ) : the_row();
			  $title_name = get_sub_field('title_name');
			  $image = get_sub_field('image');
			  $url = get_sub_field('url');
		?>
         <figure class="effect- wow fadeIn">
            <a href="<?php echo $url; ?>">
               <div class="simg" style="background-image: url(<?php echo $image; ?>"></div>
               <figcaption>
                  <h2><?php echo $title_name; ?></h2>
                  <p>   </p>
               </figcaption>
            </a>
         </figure>
		 <?php endwhile;
		       endif;
		 ?>
      </div>
   </div>
</div>
<?php 
get_footer();