<div id="scroll-wrapper">
     <div id="scroll-content">
<?php include 'include/head.php';?>
<?php include 'include/header.php';?>

<section class="banner about-banner blog-banner">
	<div class="container">
		<div class="content">
<!-- 			<h4  class="top-line" data-aos="zoom-in" data-aos-duration="1500">The heavens Declare The</h4> -->
			<h1 data-aos="zoom-in" data-aos-duration="2000" class="main-heading">Recent Blogs <br>And Heavenly Music</h1>
			<!-- <h4  class="bottom-line" data-aos="zoom-in" data-aos-duration="2500">And The Sky Above Proclaims<br> His Handiwork</h4> -->
			<!-- <h6>-  PSALm 19:1  -</h6> -->
		</div>
	</div>
</section>



<section class="blogs bloggs">
	<div class="container">
		<div class="blogs-title text-center">
			<h6 data-aos="fade-up" data-aos-duration="1500" class="pink-text">Kingdom of God Info</h6>
			<h3 data-aos="fade-up" data-aos-duration="2500" class="sub-heading">Our Recent Blogs</h3>
			<p data-aos="fade-up" data-aos-duration="3000" class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </p>
		</div>

		<div class="inner-main">
			<div class="row">
				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="1500">
						<div class="img">
							<img src="images/blog-img1.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="1000">
						<div class="img">
							<img src="images/blog-img2.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="500">
						<div class="img">
							<img src="images/blog-img3.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="1500">
						<div class="img">
							<img src="images/blog-img4.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="1000">
						<div class="img">
							<img src="images/blog-img5.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="500">
						<div class="img">
							<img src="images/blog-img6.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="1500">
						<div class="img">
							<img src="images/blog-img7.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="1000">
						<div class="img">
							<img src="images/blog-img8.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>

				<div class="col-md-4">
					<div class="cardd" data-aos="zoom-in" data-aos-duration="500">
						<div class="img">
							<img src="images/blog-img9.png">
						</div>
						<div class="content">
							<h5>lorem ipsum dolor sit amet</h5>
							<p class="paragraph">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...4 doloremque laudan</p>
							<a href="javascript:void(0)">Read More<i class="fa-solid fa-chevron-right"></i></a>
						</div>
						<button><i class="fa-regular fa-star"></i></button>
					</div>
				</div>
			</div>
			<div class="pagination">
		        <a href="#" class="prev">Prev</a>
		        <a href="#" class="page-number active">1</a>
		        <a href="#" class="page-number">2</a>
		        <a href="#" class="page-number">3</a>
		        <a href="#" class="page-number">4</a>
		        <a href="#" class="page-number">5</a>
		        <span class="dots">...</span>
		        <a href="#" class="page-number">10</a>
		        <a href="#" class="next">Next</a>
		    </div>
		</div>

	</div>
	<img class="bird" src="images/bird.png">
</section>




<section class="audio">
	<div class="container">
		<div class="title">
			<h3 class="sub-heading">Audio</h3>
			<p class="paragraph">Stream music and playlists with SoundCloud and wow your visitors with your tunes.</p>
		</div>

		<div class="row">
			<div class="col-md-6">
				<div class="video">
					 <iframe width="560" height="315" src="https://www.youtube.com/embed/MWLcQVwyd8k" 
			                title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
			                encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
			        </iframe>
				</div>
			</div>

			<div class="col-md-6">
				<div class="video">
					 <iframe width="560" height="315" src="https://www.youtube.com/embed/MWLcQVwyd8k" 
			                title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
			                encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
			        </iframe>
				</div>
			</div>
		</div>

	</div>
</section>




<?php include 'include/footer.php';?>
<?php include 'include/script.php';?>
</div>
</div>