File: /home/bishwesh/BSFoundation/publications-main.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>
<section class="pub-exerpts">
<div class="px-10 md:px-40">
<div class="topic flex justify-between">
<h2 class="text-4xl md:text-8xl color-bsf py-14">News</h2>
<div class="my-auto">
<button class="btn btn-bsf-2 px-6"> <a class = "block" href="publications-listing.php">See all   <i class="fas fa-eye"></i></a> </button>
</div>
</div>
<!-- <section class="swiper grid grid-cols-4 md:grid-cols-4 gap-10">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190727/3000x900"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button>
</div>
</div>
</div>
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190727/3000x900"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button>
</div>
</div>
</div>
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190727/3000x900"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button>
</div>
</div>
</div>
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190727/3000x900"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button>
</div>
</div>
</div>
</section> -->
<div class="flex flex-wrap -mx-2 mb-8">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="Assets/News1.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/News2.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/News3.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/News4.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pub-exerpts">
<div class="px-10 md:px-40">
<div class="topic flex justify-between">
<h2 class="text-4xl md:text-8xl color-bsf py-14">Stories</h2>
<div class="my-auto">
<button class="btn btn-bsf-2 px-6"> <a class = "block" href="publications-listing.php">See all   <i class="fas fa-eye"></i></a> </button>
</div>
</div>
<div class="flex flex-wrap -mx-2 mb-8">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="Assets/Stories1.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/Stories2.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/Stories3.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/Stories4.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pub-exerpts">
<div class="px-10 md:px-40">
<div class="topic flex justify-between">
<h2 class="text-4xl md:text-8xl color-bsf py-14">Publication</h2>
<div class="my-auto">
<button class="btn btn-bsf-2 px-6"> <a class = "block" href="publications-listing.php">See all   <i class="fas fa-eye"></i></a> </button>
</div>
</div>
<div class="flex flex-wrap -mx-2 mb-8">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1 sm:col-span-2">
<img
class="object-cover w-full h-64"
src="Assets/Stories1.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/Stories2.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/Stories3.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="swiper-slide swiper-wrapper col-span-4 md:col-span-1">
<img
class="object-cover w-full h-64"
src="Assets/Stories4.jpg"
alt="apple watch photo"
/>
<div class="absolute opacity-0 fd-sh hover:opacity-100 top-0 right-0 bottoom-0 left-0 h-full">
<span class="text-3xl font-bold text-white tracking-wider leading-relaxed font-sans">Education Help</span>
<div class="pt-8 text-center">
<a href="publication-single.php"><button class="text-center btn-bsf rounded-lg p-4 bg-white text-white font-bold text-lg">Find out more </button></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pub-exerpts">
<div class="px-10 md:px-40">
<div class="topic flex justify-between">
<h2 class="text-4xl md:text-8xl color-bsf py-14">Archive</h2>
<div class="my-auto">
<button class="btn btn-bsf-2 px-6"> <a class = "block" href="publications-listing.php">See all   <i class="fas fa-eye"></i></a> </button>
</div>
</div>
<div class="flex flex-wrap -mx-2 mb-8">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<img
class="object-contain w-full h-32"
src="Assets/zip.png"
alt="Zip icon"
/>
<div class="flex justify-between">
<h4 class = "text-2xl text-center my-6"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
<a class = "btn btn-outline hover:bg-red-600 border-red-600 hover:border hover:border-red-600 h-24" href="Assets/zip.zip" download><i class="fas color-blue fa-2x fa-download hover:text-white"></i></a>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<img
class="object-contain w-full h-32"
src="Assets/zip.png"
alt="Zip icon"
/>
<div class="flex justify-between">
<h4 class = "text-2xl text-center my-6"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
<a class = "btn btn-outline hover:bg-red-600 border-red-600 hover:border hover:border-red-600 h-24" href="Assets/zip.zip" download><i class="fas color-blue fa-2x fa-download hover:text-white"></i></a>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<img
class="object-contain w-full h-32"
src="Assets/zip.png"
alt="Zip icon"
/>
<div class="flex justify-between">
<h4 class = "text-2xl text-center my-6"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
<a class = "btn btn-outline hover:bg-red-600 border-red-600 hover:border hover:border-red-600 h-24" href="Assets/zip.zip" download><i class="fas color-blue fa-2x fa-download hover:text-white"></i></a>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<img
class="object-contain w-full h-32"
src="Assets/zip.png"
alt="Zip icon"
/>
<div class="flex justify-between">
<h4 class = "text-2xl text-center my-6"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</a></h4>
<a class = "btn btn-outline hover:bg-red-600 border-red-600 hover:border hover:border-red-600 h-24" href="Assets/zip.zip" download><i class="fas color-blue fa-2x fa-download hover:text-white"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="pub-exerpts">
<div class="px-10 md:px-40">
<div class="topic flex justify-between">
<h2 class="text-4xl md:text-8xl color-bsf py-14">Audio</h2>
<div class="my-auto">
<button class="btn btn-bsf-2 px-6"> <a class = "block" href="publications-listing.php">See all   <i class="fas fa-eye"></i></a> </button>
</div>
</div>
<div class="flex flex-wrap -mx-2 mb-8">
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="flex">
<i class="fas fa-file-audio fa-5x"></i>
<h4 class = "text-2xl text-center my-6 mx-4"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor </a></h4>
</div>
<div class="flex ">
<audio class = "w-2/3" controls>
<source src="Assets/sample_audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a class = "px-4" href="Assets/sample_audio.mp3" download><i class="fas color-blue fa-2x fa-cloud-download-alt hover:text-red-600 mt-3"></i></a>
</div> <i class=""></i>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="flex">
<i class="fas fa-file-audio fa-5x"></i>
<h4 class = "text-2xl text-center my-6 mx-4"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor </a></h4>
</div>
<div class="flex ">
<audio class = "w-2/3" controls>
<source src="Assets/sample_audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a class = "px-4" href="Assets/sample_audio.mp3" download><i class="fas color-blue fa-2x fa-cloud-download-alt hover:text-red-600 mt-3"></i></a>
</div> <i class=""></i>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="flex">
<i class="fas fa-file-audio fa-5x"></i>
<h4 class = "text-2xl text-center my-6 mx-4"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor </a></h4>
</div>
<div class="flex ">
<audio class = "w-2/3" controls>
<source src="Assets/sample_audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a class = "px-4" href="Assets/sample_audio.mp3" download><i class="fas color-blue fa-2x fa-cloud-download-alt hover:text-red-600 mt-3"></i></a>
</div> <i class=""></i>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-4">
<div class="flex">
<i class="fas fa-file-audio fa-5x"></i>
<h4 class = "text-2xl text-center my-6 mx-4"><a class = "color-blue hover:text-red-500" href="publication-single.php">Lorem ipsum, dolor </a></h4>
</div>
<div class="flex ">
<audio class = "w-2/3" controls>
<source src="Assets/sample_audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a class = "px-4" href="Assets/sample_audio.mp3" download><i class="fas color-blue fa-2x fa-cloud-download-alt hover:text-red-600 mt-3"></i></a>
</div> <i class=""></i>
</div>
</div>
</div>
</section>
<?php include('partials/projslider.php') ?>
<?php include('partials/footer.php') ?>