<?php $__env->startSection('content'); ?>
<div id="video" class="uk-modal">
    <div class="uk-modal-dialog uk-modal-dialog-frameless" style="width:80%!important;">
        <a href="" class="uk-modal-close uk-close uk-close-alt" style="z-index:10000;"></a>
            <video class="video-testimonials" id="videoClip" style="top:0!important;" controls preload>
                <source src="<?php echo e(URL::asset('video/SGC_IvyKeyAppStoreHD.mp4')); ?>" type="video/mp4">
                Your browser does not support HTML5 video.
            </video>
    </div>
</div>
<div class="new_row">
    <div class="column-18 push-left-2 top_space">
        <div class="large_top_text" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">Tutoring has never been easier.</div>
        <div class="large_top_text" data-uk-scrollspy="{cls:'uk-animation-slide-left',delay:200, repeat: true}">Start learning today.</div>
        <div class="small_top_text" data-uk-scrollspy="{cls:'uk-animation-slide-left',delay:400, repeat: true}">Watch video
			<a href="#video" data-uk-modal><img src="<?php echo e(URL::asset('images/play.png')); ?>" alt=""></a>
        </div>
    </div>
</div>
<div class="new_row row-fixed">
    <div class="column-20">
        <img src="<?php echo e(URL::asset('images/top-image.jpg')); ?>" alt="">
    </div>
</div>
<div class="new_row title1">
    <div class="column-20" data-uk-scrollspy="{cls:'uk-animation-scale-down', repeat: true}">
        <p>Unlock Your Door to Success</p>
    </div>
</div>
<div class="new_row resizable home-resizable">
    <div class="column-5 over-hidden click1">
        <img src="<?php echo e(URL::asset('images/tutor1.jpg')); ?>" class="ovr" alt="">
        <div class="overlay">
            <div>
                <img src="<?php echo e(URL::asset('images/tutor-icon.png')); ?>" alt="">
                <a>Tutors</a>
            </div>
        </div>
    </div>
    <div class="column-5 over-hidden click2">
    	<img src="<?php echo e(URL::asset('images/3.jpg')); ?>" class="ovr" alt="">
        <div class="overlay">
            <div>
                <img src="<?php echo e(URL::asset('images/services.png')); ?>" alt="">
                <a>Services</a>
            </div>
        </div>
    </div>
    <div class="column-5 over-hidden click3">
        <img src="<?php echo e(URL::asset('images/1.jpg')); ?>" class="ovr" alt="">
        <div class="overlay">
            <div>
                <img src="<?php echo e(URL::asset('images/partnership.png')); ?>" alt="">
                <a>Partnership<br/>Programs</a>
            </div>
        </div>
    </div>
    <div class="column-5 over-hidden click4">
        <img src="<?php echo e(URL::asset('images/2.jpg')); ?>" class="ovr" alt="">
        <div class="overlay">
            <div>
                <img src="<?php echo e(URL::asset('images/products.png')); ?>" alt="">
                <a>Products</a>
            </div>
        </div>
    </div>
</div>
<div class="bigpic-mask">
    <div class="new_row show-room1">
        <div class="column-20">
            <img src="<?php echo e(URL::asset('images/tutorsBig.jpg')); ?>" alt="">
        </div>
        <div class="row-fixed-content mid_pic_text">
            <div class="column-6 push-left-2 over-stack">
                <div class="mid_pic_title">
                    <img src="<?php echo e(URL::asset('images/tutor-icon.png')); ?>" alt="">
                    <a>Tutors</a>

                    <p>The Ivy Key’s tutors have all graduated in the 95th percentile or above of Ivy League schools or institutions of equal caliber. Through years of teaching experience, our tutors not only improve student scores but also serve as role models and mentors to lead students to the heights of their personal and academic potential.</p>

                    <a href="tutors"><div class="button">Meet our staff</div></a>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="new_row show-room2">
        <div class="column-20">
            <img src="<?php echo e(URL::asset('images/girl.jpg')); ?>" alt="">
        </div>
        <div class="row-fixed-content mid_pic_text">
            <div class="column-6 push-left-2 over-stack">
                <div class="mid_pic_title">
                    <img src="<?php echo e(URL::asset('images/services.png')); ?>" alt="">
                    <a>Services</a>

                    <p>The Ivy Key offers a range of tutoring service types in-home, online, one-on-one, and group programs at our learning center. We offer private tutoring to help students of all ages excel in their coursework and subject tutoring. With our standardized test prep and college admissions counseling, Ivy Key students stand out from their peers.</p>

                    <a href="services"><div class="button">Learn more</div></a>
                </div>
            </div>
        </div>
    </div>
    <div class="new_row show-room3">
        <div class="column-20">
            <img src="<?php echo e(URL::asset('images/partnership.jpg')); ?>" alt="">
        </div>
        <div class="row-fixed-content mid_pic_text">
            <div class="column-6 push-left-2 over-stack">
                <div class="mid_pic_title">
                    <img src="<?php echo e(URL::asset('images/partnership.png')); ?>" alt="">
                    <a>Partnership Programs</a>

                    <p>The Ivy Key’s partners with schools and community-based organizations to provide students with a high-quality test preparation experience in a familiar setting. The Ivy Key works with each institution to provide a customized program, always taught by a highly-trained and experienced Ivy League instructor.</p>

                    <a href="programs"><div class="button">Find a program</div></a>
                </div>
            </div>
        </div>

    </div>
    <div class="new_row show-room4">
        <div class="column-20">
            <img src="<?php echo e(URL::asset('images/high-school.jpg')); ?>" alt="">
        </div>
        <div class="row-fixed-content mid_pic_text">
            <div class="column-6 push-left-2 over-stack">
                <div class="mid_pic_title">
                    <img src="<?php echo e(URL::asset('images/products.png')); ?>" alt="">
                    <a>Products</a>

                    <p>The Ivy Key’s educational products provide high-quality test preparation with affordable cost and convenience. These products—including web-based apps, video tutorials, test prep books, and full-length practice tests—are ideal for students looking to study independently.</p>

                    <a href="products"><div class="button">Browse products</div></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="new_row title1">
    <div class="column-20">
        <p>The Ivy Key</p>
    </div>
