<div class="hero-banner hero-style-1">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="banner-content">
                    <h1 class="title" data-sal-delay="100" data-sal="slide-up" data-sal-duration="1000"><?php echo $slider->slider_heading; ?></h1>
                    <p data-sal-delay="200" data-sal="slide-up" data-sal-duration="1000"><?php echo $slider->slider_sub_heading; ?></p>
                   <!--  <div class="banner-btn" data-sal-delay="400" data-sal="slide-up" data-sal-duration="1000">
                        <a href="course-one.html" class="edu-btn">Find courses <i class="icon-4"></i></a>
                    </div> -->
                    <ul class="shape-group">
                        <li class="shape-1 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="banner-thumbnail">
                    <div class="thumbnail" data-sal-delay="500" data-sal="slide-left" data-sal-duration="1000">
                        <img src="<?php echo base_url(); ?><?php echo $slider->slider_image; ?>" alt="Girl Image">
                    </div>
                    <div class="instructor-info" data-sal-delay="600" data-sal="slide-up" data-sal-duration="1000">
                        <div class="inner">
                            <div class="media">
                                <div class="thumb">
                                    <img src="<?php echo base_url(); ?><?php echo $slider->shape_1_image; ?>" alt="Images">
                                </div>
                                <div class="content">
                                    <span><?php echo $slider->block_1_heading; ?></span> <?php echo $slider->block_1_sub_heading; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="shape-group">
                        <li class="shape-1" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <img data-depth="1.5" src="<?php echo front_css(); ?>images/about/shape-15.png" alt="Shape">
                        </li>
                        <li class="shape-2 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <img data-depth="-1.5" src="<?php echo front_css(); ?>images/about/shape-16.png" alt="Shape">
                        </li>
                        <li class="shape-3 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <span data-depth="3" class="circle-shape"></span>
                        </li>
                        <li class="shape-4" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <img data-depth="-1" src="<?php echo front_css(); ?>images/counterup/shape-02.png" alt="Shape">
                        </li>
                        <li class="shape-5 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <img data-depth="1.5" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="Shape">
                        </li>
                        <li class="shape-6 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                            <img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-18.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="shape-7">
        <img src="<?php echo front_css(); ?>images/about/h-1-shape-01.png" alt="Shape">
    </div>
</div>
<!--=====================================-->
<!--=       Features Area Start      =-->
<!--=====================================-->
<!-- Start Categories Area  -->
<div class="features-area-2">
    <div class="container">
        <div class="features-grid-wrap">
            <div class="features-box features-style-2 edublink-svg-animate">
                <div class="icon">
                    <i class="fa <?php echo $slider_block->block_1_icon; ?>"></i>
                </div>
                <div class="content">
                    <h5 class="title"><span><?php echo $slider_block->block_1_heading; ?></span> <?php echo $slider_block->block_1_sub_heading; ?></h5>
                </div>
            </div>
            <div class="features-box features-style-2 edublink-svg-animate">
                <div class="icon">
                    <i class="fa <?php echo $slider_block->block_2_icon; ?>"></i>
                </div>
                <div class="content">
                    <h5 class="title"><span><?php echo $slider_block->block_2_heading; ?></span><?php echo $slider_block->block_2_sub_heading; ?></h5>
                </div>
            </div>
            <div class="features-box features-style-2 edublink-svg-animate">
                <div class="icon certificate">
                    <i class="fa <?php echo $slider_block->block_3_icon; ?>"></i>
                </div>
                <div class="content">
                    <h5 class="title"><span><?php echo $slider_block->block_3_heading; ?></span><?php echo $slider_block->block_3_sub_heading; ?></h5>
                </div>
            </div>
            <div class="features-box features-style-2 edublink-svg-animate">
                <div class="icon">
                    <i class="fa <?php echo $slider_block->block_4_icon; ?>"></i>
                </div>
                <div class="content">
                    <h5 class="title"><span><?php echo $slider_block->block_4_heading; ?></span><?php echo $slider_block->block_4_sub_heading; ?></h5>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Categories Area  -->
