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

Privacy Policy

INF Nepal Privacy Policy

Privacy is given serious importance at INF Nepal (“we”, “us”, “our”). We ensure compliance with all relevant privacy and data protection laws when handling personal information.

We encourage you to review this Privacy Policy carefully to help you make an informed decision when providing information to us.

If you are based in the European Union and use our website and/or services, additional terms in the GDPR Addendum apply to you.

This Privacy Policy does not limit your rights under relevant privacy and data protection laws.

1.0 Collection of Personal Information

INF Nepal collects personal information to enable us to provide services or to engage with you. The information collected may include your name, date of birth, country of residence, and contact details (such as physical address, email, and phone number), as well as details related to companies, trusts, or other entities associated with you.

INF Nepal collects and holds personal information directly from you when you:

  • Request our services
  • Become a member and we provide you with services
  • Use our website
  • Contact INF Nepal’s support team

Choosing not to provide certain information may restrict or prevent us from delivering services to you.

2.0 INF Nepal May Receive Personal Information from You About Others

Through your use of our services, INF Nepal may also collect information about someone else with your authorisation (e.g., through website features that involve third parties) or where information is publicly available. You must ensure you are authorised to disclose this information and that the individual concerned is aware and consents to the details outlined in this Privacy Policy.

3.0 INF Nepal Collects, Holds, and Uses Your Personal Information for Limited Purposes

INF Nepal collects personal information to assist us in providing the requested services, for purposes such as:

  • Service provision
  • Marketing related to our services
  • Internal training related to our services
  • Legal compliance
  • Communication, including responding to complaints
  • Any use authorised by you or relevant privacy laws

In the event of a sale or reorganisation, your information may be transferred.

By using our website or asking us to provide services, you consent to the collection, holding, and use of your personal information as outlined. INF Nepal will only use your personal information in accordance with this Privacy Policy.

4.0 INF Nepal Can Collect Non-Personally Identifiable Data

When you use our services, you agree to allow INF Nepal to access, aggregate, and use non-personally identifiable data to:

  • Understand client engagement with our services
  • Provide clients with information on the uses and benefits of our services
  • Improve our website and services
  • Increase business productivity
5.0 Transfer and Storage of Personal Information

All information you provide or that is collected during your website visit is automatically transferred to INF Nepal’s servers. This may be outside of your country of residence, including servers hosted in Nepal and other designated locations. By using our website, you consent to your information being stored on these servers.

INF Nepal is based in Nepal and may access your personal information from Nepal. If you are uncomfortable with this, please do not provide INF Nepal with your personal information.

6.0 INF Nepal is Committed to Protecting Your Personal Information

INF Nepal takes steps to protect your personal information, but the internet cannot be guaranteed as a secure environment. If you become aware of any security breach, contact us immediately.

7.0 INF Nepal Will Only Release Your Personal Information in Limited Circumstances

Your personal information will only be disclosed as necessary to fulfil services and as outlined in our Terms of Use. We may disclose information to comply with legal obligations without your consent.

8.0 INF Nepal Does Not Store Your Credit Card Details

Credit card details, if required for services, will not be stored online and are handled securely by our payment provider.

9.0 Requesting Access to Your Personal Information

You may request access to or correction of your personal information by contacting us at:

Email: [email protected]
Phone: +977 [0]61 570 111

We will respond to your request as soon as practicable.

10.0 INF Nepal Uses Cookies

INF Nepal’s website uses cookies to improve functionality and understand user engagement. A cookie is a small file which asks permission to be placed on your computer’s hard drive. Once you agree, the cookie helps us analyse web traffic or lets you know when you visit a particular site. You can opt out of targeted advertising or manage cookie settings in your browser.

11.0 Opting Out of Communications

INF Nepal uses email to send updates and marketing. You can opt out of these communications, except for mandatory notifications related to privacy or terms of use.

12.0 Your Responsibility in Transferring Data to Third-Party Applications

INF Nepal’s website may contain links to third-party websites. INF Nepal has no control over and takes no responsibility for these websites. Please exercise caution and review the privacy policy of any third-party sites you visit.

13.0 Privacy Complaints Process

If you have a complaint about our handling of your information, contact us at:

Email: [email protected]
Phone: +977 [0]61 570 111

We will respond promptly and seek to resolve any issues.

14.0 Children’s Online Policy

We are concerned about the privacy of young children and do not knowingly collect any personal information from children under 13. We encourage parents to be involved with their children’s online activities.

15.0 Controlling Your Information

If you have previously agreed to us using your personal information, you may change your mind at any time by contacting us at [email protected]. You may request details of personal information we hold about you and ask us to correct any inaccuracies.

16.0 Updates to This Privacy Policy

INF Nepal reserves the right to update this policy at any time. Changes will be posted on our website.