<!-- Blog Start -->
<section class="py-12 container mx-auto px-6 " >
<div class="flex justify-center">
<div class="lg:w-2/3 space-y-5 text-center">
<h1 class="text-2xl text-gray-800 uppercase tracking-widest">Blog</h1>
<div class="h-0.5 bg-green-500 w-14 mx-auto"></div>
<p class="text-gray-400">Our blog section serves as a platform for sharing our knowledge, experiences, and ideas with our readers.
</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-20 ">
<div>
<!-- Blog 1 -->
<div class="transition-all ease-in-out duration-300 hover:-translate-y-4">
<img src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1685001401/components/airfocus-lTWC_5OjyYc-unsplash_1_cxaswx_e25jxz.webp" class="mb-4" alt="Blog img-1">
<h1 class="text-gray-400 text-sm">Technology</h1>
<h1 class="mb-2">
<a href="#" class="text-xl hover:text-green-500">How AI is Revolutionizing the Tech Industry</a>
</h1>
<p class="text-gray-400 text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<div class="mt-4">
<a href="#" class="text-green-500">
Read More
</a>
</div>
</div>
</div>
<div>
<!-- Blog 2 -->
<div class="transition-all ease-in-out duration-300 hover:-translate-y-4">
<img src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1685001401/components/bg-home_oxiq4q_ynkmm5.webp" class="mb-4" alt="Blog img-2">
<h1 class="text-gray-400 text-sm ">Education</h1>
<h1 class="mb-2">
<a href="#" class="text-xl hover:text-green-500">Online Learning: Pros and Cons of the New Normal in Education</a>
</h1>
<p class="text-gray-400 text-sm ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<div class="mt-4">
<a href="#" class="text-green-500">
Read More
</a>
</div>
</div>
</div>
<div>
<!-- Blog 3 -->
<div class="transition-all ease-in-out duration-300 hover:-translate-y-4">
<img src="https://res.cloudinary.com/daiyj7fxl/image/upload/v1685001401/components/airfocus-lTWC_5OjyYc-unsplash_1_cxaswx_e25jxz.webp" class="mb-4" alt="Blog img-3">
<h1 class="text-gray-400 text-sm">Business</h1>
<h1 class="mb-2">
<a href="#" class="text-xl hover:text-green-500">Creating a Successful Startup: Tips from Industry Experts</a>
</h1>
<p class="text-gray-400 text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<div class="mt-4">
<a href="#" class="text-green-500">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Blog End -->