<!--=====================================-->
<!--=       Categories Area Start      =-->
<!--=====================================-->
<!-- Start Categories Area  -->
<div class="edu-categorie-area categorie-area-2 edu-section-gap " style="padding-top: 40px;">
    <div class="container">
        <div class="section-title section-center" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
            <h2 class="title">Top Categories</h2>
            <span class="shape-line"><i class="icon-19"></i></span>
            <!-- <p>Consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore</p> -->
        </div>

        <div class="row g-5">
            <?php 
            $delayValues = [50, 100, 150];
            $counter = 0;
            foreach ($all_course_category as $key => $course_category):
                $delayIndex = $counter % count($delayValues);
                $delay = $delayValues[$delayIndex];
                ?>
                    <div class="col-lg-4 col-md-6" data-sal-delay="<?php echo $delay; ?>" data-sal="slide-up" data-sal-duration="800">
                        <div class="categorie-grid categorie-style-2 color-primary-style edublink-svg-animate">
                            <div class="icon">
                                <i class="fa <?php echo $course_category->category_icon; ?>"></i>
                            </div>
                            <div class="content">
                                <a href="<?php echo base_url(); ?>course-category/<?php echo $course_category->category_slug; ?>">
                                    <h5 class="title"><?php echo $course_category->category_name; ?></h5>
                                </a>
                            </div>
                        </div>
                    </div>
                <?php $counter++;
            endforeach; ?>
        </div>
    </div>
</div>
<!-- End Categories Area  -->
<!--=====================================-->
<!--=       About Us Area Start       =-->
<!--=====================================-->
<div class="gap-bottom-equal edu-about-area about-style-1 ">
    <div class="container edublink-animated-shape">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div class="about-image-gallery">
                    <img class="main-img-1" src="<?php echo base_url(); ?><?php echo $short_about_us_image->os_image_image; ?>" alt="<?php echo $short_about_us_image->os_image_image; ?>">
                    <div class="video-box" data-sal-delay="150" data-sal="slide-down" data-sal-duration="800">
                        <div class="inner">
                            <div class="thumb">
                                <img src="<?php echo base_url(); ?><?php echo $short_about_us_image->os_extra_image_image_1; ?>" alt="<?php echo $short_about_us_image->os_image_image; ?>">
                            </div>
                            
                        </div>
                    </div>
                    <!-- <div class="award-status bounce-slide">
                        <img src="<?php //echo base_url(); ?><?php //echo $short_about_us_image->os_extra_image_image_2; ?>" alt="<?php //echo $short_about_us_image->os_image_image; ?>">
                    </div> -->
                    <ul class="shape-group">
                        <li class="shape-1 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                            <img data-depth="1" src="<?php echo front_css(); ?>images/about/shape-36.png" alt="Shape">
                        </li>
                        <li class="shape-2 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                            <img data-depth="-1" src="<?php echo front_css(); ?>images/about/shape-37.png" alt="Shape">
                        </li>
                        <li class="shape-3 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                            <img data-depth="1" src="<?php echo front_css(); ?>images/about/shape-02.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6" data-sal-delay="150" data-sal="slide-left" data-sal-duration="800">
                <div class="about-content">
                    <div class="section-title section-left">
                        <h2 class="title"><?php echo $short_about_us_image->os_image_heading; ?></h2>
                        <span class="shape-line"><i class="icon-19"></i></span>
                        <p><?php echo $short_about_us_image->os_image_sub_heading; ?></p>
                    </div>
                    <ul class="features-list">
                        <?php foreach ($all_short_about_us_content as $key => $short_content):?>
                            <li><?php echo $short_content->os_heading; ?></li>
                        <?php endforeach; ?>

                    </ul>
                </div>
            </div>
        </div>
        <ul class="shape-group">
            <li class="shape-1 circle scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                <span data-depth="-2.3"></span>
            </li>
        </ul>
    </div>
