<?php get_header(); ?>

	<section class="ftco-section-no-padding bg-light">
		<div class="hero-wrap">
			<div class="overlay"></div>
				<div class="d-flex align-items-center js-fullheight">
					<div class="author-image text img d-flex">
						<section class="home-slider js-fullheight owl-carousel">

						<?php if( have_rows('slider') ):
							while ( have_rows('slider') ) : the_row();
								$sub_value1 = get_sub_field('image_1');
								$sub_value2 = get_sub_field('image_2');
								$sub_value3 = get_sub_field('image_3');
						?>

								<div class="slider-item js-fullheight" style="background-image: url('<?php echo $sub_value1['url'] ?>');"></div>
								<div class="slider-item js-fullheight" style="background-image: url('<?php echo $sub_value2['url'] ?>');"></div>
								<div class="slider-item js-fullheight" style="background-image: url('<?php echo $sub_value3['url'] ?>');"></div>

								<?php
									endwhile;
								else :
									// no rows found
								endif; ?>
					    </section>
					</div>
					<div class="author-info text p-3 p-md-5">
						<div class="desc" style=" width: 100%; height: 500px; text-align:justify;">

							<h1 class="big-letter"><?php echo get_field('heading') ?></h1>
							<h1 class="mb-4" style="font-size: 2rem;"><?php echo get_field('heading') ?> </h1>
							<h2><span><?php echo get_field('sub_heading') ?></span></h2>									
							<p class="mb-4 ftco-animate"> <?php echo the_content(); ?> </p>
							<h3 class="signature h1" style="font-size: 2.5rem;"><?php echo get_field('signature') ?></h3>
						<!-- </div> -->
								
	            	</div>
				</div>
			</div>
		</div>
    </section>           


	<?php get_footer(); ?>