<div class="ttm-page-title-row">
    <div class="container">
        <div class="row">
            <div class="col-md-12"> 
                <div class="title-box">
                    <div class="page-title-heading">
                        <h1 class="title"> About ME</h1>
                    </div>
                    <div class="breadcrumb-wrapper">
                        <span>
                            <a title="Homepage" href="<?php echo site_url() ?>"><i class="fa fa-home"></i>&nbsp;&nbsp;Home</a>
                        </span>
                        <span class="ttm-bread-sep">&nbsp; | &nbsp;</span>
                        <span> About Me </span>
                    </div>  
                </div>
            </div>
        </div> 
    </div>                    
</div>

<div class="home-about">
    <div class="container">
        <?php foreach ($items as $item): ?> 
            <div class="author-box">
                <div class="row">
                    <div class="col-md-4">
                        <div class="author-box-avatar">
                            <img src="<?php echo base_url() ?>/cdn/about/<?php echo $item->image ?>" />
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="author-box-title">
                            <h5>Hi there!</h5>
                            <h3>I'm <span class="pink"><?php echo $item->name ?></span></h3>
                        </div>
                        <div class="author-box-descriptions">
                            <p>
                                <?php echo $item->about, 50 ?> 
                            </p>
                        </div>
                        <div class="author-box-social">
                            <?php if (config('facebook')): ?><a href="<?php echo config('facebook') ?>" class="social-link-footer"><i class="fa fa-facebook"></i></a><?php endif ?>
                            <?php if (config('instagram')): ?> <a href="<?php echo config('instagram') ?>" class="social-link-footer"><i class="fa fa-instagram"></i></a> <?php endif ?>
                            <?php if (config('youtube')): ?><a href="<?php echo config('youtube') ?>" class="social-link-footer"><i class="fa fa-youtube-play"></i></a><?php endif ?>
                            <?php if (config('twitter')): ?><a href="<?php echo config('twitter') ?>" class="social-link-footer"><i class="fa fa-twitter"></i></a> <?php endif ?>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row text-center">
                <?php if ($item->established): ?>
                    <div class="counter-item col-md-3 col-6">
                        <div class="counter-block"><i class="fa fa-birthday-cake"></i></div>
                        <h6> Established from</h6>
                        <span class="counter-block-value" data-count="<?php echo $item->established ?>">0</span>
                    </div>
                <?php endif ?>
                <?php if ($item->sessions): ?>
                <div class="counter-item col-md-3 col-6">
                    <div class="counter-block"><i class="fa fa-camera"></i></div>
                    <h6> Sessions have done</h6>
                    <span class="counter-block-value" data-count="<?php echo $item->sessions ?>">0</span>
                </div>
                <?php endif ?>
                <?php if ($item->clients): ?>
                <div class="counter-item col-md-3 col-6">
                    <div class="counter-block"><i class="fa fa-smile-o"></i></div>
                    <h6> Satisfied Clients</h6>
                    <span class="counter-block-value" data-count="<?php echo $item->clients ?>">0</span>
                </div>
                <?php endif ?>
                <?php if ($item->meetings): ?>
                <div class="counter-item col-md-3 col-6">
                    <div class="counter-block"><i class="fa fa-coffee"></i></div>
                    <h6> Meetings</h6>
                    <span class="counter-block-value" data-count="<?php echo $item->meetings ?>">0</span>
                </div>
                <?php endif ?>
            </div>
        <?php endforeach; ?>
    </div>
</div>

<section class="testimonial">
    <div class="container">
        <div class="inner-title">
            <span>Kind Words</span>
            <h2>testimonial</h2>
        </div>  
        <div class="swiper-container testimonial-slide">
            <div class="swiper-wrapper">
                <?php foreach ($testimonials as $item): ?> 
                    <div class="swiper-slide">
                        <div class="single-testimonial text-center">
                            <div class="testimonial-avatar">
                                <img src="<?php echo base_url() ?>/cdn/testimonials/<?php echo $item->image ?>" alt="<?php echo $item->name ?>">
                            </div>
                            <p>"<?php echo $item->message ?>"</p>
                            <span class="testimonial-name">- <?php echo $item->name ?></span>
                        </div>
                    </div>
                <?php endforeach ?> 
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
</section>