<div class="home_style_4">
	<?php foreach ($home as $key=> $row): ?>
			 <!-- Hero Area Start -->
	       <div id="home" class="header-hero bg_cover" style="background-image: url(<?= base_url('assets/images/theme6/banner-bg.svg') ;?>)">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="header-hero-content text-center">
                            <h3 class="header-sub-title"  data-aos="fade-down" data-aos-delay="100"><?= html_escape($row['title']); ?></h3>
                            <h2 class="header-title mt-10"  data-aos="zoom-in" data-aos-delay="180">
                            	<div class="typing_section">
									<div class="cd-headline clip typing_data">
										<div class="cd-words-wrapper">
											<?php $designations = explode(',', $row['designations']);;?>
											<?php foreach ($designations as $key => $value): ?>
												<b><?= $value?></b>
											<?php endforeach ?>
										</div>
									</div>
								</div>
							</h2>
                            <p class="text" data-aos="zoom-in" data-aos-delay="180"><?= html_escape(character_limiter($row['about_me'],300)); ?></p>

                            <div class="socialLink">
	                        <ul>
	                          <?php $i=1;foreach ($row['my_sites'] as $site): ?>
	                            <?php if (!empty($site['site_value'])): ?>
	                              <li class="" data-aos="fade-up" data-aos-delay="<?= $i;?>00"><a href="<?= redirect_url($site['type'],$site['site_value'],users($slug)['dial_code']); ?>" title="<?= html_escape($site['name']);?>"><?= $site['icon']; ?></a></li>
	                            <?php endif ?>
	                          <?php $i++; endforeach; ?>
	                        </ul>
	                      </div>
                        </div> <!-- header hero content -->
                    </div>
                </div> <!-- row -->
                <div class="row">
                    <div class="col-lg-4 offset-lg-4">
                    	<?php $user = get_user_info_by_slug($slug); ?>
                        <div class="header-hero-image text-center" data-aos="zoom-in" data-aos-delay="150">
                            <img src="<?php echo base_url(!empty($user['thumb'])?html_escape($user['thumb']):'assets/images/avatar.jpg'); ?>" alt="hero">
                        </div> <!-- header hero image -->
                    </div>
                </div> <!-- row -->
            </div> <!-- container -->
            <div id="particles-1" class="particles"></div>
        </div> <!-- header hero -->
      <!-- Hero Area End -->

	<?php endforeach ?>

</div>