<!-- Blog Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h5 class="fw-bold text-primary text-uppercase">Latest Blog</h5>
                <h1 class="mb-0">Discovering new perspectives through the power of words</h1>
            </div>
            <div class="row g-5">
					<?php 
						$sql = "Select *  from blog Where status='1'";
						$result = $conn->query($sql);
						if ($result->num_rows > 0) { 
						// output data of each row
						while($row = $result->fetch_assoc()) {
						$id=$row["id"];
							$date=$row["date"];
							$tittle=$row["tittle"];
							$content=$row["content"];
							$author1=$row["author1"];
							$author2=$row["author2"];
							$author3=$row["author3"];
							$specialization=$row["specialization"];
							$tags=$row["tags"];
							$faculty=$row["faculty"];
							$department=$row["department"];
							$banner=$row["banner"];
						
							echo '<div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
                    <div class="blog-item bg-light rounded overflow-hidden">
                        <div class="blog-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/blog/'.$banner.'" alt="">
                            <a class="position-absolute top-0 start-0 bg-primary text-white rounded-end mt-5 py-2 px-4" href="">'.$department.'</a>
                        </div>
                        <div class="p-4">
                            <div class="d-flex mb-3">
                                <small class="me-3"><i class="far fa-user text-primary me-2"></i>'.$author1.'</small>
                                <small><i class="far fa-calendar-alt text-primary me-2"></i>'.$date.'</small>
                            </div>
                            <h4 class="mb-3">'.$tittle.'</h4>
                            <p>'.Substr($content,0,200).'</p>
                            <a class="text-uppercase" href="course-details.php?&id='.$id.'">Read More <i class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>';						}

					} else {
						echo "0 results";
					}
					?>
				
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
                    <div class="blog-item bg-light rounded overflow-hidden">
                        <div class="blog-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/blog/1.jpg" alt="">
                            <a class="position-absolute top-0 start-0 bg-primary text-white rounded-end mt-5 py-2 px-4" href="">Commerce</a>
                        </div>
                        <div class="p-4">
                            <div class="d-flex mb-3">
                                <small class="me-3"><i class="far fa-user text-primary me-2"></i>Dr. Sapna Bansal</small>
                                <small><i class="far fa-calendar-alt text-primary me-2"></i>17 Aug, 2022</small>
                            </div>
                            <h4 class="mb-3">A world like never before its aftermath</h4>
                            <p>Dolor et eos labore stet justo sed est sed sed sed dolor stet amet</p>
                            <a class="text-uppercase" href="">Read More <i class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.6s">
                    <div class="blog-item bg-light rounded overflow-hidden">
                        <div class="blog-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/blog/2.jpg" alt="">
                            <a class="position-absolute top-0 start-0 bg-primary text-white rounded-end mt-5 py-2 px-4" href="">Arts</a>
                        </div>
                        <div class="p-4">
                            <div class="d-flex mb-3">
                                <small class="me-3"><i class="far fa-user text-primary me-2"></i>Dr. Ankit</small>
                                <small><i class="far fa-calendar-alt text-primary me-2"></i>08 Sep, 2022</small>
                            </div>
                            <h4 class="mb-3">Happy teachers day</h4>
                            <p>Dolor et eos labore stet justo sed est sed sed sed dolor stet amet</p>
                            <a class="text-uppercase" href="">Read More <i class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.9s">
                    <div class="blog-item bg-light rounded overflow-hidden">
                        <div class="blog-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/blog-3.jpg" alt="">
                            <a class="position-absolute top-0 start-0 bg-primary text-white rounded-end mt-5 py-2 px-4" href="">Web Design</a>
                        </div>
                        <div class="p-4">
                            <div class="d-flex mb-3">
                                <small class="me-3"><i class="far fa-user text-primary me-2"></i>John Doe</small>
                                <small><i class="far fa-calendar-alt text-primary me-2"></i>01 Jan, 2045</small>
                            </div>
                            <h4 class="mb-3">How to build a website</h4>
                            <p>Dolor et eos labore stet justo sed est sed sed sed dolor stet amet</p>
                            <a class="text-uppercase" href="">Read More <i class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Blog Start -->