</div>
<!--=====================================-->
<!--=       Course Area Start         =-->
<!--=====================================-->
<!-- Start Course Area  -->
<div class="edu-course-area course-area-1 edu-section-gap bg-lighten01 pb-5">
    <div class="container">
        <div class="section-title section-center" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
            <span class="pre-title">Popular Courses</span>
            <h2 class="title">Pick A Course To Get Started</h2>
            <span class="shape-line"><i class="icon-19"></i></span>
        </div>
        <div class="row g-5">
            <?php foreach ($all_home_course as $key => $course):
                $lession = $this->course_model->count_lession_by_course($course->id);?>

                <div class="col-md-6 col-xl-3" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                    <div class="edu-course course-style-1 hover-button-bg-white">
                        <div class="inner">
                            <div class="thumbnail">
                                <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>">
                                    <img src="<?php echo base_url(); ?><?php echo $course->thumbnail; ?>" alt="<?php echo $course->title; ?>">
                                </a>
                                <?php if($course->duration): ?>
                                    <div class="time-top">
                                        <span class="duration"><i class="icon-61"></i><?php echo $course->duration; ?></span>
                                    </div>
                                <?php endif; ?>
                            </div>
                            <div class="content">
                                <span class="course-level"><?php echo ucwords($course->level); ?></span>
                                <h6 class="title">
                                    <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>"><?php echo mb_strimwidth($course->title, 0, 100, "...") ?></a>
                                </h6>
                                <div class="course-rating">
                                    <div class="rating">
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                    </div>
                                    <span class="rating-count">(5.0 /9 Rating)</span>
                                </div>
                                <div class="course-price">&#x20B9;<?php echo $course->price; ?></div>
                                <ul class="course-meta">
                                    <li><i class="icon-24"></i><?php echo $lession; ?> Lession</li>
                                    <li><i class="icon-25"></i>1500+ </li>
                                </ul>
                            </div>
                        </div>
                        <div class="course-hover-content-wrapper">
                            <!-- <button class="wishlist-btn"><i class="icon-22"></i></button> -->
                        </div>
                        <!-- <div class="course-hover-content-wrapper">
                            <button class="wishlist-btn"><i class="icon-22"></i></button>
                        </div> -->
                        <div class="course-hover-content">
                            <div class="content">
                                <!-- <button class="wishlist-btn"><i class="icon-22"></i></button> -->
                                <span class="course-level"><?php echo $course->level; ?></span>
                                <h6 class="title">
                                    <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>"><?php echo mb_strimwidth($course->title, 0, 100, "...") ?></a>
                                </h6>
                                <div class="course-rating">
                                    <div class="rating">
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                    </div>
                                    <span class="rating-count">(5.0 /9 Rating)</span>
                                </div>
                                <div class="course-price">&#x20B9;<?php echo $course->price; ?></div>
                                <p><?php echo mb_strimwidth($course->short_description, 0, 200, "...") ?></p>
                                <ul class="course-meta">
                                    <li><i class="icon-24"></i><?php echo $lession; ?> Lession</li>
                                    <li><i class="icon-25"></i>1500+</li>
                                </ul>
                                <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>" class="edu-btn btn-secondary btn-small">Enrolled <i class="icon-4"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<?php if($ebook->ebook_status == 1):?>
<div class="edu-campus-area gap-lg-top-equal">
    <div class="container edublink-animated-shape">
        <div class="row g-5">
            <div class="col-xl-7" data-sal-delay="50" data-sal="slide-right" data-sal-duration="800">
                <div class="campus-image-gallery">
                    <div class="campus-thumbnail">
                        <div class="thumbnail">
                            <img src="<?php echo base_url(); ?><?php echo $ebook->ebook_image; ?>" alt="<?php echo $ebook->ebook_heading; ?>">
                        </div>
                    </div>
                    <ul class="shape-group">
                        <li class="shape-1 scene">
                            <span data-depth=".8"></span>
                        </li>
                        <li class="shape-2 scene">
                            <img data-depth="1.5" src="<?php echo front_css(); ?>images/about/shape-21.png" alt="Shape">
                        </li>
                        <li class="shape-3 scene">
                            <img data-depth="-1.5" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-5" data-sal-delay="50" data-sal="slide-left" data-sal-duration="800">
                <div class="campus-content">
                    <div class="inner">
                        <div class="section-title section-left">
                            <h2 class="title"><?php echo $ebook->ebook_heading; ?></h2>
                            <span class="shape-line"><i class="icon-19"></i></span>
                        </div>
                        <div class="features-list">
                            <div class="features-box color-secondary-style">
                                <?php echo $ebook->ebook_description; ?>
                            </div>
                            <a data-bs-toggle="modal" data-bs-target="#ebook_modal" href="javascript:void(0)" class="edu-btn">Download Ebook Now <i class="icon-4"></i></a>
                        </div>
                    </div>
                    <ul class="shape-group">
                        <li class="shape-4 scene">
                            <span data-depth=".8"></span>
                        </li>
                        <li class="shape-5 scene">
                            <span data-depth="2"></span>
                        </li>
                        <li class="shape-6 scene">
                            <img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-25.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="ebook_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Fill Below Form</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form class="p-5 pt-2" id="ebook_form_submit">
                    <div class="form-group col-12">
                        <input type="text" name="lead_name" required placeholder="Your Full Name *">
                    </div>
                    <div class="form-group col-12">
                        <input type="email" name="lead_email" required placeholder="Your Email ID *">
                    </div>
                    <div class="form-group col-12">
                        <input type="text" name="lead_mobile" required placeholder="Your Mobile No *">
                    </div>
                    <input type="hidden" name="lead_source" value="Ebook Download">
                    <div class="form-group col-12">
                        <button style="width: 100%;" class="rn-btn edu-btn btn-small submit-btn" name="submit" type="submit">Download Now <i class="icon-4"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
