<?php include_once('layout/header.php'); ?>
    <!-- Start main-content -->
  <div class="main-content bg-lighter">
    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="images/bg/bg6.jpg">
      <div class="container pt-70 pb-20">
        <!-- Section Content -->
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
              <h2 class="title text-white text-center">Our stories </h2>
              <ol class="breadcrumb text-left text-black mt-10">
                <li><a href="index.php">Home</a></li>
                <li><a href="#">Pages</a></li>
                <li class="active text-gray-silver">Stories</li>
              </ol>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Gallery -->
    <section id="gallery">
     <div class="container pt-50 pb-30">
        <div class="section-content">
        <div class="row">
          <div class="col-md-12">\
            
            <!-- Portfolio Gallery Grid -->
            <div id="grid" class="gallery-isotope grid-3 gutter clearfix">

            <?php
				$activities = $con->getRows('services', array('', 'order_by'=>'date desc'));
				if(!empty($activities)){
					foreach($activities as $row){ ?>

              <!-- Portfolio Item Start -->
              <div class="gallery-item wheel">
                <div class="work-gallery">
                  <div class="gallery-thumb">
                    <img class="img-fullwidth" alt="" src="assets/uploads/services/<?=$row['image']?>"  alt="">
					<div class="gallery-overlay"></div>                  
                    <div class="gallery-contect">
                      <ul class="styled-icons icon-bordered icon-circled icon-sm">
                        <li><a href="#"><i class="fa fa-link"></i></a></li>
                        <li><a data-rel="prettyPhoto" href="assets/uploads/services/<?=$row['image']?>""><i class="fa fa-arrows"></i></a></li>
                      </ul>
                    </div> 
                  </div>
                  <div class="gallery-bottom-part text-center">
<a class="btn btn-colored btn-theme-colored btn-lg text-uppercase font-13 mt-0" href="#"><?=$row['title']?></a> 	 </br>				
							<a href="story_details.php?activity_id=<?=$row['service_id']?>" class="title text-uppercase font-raleway font-weight-500 m-0"">
							Read More</a>
							
                            
					  
                
              </li> 
                  </div>
                </div>
              </div>
			  
				 <?php	}
				}else{
					echo" We are apploading new services, wait for us";
				}
			?>

              <!-- Portfolio Item End -->

              
              
            </div>
            <!-- End Portfolio Gallery Grid -->
          </div>
        </div>
        </div>
      </div >
    </section>

  </div>
  <!-- end main-content -->
  
  <?php include_once('layout/footer.php'); ?>