<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);
		
	}
	
	.portfolio__content {
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.5); 
	}
		
	</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/backgrounds/probiz.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 Bisnis</h1>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.page-title -->

    <!-- =========================== 
      portfolio standard 
    ============================= -->
    <section class="portfolio-carousel">
      <div class="container">
        <div class="row align-items-center mb-20">
          <div class="col-sm-12 col-md-12 col-lg-5">
          
          </div><!-- /.col-lg-6 -->
          <div class="col-sm-12 col-md-12 col-lg-7">
            <nav id="slick-filter-buttons" class="nav nav-tabs justify-content-end">
              <a href="#" class="nav__link active" data-value="all">Semua</a>
              <a href="#" class="nav__link" data-value="Jasa">Jasa</a>
              <a href="#" class="nav__link" data-value="Industri">Industri</a>
              <a href="#" class="nav__link" data-value="Perdagangan">Perdagangan</a>
            </nav>
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="slick-carousel" id="filter-carousel"
              data-slick='{"slidesToShow": 2, "arrows": false, "dots": true, "responsive": [ {"breakpoint": 992, "settings": {"slidesToShow": 2}}, {"breakpoint": 768, "settings": {"slidesToShow": 1}}]}'>
			<?php
			foreach($artikel as $v){
				$judul = preg_replace('~[^a-zA-Z0-9\s]+~', '',$v['post_title']);	
				$judul = str_replace(' ', '-',$judul);	
			?>
			<!-- portfolio item #1 -->
              <div class="portfolio-item Construction all">
                <div class="portfolio__img">
                  <img src="<?php echo PATH;?>assets/post/<?php echo $v['post_image']; ?>" alt="portfolio img">
                </div><!-- /.portfolio-img -->
                <div class="portfolio__hover">
                  <div class="portfolio__content">
                    <div class="portfolio__cat">
                    </div><!-- /.portfolio-cat -->
                    <h4 class="portfolio__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>
                    <p class="portfolio__desc"><?php echo ambilNarasi(strip_tags($v['post_content']),500); ?></p>
                    <a href="<?php echo PATH;?>promosi/readmore/<?php echo $v['post_ID']; ?>/<?php echo $v['post_type']; ?>/<?php echo $judul; ?>" class="btn btn__loadMore"><i class="icon-arrow-right"></i></a>
                  </div><!-- /.portfolio-content -->
                </div><!-- /.portfolio__hover -->
              </div><!-- /.portfolio-item -->
			<?php
			}
			?>			  
            </div><!-- /.carousel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.portfolio standard -->