</div>
<div class="push_underlayer1">

    <div class="new_row">
        <div id="mid_text" class="column-12 col-border-top push-left-4" data-uk-scrollspy="{cls:'uk-animation-slide-top', repeat: true}">
            <p>The Ivy Key is a New York City-based education company that offers effective tutoring, mentoring, and admissions consulting. The Ivy Key employs instructors who have attended an Ivy League school or institution of equal quality, and who scored in the 95th percentile or above in standardized testing. Our instructors model tenacity and academic achievement, inspiring our students to work with vigor both in and out of the academic arena. Our goal is to exemplify the skills needed to unlock the door to a successful high school, college and professional career.</p>
        </div>
    </div>

    <div class="new_row img_pad">
        <div class="column-5-5 push-left-4 elems-center" data-uk-scrollspy="{cls:'uk-animation-scale-up', repeat: true}">
            <div class="testimonials-img-box">
            <img src="<?php echo 'images/users/' . $testims[0]->photoURL; ?>" class="img_init" alt="">
            <img src="<?php echo e(URL::asset('images/mask.png')); ?>" class="img_init testimonials-img-mask" alt="">
            </div>
        </div>
        <div class="column-5-5 push-right-4 elems-center" data-uk-scrollspy="{cls:'uk-animation-scale-up',delay:300, repeat: true}">
            <div class="testimonials-img-box">
            <img src="<?php echo 'images/users/' . $testims[1]->photoURL; ?>" class="img_init" alt="">
            <img src="<?php echo e(URL::asset('images/mask.png')); ?>" class="img_init testimonials-img-mask" alt="">
            </div>
        </div>
    </div>
    <div class="new_row">
        <div class="column-5-5 push-left-4 elems-center title2">
            <p><?php echo strtoupper($testims[0]->first_name . ' ' . $testims[0]->last_name); ?></p>
        </div>
        <div class="column-5-5 push-right-4 elems-center title2">
            <p><?php echo strtoupper($testims[1]->first_name . ' ' . $testims[1]->last_name); ?></p>
        </div>
    </div>
    <div class="new_row">
        <div id="rev_text_1" class="column-5-5 push-left-4 elems-left" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">
            <p>"<?php echo $testims[0]->testimonial; ?>"</p>
        </div>
        <div id="rev_text_1" class="column-5-5 push-right-4 elems-left" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: true}">
            <p>"<?php echo $testims[1]->testimonial; ?>"</p>
        </div>
    </div>

    <div class="new_row read_more row-overflow-visible">
        <div class="column-20 col-border-bottom">
            <div class="button_back">
                <a href="aboutus"><div class="button2">Learn more</div></a>
            </div>
        </div>
    </div>
   
    <?php echo $__env->make('partials.slider', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
</div>
<div class="new_row title1">
    <div class="column-20">
        <p>As Seen On</p>
    </div>
</div>
<?php echo $__env->make('partials.medialinks', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

</div>
<script>
    $('#video').on({
	    'uk.modal.show' : function() {
	        document.getElementById("videoClip").load();
	        document.getElementById("videoClip").play();
	    },
	    'uk.modal.hide' : function() {
	        document.getElementById("videoClip").pause();
	    }
    });
</script>
	
<?php $__env->stopSection(); ?>
<?php echo $__env->make('master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>