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;
  });
});

About INF Nepal

Established in 1952, INF is Nepal’s longest-serving international non-government organisation. INF helps people affected by leprosy, spinal cord injuries, and other disabilities; facilitates development in some of Nepal’s most remote and poorest communities and runs medical outreach programmes.

INF Nepal's Vision is to bring:

Life in all its fullness for Nepal’s poor & disadvantaged.

Watch

We Are INF

Watch all

“We Are INF” introduces the work of the International Nepal Fellowship (INF). Established in 1952, INF is a Christian mission serving the people of Nepal through health and development work. INF helps people affected by TB, leprosy, disability, HIV/AIDS, and drug abuse, while also facilitating development in poor communities, running medical camps, and providing medical training.

INF Nepal

70 Years of Service

INF Nepal is a non-government organisation, committed to uplifting communities and transforming lives through health and development initiatives. For over 70 years, we’ve served the poor and disadvantaged across Nepal, reaching 11 districts with life-changing support. Our work spans Gandaki, Lumbini, Karnali, and Sudurpashchim Provinces through partnerships with the Ministry of Women, Children and Senior Citizens, the Social Welfare Council (SWC), and INF International.

I am a heading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a heading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button

I am a heading three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button
INF Nepal

INF’s Healthcare Network

INF Nepal’s healthcare mission is anchored by three major hospitals: Green Pastures Hospital and Rehabilitation Centre (GPH) in Pokhara, Shining Hospital Banke, and Shining Hospital Surkhet. We also operate a dedicated Fistula Centre within Karnali Province Hospital in Birendranagar, Surkhet, providing specialised care.

I am a heading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a heading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button

I am a heading three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button
INF Nepal's

Identity

INF Nepal’s identity is at the heart of all we do, grounded in God’s love and compassion. This identity empowers us to create lasting change for Nepal’s disadvantaged communities, ensuring each effort is rooted in genuine compassion and excellence.

How to Get Involved

We serve with love because God first loved us.

Life in all its fullness for poor and disadvantaged people of Nepal.  

INF Nepal is a non-governmental organization existing to serve the people of Nepal, particularly the poor, disadvantaged people and communities in their holistic development by demonstrating God’s love and concern.

We seek to provide Excellent Service with Love and Integrity

Sunita Shares Her Story:

“It was cold in the tent, but with the warm blankets and mattresses (that INF provided), we could sleep comfortably.”

Sixteen-year-old Sunita Shahi from Jajarkot lost her father and brother in the devastating November 3rd earthquake. Despite the tragedy and her daily two-hour walk to school, Sunita is determined to honour her father’s wishes by continuing her education. INF Nepal’s swift response brought vital supplies like blankets and mattresses, giving her family warmth and comfort during their recovery. Please read more to learn about her inspiring story of resilience and strength.

INF Nepal's

Values

This identity empowers us to create lasting change for Nepal’s disadvantaged communities, ensuring each effort is rooted in genuine compassion and excellence. It shapes our approach to development and care, calling us to serve with dignity, respect, and integrity. 

God’s love compels us to reach out to others

Serving others, as Jesus did

Being honest as an organisation and as individuals

Striving for excellence in our work

Maya Shares Her Story:

“This wheelchair will allow me to be independent at home, ...”

Through the support of INF’s Wheels for Nepal program, Maya found a renewed sense of hope and freedom. “This wheelchair will allow me to be independent at home,” she shares gratefully, “and the first thing I want to do is prepare a meal for my husband.” With her newfound mobility, Maya has rediscovered purpose and love, embracing life with resilience and gratitude.

INF Nepal's

Character

Organisational character is the unique combination of values, culture, ethics, and behaviours that define how an organisation operates and is perceived. It serves as a guiding framework for decision-making, behaviour, and overall direction, ensuring alignment with mission and goals.

How to Get Involved

We serve with love because God first loved us.

Life in all its fullness for poor and disadvantaged people of Nepal.  

INF Nepal is a non-governmental organization existing to serve the people of Nepal,

We seek to provide Excellent Service with Love and Integrity