<style>
	.slider_font {
		font-family: 'Euphoria Script', cursive;
		font-family: 'Satisfy', cursive;
		color: #c6e2ff;
			text-shadow:
		0 0 2px rgba(202,228,225,0.92),
		0 0 10px rgba(202,228,225,0.34),
		0 0 4px rgba(30,132,242,0.52),
		0 0 7px rgba(30,132,242,0.92),
		0 0 11px rgba(30,132,242,0.78),
		0 0 16px rgba(30,132,242,0.92);
		
	}
	</style> 
 <!-- ========================
       page title 
    =========================== -->
    <section class="page-title page-title-layout7 bg-overlay bg-overlay-2 bg-parallax text-center" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(<?php echo PATH2;?>promosi/assets/images/DJI_0132.JPG);background-size:cover;">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <h1 class="pagetitle__heading mb-0 slider_font" style="font-size:64px;color:#FFFFFF;">Promosi Investasi</h1>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.page-title -->
	
    <section class="blog-grid">
      <div class="container">
        <div class="row">
			<?php
			foreach($artikel as $v){
				$judul = preg_replace('~[^a-zA-Z0-9\s]+~', '',$v['post_title']);	
				$judul = str_replace(' ', '-',$judul);					
			?>
          <!-- Blog Item #1 -->
          <div class="col-sm-12 col-md-6 col-lg-4">
            <div class="blog-item">
              <div class="blog__img">
                <a href="<?php echo PATH;?>promosi/readmore/<?php echo $v['post_ID']; ?>/<?php echo $v['post_type']; ?>/<?php echo $judul; ?>">
                  <img src="<?php echo PATH;?>assets/post/<?php echo $v['post_image']; ?>" alt="blog image">
                </a>
              </div><!-- /.blog-img -->
              <div class="blog__content">
                <div class="blog__meta">
                  <div class="blog__meta-cat">
                  </div><!-- /.blog-meta-cat -->
                </div><!-- /.blog-meta -->
                <h4 class="blog__title"><a href="<?php echo PATH;?>promosi/readmore/<?php echo $v['post_ID']; ?>/<?php echo $v['post_type']; ?>/<?php echo $judul; ?>"><?php echo $v['post_title']; ?></a></h4>
                <span class="blog__meta-date"><?php echo tglIndo($v['post_date']); ?></span>
                <p class="blog__desc"><?php echo ambilNarasi(strip_tags($v['post_content']),200); ?> ...
                </p>
                <a  href="<?php echo PATH;?>promosi/readmore/<?php echo $v['post_ID']; ?>/<?php echo $v['post_type']; ?>/<?php echo $judul; ?>" class="btn btn__secondary btn__link">
                  <span>Read More</span>
                  <i class="icon-arrow-right"></i>
                </a>
              </div><!-- /.blog-content -->
            </div><!-- /.blog-item -->
          </div><!-- /.col-lg-4 -->			
	
			<?php
			}
			?>			

		  
        </div><!-- /.row -->

      </div><!-- /.container -->
    </section><!-- /.blog Grid -->