<div id="home" class="hero-section">
        
        <div id="hero-carousel" class="hero-carousel carousel carousel-fade slide" data-ride="carousel" data-interval="4000">
            
            <div class="figure-holder-wrapper">
        		<div class="container">
            		<div class="row justify-content-end">
                		<div class="figure-holder">
                	        <img class="figure-image img-fluid" src="{{asset('assets/img/imac.png')}}" alt="image" />
                        </div><!--//figure-holder-->
            		</div><!--//row-->
        		</div><!--//container-->
    		</div><!--//figure-holder-wrapper-->
            
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li class="active" data-slide-to="0" data-target="#hero-carousel"></li>
				<li data-slide-to="1" data-target="#hero-carousel"></li>
				<li data-slide-to="2" data-target="#hero-carousel"></li>
			</ol>
			
			<!-- Wrapper for slides -->
			<div class="carousel-inner">
    			
				<div class="carousel-item item-1 active">
					<div class="item-content container">
    					<div class="item-content-inner">
    				        
				            <h4 class="heading"> School Portal 360 </h4>
				            <p class="intro">
								Nigeria's first School portal system with Artificial Intelligence and fastest result computation...
								<!-- Boost your School productivity with our all in one Application software... -->
							</p>
				            <a class="btn btn-info btn-cta" href="{{ route('academy_page')}}"> Sp360 Academy </a>
    				        
    					</div><!--//item-content-inner-->
					</div><!--//item-content-->
				</div><!--//item-->
				
				<div class="carousel-item item-2">
					<div class="item-content container">
						<div class="item-content-inner">
    				        
				            <h4 class="heading"> Customized Website </h4>
				            <p class="intro"> Put your school on a Global space by allowing us create a beautiful online presence for your school.</p>
				            <a class="btn btn-info btn-cta" href="{{ route('academy_page')}}"> Sp360 Academy </a>
    				        
    					</div><!--//item-content-inner-->
					</div>
				</div><!--//item-->
				
				<div class="carousel-item item-3">
					<div class="item-content container">
						<div class="item-content-inner">
    				        
				            <h2 class="heading"> Quick Result Computation </h2>
				            <p class="intro">Compute and Publish your entire school result in 30 minutes.</p>
				            <a class="btn btn-info btn-cta" href="{{ route('academy_page')}}"> Sp360 Academy </a>
    				        
    					</div><!--//item-content-inner-->
					</div>
				</div><!--//item-->
			</div><!--//carousel-inner-->

		</div><!--//carousel-->
    </div><!--//hero-->