<section id="Slider" class="carousel slide" data-ride="carousel">
    <?php $total_banners = count($banner_data); ?>
    <ol class="carousel-indicators">
        <?php for ($j = 0; $j < $total_banners; $j++) { ?>
            <li data-target="#Slider" data-slide-to="<?= $j ?>" class="<?php echo ($j == 1) ? 'active' : '' ?>"></li>
        <?php } ?>
    </ol>
    <div class="carousel-inner" role="listbox">
        <?php
        $i = 1;
        foreach ($banner_data as $banner) {
            ?>
            <div class="item <?php echo ($i == 1) ? 'active' : '' ?>">
                <img src="<?= $this->config->item('uploads') ?>banner_images/<?php echo $banner['banner_image'] ?>" alt="Slide">			  
                <div class="carousel-caption">
                    <?php echo $banner['banner_text'] ?>
                </div>
            </div>    
            <?php
            $i++;
        }
        ?>
    </div>
</section>
<?php $home_first_content = $this->content->getContentRecordByContentId(1); ?>
<?php echo $home_first_content->page_content ?>
<?php $home_second_content = $this->content->getContentRecordByContentId(4); ?>
<?php echo $home_second_content->page_content ?>
<?php $home_third_content = $this->content->getContentRecordByContentId(5); ?>
<?php echo $home_third_content->page_content ?>
<?php $home_third_content = $this->content->getContentRecordByContentId(6); ?>
<?php echo $home_third_content->page_content ?>