$("#ebook_form_submit").submit(function(e) {
    e.preventDefault(); 
    var form = $(this);
    $.ajax({
        type: "POST",
        url: '<?php echo base_url(); ?>home/ebook_booking_form',
        data: form.serialize(), // serializes the form's elements.
        success: function(data)
        {
          if(data != 0)
          {
            window.location = "<?php echo base_url(); ?>ebook_thank_you/"+data;
          }
          else
          {
            alert('Data Submitted Failed')
          }
        }
    });
    
});
</script>
<style type="text/css">
#ebook_modal .form-group input, #ebook_modal .form-group textarea {
    border-bottom: 1px solid var(--color-border);
    border-radius: 0;
    padding: 20px 0 10px;
}
</style>
<?php endif; ?>
<!-- End Course Area -->
<!--=====================================-->
<!--=       CounterUp Area Start        =-->
<!--=====================================-->
<!-- <div class="counterup-area-2">
    <div class="container">
        <div class="row g-5 justify-content-center">
            <div class="col-lg-8">
                <div class="counterup-box-wrap">
                    <div class="counterup-box counterup-box-1">
                        <div class="edu-counterup counterup-style-2">
                            <h2 class="counter-item count-number primary-color">
                                <span class="odometer" data-odometer-final="45.2">.</span><span>K</span>
                            </h2>
                            <h6 class="title">Student Enrolled</h6>
                        </div>
                        <div class="edu-counterup counterup-style-2">
                            <h2 class="counter-item count-number secondary-color">
                                <span class="odometer" data-odometer-final="32.4">.</span><span>K</span>
                            </h2>
                            <h6 class="title">Class Completed</h6>
                        </div>
                    </div>
                    <div class="counterup-box counterup-box-2">
                        <div class="edu-counterup counterup-style-2">
                            <h2 class="counter-item count-number extra05-color">
                                <span class="odometer" data-odometer-final="354">.</span><span>+</span>
                            </h2>
                            <h6 class="title">Top Instructors</h6>
                        </div>
                        <div class="edu-counterup counterup-style-2">
                            <h2 class="counter-item count-number extra02-color">
                                <span class="odometer" data-odometer-final="99.9">.</span><span>%</span>
                            </h2>
                            <h6 class="title">Satisfaction Rate</h6>
                        </div>
                    </div>
                    <ul class="shape-group">
                        <li class="shape-1 scene">
                            <img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="Shape">
                        </li>
                        <li class="shape-2">
                            <img class="rotateit" src="<?php echo front_css(); ?>images/counterup/shape-02.png" alt="Shape">
                        </li>
                        <li class="shape-3 scene">
                            <img data-depth="1.6" src="<?php echo front_css(); ?>images/counterup/shape-04.png" alt="Shape">
                        </li>
                        <li class="shape-4 scene">
                            <img data-depth="-1.6" src="<?php echo front_css(); ?>images/counterup/shape-05.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!--=====================================-->
