<?php
include 'inc/header.php';

?>
<style>
    .sliderimg p {
        color:#fff !important;
    }
</style>
        <!-- Carousel Start -->
        <div class="container-fluid p-0 mb-5">
            <div class="owl-carousel header-carousel position-relative">
              
              <?php 
for ($i=0; $i <count($slider) ; $i++) { 
     
?>
              
                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="<?=$baseurl?>/images/main_img/<?=$slider[$i]['image']?>" alt="">
                    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(0, 0, 0, .2);">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-10 col-lg-8">
                                    <h1 class="display-2 text-white animated slideInDown mb-4"><?=$slider[$i]['title']?></h1>
                                    <div class="fs-5 fw-medium text-white mb-4 pb-2 sliderimg"><?=$slider[$i]['description']?></div>
                                    <a href="<?=$baseurl?>/about.php" class="btn btn-primary rounded-pill py-sm-3 px-sm-5 me-3 animated slideInLeft">Learn More</a>
                                    <a href="<?=$slider[$i]['link']?>" class="btn btn-dark rounded-pill py-sm-3 px-sm-5 animated slideInRight">Our Classes</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
                
             
             
            </div>
        </div>
        <!-- Carousel End -->


            <!-- About Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="row g-5 align-items-center">
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                        <h1 class="mb-4"><?=$about[0]['title']?></h1>
                        <div style="text-align:justify;"> <?=$about[0]['description']?></div>
                        <div class="row g-4 align-items-center">
                            <div class="col-sm-6">
                                <a class="btn btn-primary rounded-pill py-3 px-5" href="<?=$baseurl?>/about-us.php">Read More</a>
                            </div>
                            <!--<div class="col-sm-6">-->
                            <!--    <div class="d-flex align-items-center">-->
                            <!--        <img class="rounded-circle flex-shrink-0" src="img/user.jpg" alt="" style="width: 45px; height: 45px;">-->
                            <!--        <div class="ms-3">-->
                            <!--            <h6 class="text-primary mb-1">Jhon Doe</h6>-->
                            <!--            <small>CEO & Founder</small>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</div>-->
                        </div>
                    </div>
                    <div class="col-lg-6 about-img wow fadeInUp" data-wow-delay="0.5s">
                        <div class="row">
                            <div class="col-12 text-center">
                                <img class="img-fluid w-75 rounded-circle bg-light p-3" src="<?=$baseurl?>/images/main_img/<?=$about[0]['image']?>" alt="">
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- About End -->

           <!-- Classes Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1 class="mb-3">School Classes</h1>
                    <p>Ring O Bells have well experienced faculty and Audio visual lab to enhance child's  conceptual understanding</p>
                </div>
                
                <div class="row g-4">
                    
                    <?php
$service = $manage_website->self_query("select * from tbl_service where  status=1 order by id");

for ($i=0; $i <count($service) ; $i++) { 
     
?>
                    
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="classes-item">
                            <div class="bg-light rounded-circle w-75 mx-auto p-3">
                                <img class="img-fluid rounded-circle" src="<?=$baseurl?>/images/main_img/<?=$service[$i]['image']?>" alt="">
                            </div>
                            <div class="bg-light rounded p-4 pt-5 mt-n5">
                                <a class="d-block text-center h3 mt-3 mb-4" href="<?=$baseurl?>/class-detail/<?=$service[$i]['url']?>"><?=$service[$i]['title']?></a>
                            
                                <div class="row g-1">
                                    <div class="col-4">
                                        <div class="border-top border-3 border-primary pt-2">
                                            <h6 class="text-primary mb-1">Age:</h6>
                                            <small><?=$service[$i]['age']?></small>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="border-top border-3 border-success pt-2">
                                            <h6 class="text-success mb-1">Time:</h6>
                                            <small><?=$service[$i]['time']?></small>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="border-top border-3 border-warning pt-2">
                                            <h6 class="text-warning mb-1">Capacity:</h6>
                                            <small><?=$service[$i]['capacity']?></small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                     <?php } ?>
  
                    
                    
                </div>
            </div>
        </div>
        <!-- Classes End -->



        <!-- Facilities Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1 class="mb-3">School Facilities</h1>
                    <p>Spacious and well equipped interiors with Air conditioner classroom and Day care facilities</p>
                </div>
                <div class="row g-4">
                    <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="facility-item">
                            <div class="facility-icon bg-primary">
                                <span class="bg-primary"></span>
                                <i class="fa fa-bus-alt fa-3x text-primary"></i>
                                <span class="bg-primary"></span>
                            </div>
                            <div class="facility-text bg-primary">
                                <h3 class="text-primary mb-3">School Bus</h3>
                                <!--<p class="mb-0">Eirmod sed ipsum dolor sit rebum magna erat lorem kasd vero ipsum sit</p>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="facility-item">
                            <div class="facility-icon bg-success">
                                <span class="bg-success"></span>
                                <i class="fa fa-futbol fa-3x text-success"></i>
                                <span class="bg-success"></span>
                            </div>
                            <div class="facility-text bg-success">
                                <h3 class="text-success mb-3">Playground</h3>
                                <!--<p class="mb-0">Eirmod sed ipsum dolor sit rebum magna erat lorem kasd vero ipsum sit</p>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.5s">
                        <div class="facility-item">
                            <div class="facility-icon bg-warning">
                                <span class="bg-warning"></span>
                                <i class="fa fa-home fa-3x text-warning"></i>
                                <span class="bg-warning"></span>
                            </div>
                            <div class="facility-text bg-warning">
                                <h3 class="text-warning mb-3">CCTV Surveillance</h3>
                                <!--<p class="mb-0">Eirmod sed ipsum dolor sit rebum magna erat lorem kasd vero ipsum sit</p>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                        <div class="facility-item">
                            <div class="facility-icon bg-info">
                                <span class="bg-info"></span>
                                <i class="fa fa-chalkboard-teacher fa-3x text-info"></i>
                                <span class="bg-info"></span>
                            </div>
                            <div class="facility-text bg-info">
                                <h3 class="text-info mb-3">Positive Learning</h3>
                                <!--<p class="mb-0">Eirmod sed ipsum dolor sit rebum magna erat lorem kasd vero ipsum sit</p>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Facilities End -->


    


        <!-- Call To Action Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="bg-light rounded">
                    <div class="row g-0">
                        <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
                            <div class="position-relative h-100">
                                <img class="position-absolute w-100 h-100 rounded" src="img/call-to-action.jpg" style="object-fit: cover;">
                            </div>
                        </div>
                        <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
                            <div class="h-100 d-flex flex-column justify-content-center p-5">
                                <h1 class="mb-4">Become A Teacher</h1>
                                <p class="mb-4">Teachers help students learn and progress in life and also responsible for shaping the career and lives of students and also encourage and award their students for good works.         
                                </p>
                                <a class="btn btn-primary py-3 px-5" href="">Get Started Now<i class="fa fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Call To Action End -->


     

      


        <!-- Team Start -->
        <!--<div class="container-xxl py-5">-->
        <!--    <div class="container">-->
        <!--        <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">-->
        <!--            <h1 class="mb-3">Popular Teachers</h1>-->
        <!--            <p>Eirmod sed ipsum dolor sit rebum labore magna erat. Tempor ut dolore lorem kasd vero ipsum sit-->
        <!--                eirmod sit. Ipsum diam justo sed rebum vero dolor duo.</p>-->
        <!--        </div>-->
        <!--        <div class="row g-4">-->
                   <?php 
    //   $teacher=$manage_website->self_query("select * from tbl_partner where  status=1 order by id");
    //   for ($i=0; $i <count($teacher) ; $i++) { 
             
      ?>
                    <!--<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">-->
                    <!--    <div class="team-item position-relative">-->
                    <!--        <img class="img-fluid rounded-circle w-75" src="<?=$baseurl?>/images/main_img/<?=$teacher[$i]['image']?>" alt="">-->
                    <!--        <div class="team-text">-->
                    <!--            <h3><?=$teacher[$i]['title']?></h3>-->
                    <!--            <p><?=$teacher[$i]['designation']?></p>-->
                                
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--</div>-->
                    
                    <?php 
    //   }
                    ?>
                    
                  
                  
                    
                </div>
                
            </div>
        </div>
        <!-- Team End -->


        <!-- Testimonial Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1 class="mb-3">Student Parents Say!</h1>
                    <p>Reviews are important. The more reviews the school has, the better. This is making the search easier, but also gives safety to new parents. By seeing good feedbacks, they build trust before even visiting the school.

</p>
                </div>
                <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
                   
                   <?php 
      $testimonial=$manage_website->self_query("select * from tbl_testimonial where  status=1 order by id");
      for ($i=0; $i <count($testimonial) ; $i++) { 
             
      ?>
                    <div class="testimonial-item bg-light rounded p-5">
                        <p class="fs-5"><?=$testimonial[$i]['description']?></p>
                        <div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
                            <img class="img-fluid flex-shrink-0 rounded-circle" src="<?=$baseurl?>/images/main_img/<?=$testimonial[$i]['image']?>" alt="<?=$testimonial[$i]['title']?>" title="<?=$testimonial[$i]['title']?>" style="width: 90px; height: 90px;">
                            <div class="ps-3">
                                <h3 class="mb-1"><?=$testimonial[$i]['title']?></h3>
                                <!--<span>Profession</span>-->
                            </div>
                            <i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
                        </div>
                    </div>
                    
                    <?php } ?>
                    
                    
                    
                </div>
            </div>
        </div>
        <!-- Testimonial End -->
        
        
       


<?php
include 'inc/footer.php';

?>
