File: /home/bishwesh/BSFoundation/publications-listing.php
<?php include('partials/nav.php') ?>
<section class="w-full h-50 bg-center bg-cover h-128 py-10 bg-gray-900 bg-opacity-50 hero" style="background-image: url(./Assets/bannerpublicationsmain.jpg);">
<div class="flex items-center justify-center w-full h-full">
<div class="text-center">
<h1 class="font-semibold text-white uppercase text-3xl hero-text md:text-8xl my-40">बिश्वेश्वर सुशीला प्रतिष्ठान</h1>
<a href="#"><button class="btn btn-outline">Learn more   > </button></a>
</div>
</div>
</section>
<h2 class="text-center text-4xl md:text-8xl color-bsf py-14 text center">All News</h2>
<div class="flex flex-wrap -mx-2 mb-8 px-10 md:px-40 w-full">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190727/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190327/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/194727/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190720/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190747/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190727/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190327/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/194727/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190720/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<div>
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190747/3000x900"
alt="apple watch photo"
/>
<h4 class = "text-2xl font-bold"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
</div>
</div>
</div>
</div>
<?php include('partials/footer.php') ?>