Flat Preloader Icon 
<div class="c-preloader">
	<div class="c-preloader__count"></div>
  <div class="c-preloader__progress"></div>
</div>

.bricks-is-frontend .c-preloader {
  position: fixed;
  top: 0;
  left: 0;
  background: #cc0000;
  width: 100%;
  height: 100vh;
  z-index: 10;
}
.bricks-is-frontend .c-preloader__count {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
font-size: clamp(4rem, 3.824vw + 2.776rem, 8rem);
  font-weight: 100;
  letter-spacing: -.5rem;
  z-index: 10;
}
.bricks-is-frontend .c-preloader__progress {
  background: black;
  height: 100%;
  width: 0%;
  position: absolute;
  top: 0;
  left: 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js"></script>

<script>
  
var imgLoad = imagesLoaded('img');

var progressBar = jQuery(".c-preloader__progress"),
    count = jQuery(".c-preloader__count"),
    images = jQuery("img").length,
    loadedCount = 0,
    loadingProgress = 0;
 
var tlProgress = new TimelineMax({
    paused: true,
    onUpdate: countPercent,
    onComplete: loadComplete
});

tlProgress.to(progressBar, 1, {width:"100%"});

imgLoad.on('progress', function(instance, image) {
    loadProgress();
});
 
function loadProgress() {
    loadedCount++;
    loadingProgress = (loadedCount / images);
    console.log(loadingProgress);

    TweenMax.to(tlProgress, 1, {progress: loadingProgress});
}

function countPercent() {
    var newPercent = (tlProgress.progress() * 100).toFixed();
    count.text(newPercent + "%");
}

function loadComplete() {
    var tlEnd = new TimelineMax();
    tlEnd
        .to(count, 0.5, {autoAlpha: 0})
        .to(".c-preloader", 0.5, {scaleX: 0, transformOrigin: "center right"});
}

</script>

/* Default state: transparent background */
#brx-header.sticky {
  position: sticky;
  top: 0;
  transition: opacity 0.5s ease, background-color 0.5s ease;
  opacity: 1;
  visibility: visible;
  background-color: transparent !important; /* Start with transparent background */
}

/* Hidden state when scrolling down */
#brx-header.sticky.nav-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: transparent !important; /* Stay transparent when hidden */
}

/* Visible state when scrolling up: background becomes black */
#brx-header.sticky.nav-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.5) !important; /* Background becomes black when scrolling up */
}
document.addEventListener('DOMContentLoaded', function () {
  let lastScrollTop = 0;
  const nav = document.querySelector('#brx-header.sticky'); // Ensure this targets the correct header element
  let hasScrolledDown = false; // Track if the user has scrolled down

  // Listen for the scroll event on the window
  window.addEventListener('scroll', function () {
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    console.log('Scroll position:', scrollTop); // Check scroll position in console

    if (scrollTop > lastScrollTop) {
      // User is scrolling down
      console.log('Scrolling down');
      nav.classList.remove('nav-visible');
      nav.classList.add('nav-hidden');
      hasScrolledDown = true; // User has scrolled down
    } else if (scrollTop < lastScrollTop && hasScrolledDown) {
      // User is scrolling up and has already scrolled down
      console.log('Scrolling up');
      nav.classList.remove('nav-hidden');
      nav.classList.add('nav-visible');
    }

    // Update the last scroll position
    lastScrollTop = scrollTop;
  });
});

Message from Executive Director

Thank you for visiting our official website and for your interest in the work of INF Nepal. This website offers a window into who we are, what we do, and why it matters. We hope it helps you understand our vision, the impact of our work, and the many ways you can engage with us.

Our Knowledge HubGet Involved
25+

Community Health and Development Projects in 2024-2025

726

Total Self Help Groups being mobilized in 2024-2025

Welcome.
to INF Nepal,

Thank you for visiting our official website and for your interest in the work of INF Nepal. This website offers a window into who we are, what we do, and why it matters.

 

We hope it helps you understand our vision, the impact of our work, and the many ways you can engage with us.

Established in 1952, INF is Nepal’s longest-serving international non-government organisation. The history of INF’s work in Nepal is about a labour of love towards the people of Nepal—serving the people of Nepal through health and development initiatives, improving the quality of life of individuals and communities for over 70 years.

INF Nepal is a Nepali non-government organisation committed to improving the quality of life of individuals and communities through inclusive health care and community development works. Our work spans 11 districts across Gandaki, Lumbini, Karnali, and Sudurpashchim Provinces, in close collaboration with the Government of Nepal, the Social Welfare Council, INF International, and other like-minded partners. Our healthcare services are anchored by three key hospitals: Green Pastures Hospital and Rehabilitation Centre (GPH) in Pokhara, Shining Hospital in Banke, and Shining Hospital in Surkhet. These centres serve people affected by leprosy, disability, and other chronic health conditions—ensuring no one is left behind.

INF has always cared for the poorest and most vulnerable people in Nepal. Whether it is treating those with illness or disability through our hospitals and community-based work, or working to support and empower women and men to make a change in their communities, we are there – motivated by faith, hope and love. In rural and remote districts, we alongside communities to improve health, strengthen livelihoods, and increase resilience. Our community development work is led by local voices, shaped by local realities, and focused on building long-term change.

Est.1952

Established in 1952

70

improving the quality of life of individuals & communities for over 70 years

107,420

Outpatient Visits in 2024-2025

80

Wheelchair provided in 2024-2025

Reflecting on over seven decades of dedicated service in Nepal, we honour the collective commitment of Nepali and expatriate friends, generous funding partners, and national and international government agencies. Their support has shaped INF Nepal’s journey—creating a rich legacy of compassion, impact, and hope.

The future holds great hope and promise for INF Nepal. We remain committed to reaching the most vulnerable communities and serving with compassion and excellence—continually working to bring our vision to life: “Life in all its fullness for poor and disadvantaged people of Nepal.” Let’s keep this momentum going and continue achieving great things together. Thank you for making this possible!

We appreciate your time and interest, and we welcome your support as we continue to serve with Love, Service, Excellence, and integrity

Krishna Adhikari