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

Governance and Management

At INF Nepal, we’re privileged to be guided by a group of dedicated leaders who serve with wisdom, humility, and a deep commitment to our vision. From our Senior Management Team to our Board of Directors, each member plays a vital role in shaping our mission and leading with integrity.

General Assembly (GA)

INF Nepal General Assembly is the highest body of the organization. The role of the GA is to approve the annual report, audit report, plans and budgets. Likewise, elect office bearers of Executive Committee, ratify documents presented in GA, carry out actions and make decisions as required by the Statute, Act and Regulations and amend Statute when necessary.

Governance, INF NEPAL: 2024-25 (2081/82)

Executive Committee (Board)

The Board is the governing body of the organization. It comprises of 9-11 members nominated/elected by the GA where one female member is mandatory. At least three meetings need to be held in a fiscal year. The Board provides strategic direction, decisions and guidance to management ensuring organizational level accountability and transparency. It presents the annual report, audit report, plans and budget each year to the GA for endorsement.

The Board or its representatives also monitor programmes and services of the organization at least once in a year and encourage management in improving the outcomes and provide constructive feedback, encourage staff and have courtesy visit to stakeholders during the field visits

INF Nepal's

Executive board:

The Board or its representatives also monitor programmes and services of the organization at least once in a year and encourage management in improving the outcomes and provide constructive feedback, encourage staff and have courtesy visit to stakeholders during the field visits.

How to Get Involved

Chairperson

Immediate Chairperson

Vice Chairperson

Secretary

Treasurer

Member

Member

Member

Member

Member

Advisor

Governance:

The Audit &
Risk Committee (ARC)

The Audit & Risk Committee (ARC) is a Sub-Committee of the Board and as such: The Chairperson of the ARC reports to the Board regarding the major issues and observations-findings of audits. It is a part of overall framework of the governance of INF Nepal. It reviews annual accounts, internal and external auditor's report, analyzes organizational risks and manages through Risk Management Policy & Framework. It follow-ups whistle blowing reports, ensures compliance, strengthens internal control system and works closely with the Board and assists the Board in fulfilling its oversight responsibilities.

This year ARC had two meetings and major actions were the recruitment of Internal Auditor, renewal of fixed deposit accounts, update and review of ARC's tenure and Co- options' provision and review of periodic accounts.

Committee Members

Ex Officio Members

  • Treasurer of INF Nepal Board (Chairperson)
  • Chairperson of INF Nepal Board (Member)
  • Two General Members appointed by Board
  • One/Two Members-Expertise in Risk Management & Control
Non-voting Right Members
  • Executive Director of INF Nepal
  • Finance Director of INF Nepal
  • Internal Auditor of INF Nepal
Management:

Strategic Management Team (SMT)

The Strategic Management Team (SMT) ensures that the organization functions as per the strategic direction and boundaries set by the Board. The overall role of the SMT is to ensure that long-term strategic plans for the organization are developed and in line with Identity of the organization, delegate and monitor the implementation of these plans as appropriate to achieve the vision of the organization. It facilitates and ensures coordination and collaboration between different departments and entities of the organization.

The SMT is responsible for overall management, safety and security of the organization and its assets. It also ensures appropriate allocation of the resources (finance, land, building or any other) required for implementation of the strategic plans.

SMT Members
  • Executive Director (Chairperson)
  • Medical Services Director (Member)
  • Community Health & Development Director (Member)
  • Finance Director (Member)
  • Human Resource Representative (Member)