<!--=       Testimonial Area Start      =-->
<!--=====================================-->
<!-- Start Testimonial Area  -->
<div class="testimonial-area-1 section-gap-equal pt-5">
    <div class="container">
        <div class="row g-lg-5">
            <div class="col-lg-5">
                <div class="testimonial-heading-area">
                    <div class="section-title section-left" data-sal-delay="50" data-sal="slide-up" data-sal-duration="800">
                        <span class="pre-title">Testimonials</span>
                        <h2 class="title">What Our Students Have To Say</h2>
                        <span class="shape-line"><i class="icon-19"></i></span>
                       <!--  <p>Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor incididunt labore dolore magna aliquaenim ad minim.</p>
                        <a href="#" class="edu-btn btn-large">View All<i class="icon-4"></i></a> -->
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="home-one-testimonial-activator swiper ">
                    <div class="swiper-wrapper">
                        <?php foreach ($all_testimonial as $key => $testimonial):?>
                            <div class="swiper-slide">
                                <div class="testimonial-grid">
                                    <div class="thumbnail">
                                        <img src="<?php echo base_url(); ?><?php echo $testimonial->test_image; ?>" alt="<?php echo $testimonial->test_name; ?>">
                                        <span class="qoute-icon"><i class="icon-26" style="line-height: 2;"></i></span>

                                    </div>
                                    <div class="content">
                                        <p><?php echo mb_strimwidth($testimonial->test_description, 0, 100, "..."); ?></p>
                                        <div class="rating-icon">
                                            
                                            <?php if ($testimonial->test_review == 5): ?>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            <?php elseif ($testimonial->test_review == 4): ?>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                            <?php elseif ($testimonial->test_review == 3): ?>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                            <?php elseif ($testimonial->test_review == 2): ?>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                            <?php elseif ($testimonial->test_review == 1): ?>
                                                <i class="icon-23"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                                <i class="icon-23" style="color: #a6a298;"></i>
                                            <?php endif; ?>
                                        </div>
                                        <h5 class="title"><?php echo $testimonial->test_name; ?></h5>
                                        <span class="subtitle"><?php echo $testimonial->test_position; ?></span>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Testimonial Area  -->
<!--=====================================-->
<!--=      Call To Action Area Start    =-->
<!--=====================================-->
<!-- Start CTA Area  -->
<div class="home-one-cta-two cta-area-1">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-8">
                <div class="home-one-cta edu-cta-box bg-image">
                    <div class="inner">
                        <div class="content text-md-end">
                            <span class="subtitle">Get In Touch:</span>
                            <h3 class="title"><a href="mailto:<?php echo $app_setting->app_email; ?>"><?php echo $app_setting->app_email; ?></a></h3>
                        </div>
                        <div class="sparator">
                            <span>or</span>
                        </div>
                        <div class="content">
                            <span class="subtitle">Call Us Via:</span>
                            <h3 class="title"><a href="tel:<?php echo $app_setting->app_mobile; ?>"><?php echo $app_setting->app_mobile; ?></a></h3>
                        </div>
                    </div>
                    <ul class="shape-group">
                        <li class="shape-01 scene">
                            <img data-depth="2" src="<?php echo front_css(); ?>images/cta/shape-06.png" alt="shape">
                        </li>
                        <li class="shape-02 scene">
                            <img data-depth="-2" src="<?php echo front_css(); ?>images/cta/shape-12.png" alt="shape">
                        </li>
                        <li class="shape-03 scene">
                            <img data-depth="-3" src="<?php echo front_css(); ?>images/cta/shape-04.png" alt="shape">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End CTA Area  -->
<!--=====================================-->
<!--=         Team Area Start       =-->
<!--=====================================-->
<!-- Start Team Area  -->
<div class="edu-team-area team-area-1 gap-tb-text pb-5">
    <div class="container">
        <div class="section-title section-center" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
            <span class="pre-title"><?php echo $content_6_i->sub_heading; ?></span>
            <h2 class="title"><?php echo $content_6_i->heading; ?></h2>
            <span class="shape-line"><i class="icon-19"></i></span>
        </div>
        <div class="row g-5">
            <?php foreach ($content_6_ii as $key => $instractor):?>
                <div class="col-lg-3 col-sm-6 col-12" data-sal-delay="50" data-sal="slide-up" data-sal-duration="800">
                    <div class="edu-team-grid team-style-1">
                        <div class="inner">
                            <div class="thumbnail-wrap">
                                <div class="thumbnail">
                                    <a href="#">
                                        <img src="<?php echo base_url(); ?><?php echo $instractor->image; ?>" alt="<?php echo $instractor->name; ?>">
                                    </a>
                                </div>
                                <!-- <ul class="team-share-info">
                                    <li><a href="#"><i class="icon-share-alt"></i></a></li>
                                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                                    <li><a href="#"><i class="icon-twitter"></i></a></li>
                                    <li><a href="#"><i class="icon-linkedin2"></i></a></li>
                                </ul> -->
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="team-details.html"><?php echo $instractor->name; ?></a></h5>
                                <span class="designation"><?php echo $instractor->designation; ?></span>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<!-- End Team Area  -->
