File: //home/bishwesh/BSFoundation/index.php
<?php include('partials/nav.php') ?>
<section class="w-full h-50 bg-center bg-cover h-128 md:py-40 py-10 bg-gray-900 bg-opacity-50 hero" style="background-image: url(./Assets/BS.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>
<!-- <button class="btn-primary w-full px-4 py-2 mt-4 text-sm font-medium text-white uppercase transition-colors duration-200 transform border-blue rounded-md lg:w-auto hover:bg-blue-500 focus:outline-none focus:bg-blue-500">Start project</button> -->
<a href="./about-us.php"><button class="btn btn-outline">Learn more   > </button></a>
</div>
</div>
</section>
<section class="intro py-10 px-10 md:px-40">
<h2 class="text-center text-2xl md:text-4xl uppercase py-14 color-blue">Introduction to <b class = "color-bsf">Bishweshwor Sushila Foundation</b></h2>
<div class="grid p-10 card bg-base-300 rounded-box place-items-center">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis quasi pariatur iure tempora excepturi commodi vitae quaerat porro quos odit voluptas explicabo repudiandae autem consequatur nam ex ducimus est impedit quae, voluptate dolores aperiam labore suscipit atque? Blanditiis esse maiores, adipisci neque eveniet pariatur, obcaecati labore, accusamus delectus odio natus? Distinctio, cum quo quasi nihil quaerat ratione veritatis nisi. Pariatur.</div>
</section>
<section class="history">
<div class="px-10 md:px-40">
<div class="text-center">
<h2 class="text-4xl md:text-8xl color-bsf py-14">Background</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div class="card border-2">
<figure>
<img class = "h-80 object-cover" src="Assets/Bishweshwor.jpg">
</figure>
<div class="card-body px-0 sm:px-8">
<h2 class="card-title">Bishweshwar Prasad Koirala</h2>
<p class="text-justify">(Nepali: विश्वेश्वरप्रसाद कोइराला; 8
September 1914 – 21 July 1982) was a
Nepali politician and a prolific writer. He
was the Prime Minister of Nepal from
1959 to 1960. He led the Nepali Congress,
a social democratic political party.
Koirala was the
first democratically elected and 22nd
Prime Minister of Nepal. He held the office
for 18 months before being deposed and
imprisoned at the instruction of King
Mahendra. The rest of his life was spent
largely in prison or exile and in steadily
deteriorating health</p>
<div class="justify-end card-actions">
<a href="#"><button class="btn btn-bsf-2"> More info </button></a>
</div>
</div>
</div>
<div class="card border-2">
<figure>
<img class = "h-80 object-cover" src="Assets/sushila.jpg">
</figure>
<div class="card-body px-0 sm:px-10">
<!-- <h2 class="card-title">Sushila Koirala</h2> -->
<p class="text-justify">Sushila Koirala was born in 1923 in Kapilvastu
Municipality, Lumbini Province, Kingdom of
Nepal.[2] In 1936, she married B. P. Koirala,
after the marriage she went to a school
in Biratnagar, and later she studied at
the Banaras Hindu
University in Banaras.[2] Koirala had also
learned Bharatnatyam and Kathak – major
forms of Indian classical dance.[2] B. P. Koirala
during his prison sentence in Hazaribagh placed a
bet with his inmates, claiming that Sushila was
the "most beautiful lady in the world".[2] Later in
his autobiography, Atmabrittanta, he described
her as "young and slim" and added that she
survived kala-azar.[2]
In 2007, she was honoured with the Gangadevi
Chaudhari Memorial Honour for "her
contribution in women empowerment and
awareness". </p>
<div class="justify-end card-actions">
<a href="#"><button class="btn btn-bsf-2"> More info </button></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="whoRwe px-10 md:px-40 my-36">
<!-- <div class="grid grid-flow-col auto-cols-max md:auto-cols-min"> -->
<div class="grid grid-cols-1 md:grid-cols-6 gap-10">
<img class = "col-span-1 md:col-span-4 h-full object-cover" src="Assets/party.jpg" alt="">
<div class="mvg-exerpt col-span-1 md:col-span-2">
<h2 class = "text-6xl color-bsf text-center my-6">Who are we ?</h2>
<div class="mvg-topic mb-5">
<h3 class = "py-4 color-blue text-4xl">   Our Vision</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores nulla ab explicabo facere, vero deleniti minima voluptatibus! Quos?</p>
<button class="btn btn-bsf mt-3">Read more   ></button>
</div>
<div class="mvg-topic mb-5">
<h3 class = "py-4 color-blue text-4xl">   Our Mission</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores nulla ab explicabo facere, vero deleniti minima voluptatibus! Quos?</p>
<button class="btn btn-bsf mt-3">Read more   ></button>
</div>
<div class="mvg-topi">
<h3 class = "py-4 color-blue text-4xl">   Our Goals</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores nulla ab explicabo facere, vero deleniti minima voluptatibus! Quos?</p>
<button class="btn btn-bsf mt-3">Read more   ></button>
</div>
</div>
</div>
</section>
<section class="what-we-do gray py-px">
<div class="px-10 md:px-40 my-36">
<h2 class = "topic text-6xl color-bsf text-center my-6">What we do</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-10">
<div class="vacation-card hover:bg-white">
<img class="vacation-card-image" src="Assets/card-img1.jpg" alt="Beach in Cancun">
<div class="vacation-card-info p-4 ">
<div class="vacation-card-title py-4">
<a class = "font-bold text-3xl pb-3" href="#">FIT: Food infrastructure training</a>
</div>
<p>
Early Child Development for Pre School children. Food for Education: Since many school children in Nepal and devoid of proper Tiffin facilities, introduce and execute Food for Education Program.
</p>
</div>
</div>
<div class="vacation-card hover:bg-white">
<img class="vacation-card-image" src="Assets/card-img2.jpg" alt="Beach in Cancun">
<div class="vacation-card-info p-4 ">
<div class="vacation-card-title py-4">
<a class = "font-bold text-3xl pb-3" href="#">Sports</a>
</div>
<p>
Early Child Development for Pre School children. Food for Education: Since many school children in Nepal and devoid of proper Tiffin facilities, introduce and execute Food for Education Program.
</p>
</div>
</div>
<div class="vacation-card hover:bg-white">
<img class="vacation-card-image" src="Assets/card-img3.jpg" alt="Beach in Cancun">
<div class="vacation-card-info p-4 ">
<div class="vacation-card-title py-4">
<a class = "font-bold text-3xl pb-3" href="#">Arts</a>
</div>
<p>
Early Child Development for Pre School children. Food for Education: Since many school children in Nepal and devoid of proper Tiffin facilities, introduce and execute Food for Education Program.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="what-we-do py-px">
<div class="px-10 md:px-40 my-36">
<h2 class = "topic text-6xl color-bsf text-center my-6">Latest News Updates</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-10">
<div class="vacation-card hover:bg-gray-200">
<img class="vacation-card-image" src="Assets/card-img1.jpg" alt="Beach in Cancun">
<div class="vacation-card-info p-4 ">
<div class="vacation-card-title py-4">
<a class = "font-bold text-3xl pb-3" href="#">FIT: Food infrastructure training</a>
</div>
<p>
Early Child Development for Pre School children. Food for Education: Since many school children in Nepal and devoid of proper Tiffin facilities, introduce and execute Food for Education Program.
</p>
<p class = "text-right">10 Nov 2021</p>
</div>
</div>
<div class="vacation-card hover:bg-gray-200">
<img class="vacation-card-image" src="Assets/card-img2.jpg" alt="Beach in Cancun">
<div class="vacation-card-info p-4 ">
<div class="vacation-card-title py-4">
<a class = "font-bold text-3xl pb-3" href="#">Sports</a>
</div>
<p>
Early Child Development for Pre School children. Food for Education: Since many school children in Nepal and devoid of proper Tiffin facilities, introduce and execute Food for Education Program.
</p>
<p class = "text-right">10 Nov 2021</p>
</div>
</div>
<div class="vacation-card hover:bg-gray-200">
<img class="vacation-card-image" src="Assets/card-img3.jpg" alt="Beach in Cancun">
<div class="vacation-card-info p-4 ">
<div class="vacation-card-title py-4">
<a class = "font-bold text-3xl pb-3" href="#">Arts</a>
</div>
<p>
Early Child Development for Pre School children. Food for Education: Since many school children in Nepal and devoid of proper Tiffin facilities, introduce and execute Food for Education Program.
</p>
<p class = "text-right">10 Nov 2021</p>
</div>
</div>
</div>
</div>
</section>
<section class="swiper mySwiper our-projs">
<h2 class = "topic text-6xl color-bsf text-center my-6">Our Projects</h2>
<div class="swiper-wrapper mx-10 md:mx-40 grid grid-cols-1 md:grid-cols-4 pb-24">
<div class="swiper-slide col-span-2 md:col-span-1">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/user/erondu/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 project</span>
<div class="pt-8 text-center">
<button class="text-center rounded-lg p-4 bg-white text-gray-700 font-bold text-lg">Learn more</button>
</div>
</div>
</div>
<div class="swiper-slide col-span-2 md:col-span-1">
<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 project</span>
<div class="pt-8 text-center">
<button class="text-center rounded-lg p-4 bg-white text-gray-700 font-bold text-lg">Learn more</button>
</div>
</div>
</div>
<div class="swiper-slide col-span-2 md:col-span-1">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190728/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 project</span>
<div class="pt-8 text-center">
<button class="text-center rounded-lg p-4 bg-white text-gray-700 font-bold text-lg">Learn more</button>
</div>
</div>
</div>
<div class="swiper-slide col-span-2 md:col-span-1">
<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 project</span>
<div class="pt-8 text-center">
<button class="text-center rounded-lg p-4 bg-white text-gray-700 font-bold text-lg">Learn more</button>
</div>
</div>
</div>
<div class="swiper-slide col-span-2 md:col-span-1">
<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 project</span>
<div class="pt-8 text-center">
<button class="text-center rounded-lg p-4 bg-white text-gray-700 font-bold text-lg">Learn more</button>
</div>
</div>
</div>
<div class="swiper-slide col-span-2 md:col-span-1">
<img
class="object-cover w-full h-64"
src="https://source.unsplash.com/collection/190728/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 project</span>
<div class="pt-8 text-center">
<button class="text-center rounded-lg p-4 bg-white text-gray-700 font-bold text-lg">Learn more</button>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</section>
<?php include('partials/footer.php') ?>