<?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/bannersslk.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>
        </div>
    </div>
</section>

<section class="mvg-main my-24">
      <div class="px-10 md:px-40">
      <div class="grid grid-cols-1 lg:grid-cols-6 gap-10">
        <div class="col-span-1 lg:col-span-4">
          <h2 class="text-2xl md:text-5xl color-bsf pb-10">Knowing Sushila Koirala</h2>
          <h3 class = "text-4xl mb-6 font-bold">Childhood</h3>
          <p>
          If we wish Nepal’s history and culture be continued for ages to come, we need to start strengthening the basis for the future right away. The knowledge, skill and character that our children obtain today are to strengthen Nepal and Nepalese identity and pride tomorrow. Their future will not only spread positive influence on them and their family but will also help the entire Nation of Nepal. If their dreams are fulfilled, then not only will that help them but will also help the entire country to establish itself in the world strongly and make her renowned. This is the reason why the area concerned with the future, development and dreams of our children, that is, education, is the most vital area of all. That is why, we need to put our focus on education immediately.
          </p>
          <p>
          There is no doubt in the fact that societies, Nations and the entire World itself are shaped by the character of individuals. The type of character that is prevalent in them are to determine how societies are to become, nations are to become, and the world is to become. In the context of the same, character: discipline, harmony, love, care, sympathy, creative capacity, curiosity are the fundamental components of it. To develop such character, we use the education system but do not concern ourselves in making sure whether such character building components are embedded in our systems and even if they are embedded, yet we do not concern ourselves as much as we should have in making sure whether those components are becoming influential or not. For instance, properly conducted sporting activities develops discipline, brotherhood in children. Similarly, properly conducted artistic activities develops and enhances creative capacity and curiosity in children. Religious topics, spirituality and philosophy develops the crucial knowledge in children towards life and existence itself. Many schools of Nepal are devoid of such aspects and even though few other schools do have such aspects included, much care is not put on them as much as it should have.
          </p>
          <button class="btn btn-bsf mt-3">Read more &nbsp ></button>
          <br>
          <h3 class = "text-4xl my-6 font-bold">Literature</h3>
          <p>
          We are still making a huge mistake of thinking that examinations and homework’s are the only means of learning. Due to our such pre-occupation, we become strict towards our children in only these two aspects and act accordingly. The result of which is such that our children are not learning properly. But the thing more hazardous than that is:  negative influence is being spread in their psyche due to which their future, development and their dreams have become uncertain.
          </p>
          <p>
          If we immediately do not care to become careful on the character building components mentioned above and shape our education system accordingly, not only will it mystify the future, development and dreams of our children but will surely create uncertainty over Nepal’s future itself. For instance, the dreams of many Nepalese children shatter to pieces in the first steps of their adulthood itself, the negative fruit of which even Nepal has been forced to taste. That is the reason why, the components of character building: Sports, Arts, Religion, Spirituality, Philosophy have to be provided with a special part in our education system immediately. All other things can be pushed aside for that.
          </p>
          <p>
          We are still making a huge mistake of thinking that examinations and homework’s are the only means of learning. Due to our such pre-occupation, we become strict towards our children in only these two aspects and act accordingly. The result of which is such that our children are not learning properly.
          </p>

          <div class="my-10 container mx-auto flex flex-col md:flex-row shadow-sm overflow-hidden" x-data="{ testimonialActive: 2 }" x-cloak>

    <div class="bg-gray-100">
      <div class="flex flex-col h-full relative">
        <h4 class = "font-bold text-4xl px-6 md:px-16 mt-4 pl-32 text-center">Thoughts of the great leader</h4>

        <div class="absolute top-0 left-0 mt-3 ml-4 md:mt-5 md:ml-12">
          <svg xmlns="http://www.w3.org/2000/svg" class="text-indigo-200 fill-current w-12 h-12 md:w-16 md:h-16" viewBox="0 0 24 24">
            <path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L9.758 4.03c0 0-.218.052-.597.144C8.97 4.222 8.737 4.278 8.472 4.345c-.271.05-.56.187-.882.312C7.272 4.799 6.904 4.895 6.562 5.123c-.344.218-.741.4-1.091.692C5.132 6.116 4.723 6.377 4.421 6.76c-.33.358-.656.734-.909 1.162C3.219 8.33 3.02 8.778 2.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C2.535 17.474 4.338 19 6.5 19c2.485 0 4.5-2.015 4.5-4.5S8.985 10 6.5 10zM17.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L20.758 4.03c0 0-.218.052-.597.144-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162C14.219 8.33 14.02 8.778 13.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C13.535 17.474 15.338 19 17.5 19c2.485 0 4.5-2.015 4.5-4.5S19.985 10 17.5 10z" /></svg>
        </div>

        <div class="h-full relative z-10">
          <div x-show.immediate="testimonialActive === 1">
            <p class="text-gray-600 serif font-normal italic px-6 py-6 md:px-16 md:py-10 text-xl md:text-2xl" x-show.transition="testimonialActive == 1">
              Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
            </p>
          </div>

          <div x-show.immediate="testimonialActive === 2">
            <p class="text-gray-600 serif font-normal italic px-6 py-6 md:px-16 md:py-10 text-xl md:text-2xl" x-show.transition="testimonialActive == 2">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viverra facilisis sed gravida in dis ipsum, posuere auctor.
            </p>
          </div>

          <div x-show.immediate="testimonialActive === 3">
            <p class="text-gray-600 serif font-normal italic px-6 py-6 md:px-16 md:py-10 text-xl md:text-2xl" x-show.transition="testimonialActive == 3">
              Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
            </p>
          </div>
        </div>

        <!-- <div class="absolute right-0 bottom-0 mr-4 mb-4 hidden md:block"> -->
        <div class="flex my-4 justify-center items-center">
        <button class="rounded-l-full border-r bg-gray-100 text-gray-500 focus:outline-none hover:text-indigo-500 font-bold w-12 h-10" x-on:click="testimonialActive = testimonialActive === 1 ? 3 : testimonialActive - 1">
          &#8592;
        </button><button class="rounded-r-full bg-gray-100 text-gray-500 focus:outline-none hover:text-indigo-500 font-bold w-12 h-10" x-on:click="testimonialActive = testimonialActive >= 3 ? 1 : testimonialActive + 1">
          &#8594;
        </button>
      </div>
      </div>
    </div>
  </div>
  <!-- Carousel end -->
        </div>
        <div class="col-span-1 lg:col-span-2">
          <img class = "h-96 w-full object-contain mb-6" src="./Assets/sskmam.jpg" alt="">
          <div class="notices p-7 bg-vividblue text-white">
            <div class="text-center text-2xl">Notices</div>
            <ul class = "leading-8">
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
              
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
            </ul>
          </div>

          <div class="notices p-7 bg-red text-white mt-14">
            <div class="text-center text-2xl">Publication</div>
            <ul class = "leading-8">
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
              
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
              <li class = "mb-3">
                <a class = "leading-6" href="#">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet ipsum dolor sit amet, consectetur adipiscing elit</p>
              </a>
              <p class="text-right">10 Nov 2021</p> 
              </li>
            </ul>
          </div>
          
        </div>
      </div>
    </div>
    </section>

    

<?php include('./partials/projslider.php') ?>

<?php include('partials/footer.php') ?>