<div class="new_row slider">

    <div class="column-20">
        <div class="slider-container">


            <div id="sliderFrame" style="width: 100%; position: absolute; left: 0; top: 5.2vw;">
                <div id="layerslider" style="width:100%;height:31.25vw;">

                    <div class="ls-layer" style="transition2d: 1;">
                        <img class="ls-bg" src="<?php echo e(URL::asset('images/slide1.jpg')); ?>"
                             style="width:100% !important;height:31.25vw !important;">

                        <div class="ls-s-1 slider-text"
                             style="left: 9.22vw; top: 13.6vw; slidedirection: top; slideoutdirection: fade; delayin: 200;">
                            Ivy League instructors
                        </div>
                        <a href="/tutors" class="ls-link">
                            <div class="ls-s3 button3"
                                 style="left: 9.22vw; top: 20.08vw; slidedirection: bottom; slideoutdirection: bottom; delayin: 500;">
                                See Tutor Profiles
                            </div>
                        </a>

                    </div>
                    <div class="ls-layer" style="transition2d: 1;">
                        <img class="ls-bg" src="<?php echo e(URL::asset('images/slide3.jpg')); ?>"
                             style="width:100% !important;height:31.25vw !important;">

                        <div class="ls-s2 slider-text"
                             style="left: 9.22vw; top: 13.6vw; slidedirection: top; delayin: 200;">Customized services
                        </div>
                        <a href="/services" class="ls-link">
                            <div class="ls-s3 button3"
                                 style="left: 9.22vw; top: 20.08vw; slidedirection: bottom; delayin: 500;">See
                                Services
                            </div>
                        </a>

                    </div>
                    <div class="ls-layer" style="transition2d: 3;">
                        <img class="ls-bg" src="<?php echo e(URL::asset('images/slide2.jpg')); ?>"
                             style="width:100% !important;height:31.25vw !important;">

                        <div class="ls-s2 slider-text"
                             style="left: 9.22vw; top: 13.6vw; slidedirection: right; delayin: 200;">Proven results
                        </div>
                        <a href="/testimonials" class="ls-link">
                            <div class="ls-s3 button3"
                                 style="left: 9.22vw; top: 20.08vw; slidedirection: left; delayin: 500;">See
                                Testimonials
                            </div>
                        </a>

                    </div>

                    <div class="ls-layer" style="transition2d: 5;">
                        <img class="ls-bg" src="<?php echo e(URL::asset('images/slide4.jpg')); ?>"
                             style="width:100% !important;height:31.25vw !important;">

                        <div class="ls-s2 slider-text"
                             style="left: 70.57vw; top: 13.6vw; slidedirection: right; slideoutdirection: top; delayin: 200;">
                            Convenient programs
                        </div>
                        <a href="/programs" class="ls-link">
                            <div class="ls-s3 button3"
                                 style="left: 70.8vw; top: 24.08vw; slidedirection: right; slideoutdirection: bottom; delayin: 500;">
                                See Programs
                            </div>
                        </a>

                    </div>
                    
                    
                    <div class="ls-layer" style="transition2d: 4;">
                        <img class="ls-bg" src="<?php echo e(URL::asset('images/slide5.jpg')); ?>"
                             style="width:100% !important;height:31.25vw !important;">

                        <div class="ls-s2 slider-text"
                             style="left: 71.87vw; top: 13.6vw; slidedirection: top; delayin: 200;">Dynamic<br/>study aids
                        </div>
                        <a href="products" class="ls-link">
                            <div class="ls-s3 button3"
                                 style="left: 72vw; top: 24.08vw; slidedirection: bottom; delayin: 500;">See
                                Products
                            </div>
                        </a>

                    </div>
                </div>
            </div>
            <div id="sliderUnder"></div>

            <div class="column-2 over-stack push-right">

            </div>
        </div>
    </div>
</div>