<!--=====================================-->
<!--=      CTA Banner Area Start      =-->
<!--=====================================-->
<!-- Start Ad Banner Area  -->
<div class="edu-cta-banner-area home-one-cta-wrapper bg-image">
    <div class="container">
        <div class="edu-cta-banner">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="section-title section-center" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <h2 class="title"><?php echo $banner_heading->banner_heading_title; ?></h2>
                        <a href="#" class="edu-btn">Get started now <i class="icon-4"></i></a>
                    </div>
                </div>
            </div>
            <ul class="shape-group">
                <li class="shape-01 scene">
                    <img data-depth="2.5" src="<?php echo front_css(); ?>images/cta/shape-10.png" alt="shape">
                </li>
                <li class="shape-02 scene">
                    <img data-depth="-2.5" src="<?php echo front_css(); ?>images/cta/shape-09.png" alt="shape">
                </li>
                <li class="shape-03 scene">
                    <img data-depth="-2" src="<?php echo front_css(); ?>images/cta/shape-08.png" alt="shape">
                </li>
                <li class="shape-04 scene">
                    <img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="shape">
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- End Ad Banner Area  -->
<!--=====================================-->
<!--=         Brand Area Start      =-->
<!--=====================================-->
<!-- Start Brand Area  -->
<div class="edu-brand-area brand-area-1 gap-top-equal pt-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <div class="brand-section-heading">
                    <div class="section-title section-left" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <span class="pre-title">Our Partners</span>
                        <h2 class="title">Get Opportunity to work with Global Leaders IT companies</h2>
                        <span class="shape-line"><i class="icon-19"></i></span>
                        <!-- <p>Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor incididunt.</p> -->
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="brand-grid-wrap">
                    <?php foreach ($all_logo as $key => $logo):?>
                        <div class="brand-grid">
                            <img src="<?php echo base_url(); ?><?php echo $logo->placement_image; ?>" alt="<?php echo $logo->placement_name; ?>">
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Brand Area  -->
<!--=====================================-->
<!--=         Blog Area Start       =-->
<!--=====================================-->
<!-- Start Blog Area  -->
<div class="edu-blog-area blog-area-1 edu-section-gap">
    <div class="container">
        <div class="section-title section-center" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
            <h2 class="title">Get Our Latest Articles</h2>
            <span class="shape-line"><i class="icon-19"></i></span>
        </div>
        <div class="row g-5">
            <?php foreach ($all_blog as $key => $blog):?>
                <div class="col-lg-4 col-md-6 col-12" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <div class="edu-blog blog-style-1">
                        <div class="inner">
                            <div class="thumbnail">
                                <a href="<?php echo base_url(); ?>blog/<?php echo $blog->blog_slug; ?>">
                                    <img src="<?php echo base_url(); ?><?php echo $blog->blog_image; ?>" alt="<?php echo $blog->blog_title; ?>">
                                </a>
                            </div>
                            <div class="content position-top">
                                <div class="read-more-btn">
                                    <a class="btn-icon-round" href="<?php echo base_url(); ?>blog/<?php echo $blog->blog_slug; ?>">
                                        <i class="icon-4" style="line-height: 4.8;"></i>
                                    </a>
                                </div>
                                <h5 class="title"><a href="<?php echo base_url(); ?>blog/<?php echo $blog->blog_slug; ?>"><?php echo $blog->blog_title; ?></a></h5>
                                <ul class="blog-meta">
                                    <li><i class="icon-27"></i><?php echo date('d M, Y', strtotime($blog->created_at)); ?></li>
                                </ul>
                                <p><?php echo mb_strimwidth($blog->blog_short_description, 0, 100, "..."); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
    <ul class="shape-group">
        <li class="shape-1 scene">
            <img data-depth="-1.4" src="<?php echo front_css(); ?>images/about/shape-02.png" alt="Shape">
        </li>
        <li class="shape-2 scene">
            <span data-depth="2.5"></span>
        </li>
        <li class="shape-3 scene">
            <img data-depth="-2.3" src="<?php echo front_css(); ?>images/counterup/shape-05.png" alt="Shape">
        </li>
    </ul>
</div>