<?php 
 $select_projectcount = select_projectcount();  
 $row = mysqli_fetch_array($select_projectcount); 
 
?>

<section class="ftco-section ftco-counter img" id="section-counter" style="background-image: url(images/bg_1.jpg);">

	 
    	<div class="container">
    		<div class="row justify-content-center mb-3 pb-3">

          <div class="col-md-5 text-center heading-section heading-section-white ftco-animate">
            <h2 class="mb-4"> Projects</h2>
          </div>
        </div>
    		<div class="row justify-content-center">
    			<div class="col-md-12">
		    		<div class="row">
		          <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18 text-center">
		            	<div class="ts-facts-img">
                <img loading="lazy" src="images/fact1.png" alt="facts-img">
              </div>
		              <div class="text">
		                <strong class="number" data-number="<?= $row['number']?>"></strong>
		                <span>Total Projects</span>
		              </div>
		            </div>
		          </div>

		          <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18 text-center">
		            	<div class="ts-facts-img">
                <img loading="lazy" src="images/fact2.png" alt="facts-img">
              </div>
		              <div class="text">
		                <strong class="number" data-number="<?= $row['count']?>"></strong>
		                <span>Completed Projects</span>
		              </div>
		            </div>
		          </div>

		         <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18 text-center">
		            	<div class="ts-facts-img">
                <img loading="lazy" src="images/fact3.png" alt="facts-img">
              </div>
		              <div class="text">
		                <strong class="number" data-number="<?= $row['project_count']?>"></strong>
		                <span>Ongoing</span>
		              </div>
		            </div>
		          </div> 
		          <!-- <div class="col-md-3 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18 text-center">
		            	 <div class="ts-facts-img">
                <img loading="lazy" src="images/fact4.png" alt="facts-img">
              </div>
		              <div class="text">
		                <strong class="number" data-number="100">0</strong>
		                <span>Countries Experience</span>
		              </div>
		            </div>
		          </div> --> 
		          
		        </div>
	        </div>
        </div>
    	</div>
    	
    </section>