<?php /*  Template Name: Page - Homepage */ ?>
<?php get_header(); ?>

	<div class="content">
    <?php if (have_posts()) { while (have_posts()) : the_post(); ?>
    	<div class="slider-container">
        	<?php putRevSlider( 'homepage-slider' ); ?>
            <div class="slider-overlay-container">
                <div class="positioned-container center-vertical-horizontal-align">
                    <h1><?php echo get_post_meta( get_the_ID(), 'homepage_slider_text_header', true ); ?></h1>
                    <h3><?php echo get_post_meta( get_the_ID(), 'homepage_slider_text_subheader', true ); ?></h3>
                    <a class="btn-hover"><?php echo get_post_meta( get_the_ID(), 'homepage_slider_text_button', true ); ?></a>
                </div>
            </div>
        </div>
        <ul class="services-container clearfix">
        	<li class="equal-height">
            	<a class="clearfix btn-hover" href="https://hosekdentistry.com/services/#1475861115950-fe7a4bf8-6c9c">
                	<span class="services-icon-container middle-vertical-align">
                    	<img src="<?php bloginfo('template_directory');?>/images/implant-icon.png" />
                    </span>
                    <span class="services-text-container">
                    	<h4><?php echo get_post_meta( get_the_ID(), 'homepage_first_service_header', true ); ?></h4>
                        <?php if ( '' != get_post_meta( get_the_ID(), 'homepage_first_service_text', true ) ) {
                            echo get_post_meta( get_the_id(), 'homepage_first_service_text', true );	
                        } ?>
                    </span>
                </a>
            </li>
            <li class="equal-height">
            	<a class="clearfix btn-hover" href="https://hosekdentistry.com/services/same-day-cerec-crowns/">
                	<span class="services-icon-container middle-vertical-align">
                    	<img src="<?php bloginfo('template_directory');?>/images/crowns-icon.png" />
                    </span>
                    <span class="services-text-container">
                    	<h4><?php echo get_post_meta( get_the_ID(), 'homepage_second_service_header', true ); ?></h4>
                        <?php if ( '' != get_post_meta( get_the_ID(), 'homepage_second_service_text', true ) ) {
                            echo get_post_meta( get_the_id(), 'homepage_second_service_text', true );	
                        } ?>
                    </span>
                </a>
            </li>
            <li class="equal-height">
            	<a class="clearfix btn-hover" href="https://hosekdentistry.com/services/#1475783742420-e426adea-f550">
                	<span class="services-icon-container middle-vertical-align">
                    	<img src="<?php bloginfo('template_directory');?>/images/cosmetic-icon.png" />
                    </span>
                    <span class="services-text-container">
                    	<h4><?php echo get_post_meta( get_the_ID(), 'homepage_third_service_header', true ); ?></h4>
                        <?php if ( '' != get_post_meta( get_the_ID(), 'homepage_third_service_text', true ) ) {
                            echo get_post_meta( get_the_id(), 'homepage_third_service_text', true );	
                        } ?>
                    </span>
                </a>
            </li>
        </ul>
        <div class="styling-content">
            <div class="contentdiv">
                <?php the_content(); ?>
            </div>
				<?php endwhile; } else { ?>
            <div class="contentdiv">
                <h1>Post not found</h1>
                <p>Sorry, no posts matched your criteria.</p>
            </div>
        </div>
    <?php } ?>
    </div>

<?php get_footer(); ?>