<script> 
    document.addEventListener("scroll", () => {
  const section1 = document.querySelector(".topbar");
  const section2 = document.querySelector(".mainheader");

  // Check the scroll position
  if (window.scrollY === 0) {
    // Fully scrolled to the top
    section1.classList.remove("scrolled");
    section2.classList.remove("scrolled");
  } else {
    // Handle Section 1
    const rect1 = section1.getBoundingClientRect();
    if (rect1.top <= 0) {
      section1.classList.add("scrolled");
    } else {
      section1.classList.remove("scrolled");
    }

    // Handle Section 2
    const rect2 = section2.getBoundingClientRect();
    if (rect2.top <= 36) {
      section2.classList.add("scrolled");
    } else {
      section2.classList.remove("scrolled");
    }
  }
});
</script>
.scrolled {
  background-color: #ffffff;
}

.topbar {
  border-bottom-color: rgb(255 255 255 / 35%);
}

.mainheader.scrolled a {
  color: #66686a;
}

.mainheader.scrolled .bricks-mobile-menu-toggle span {
    background-color: #66686a;
}

.mainheader.scrolled button {
  color: #66686a !important;
}

.topbar.scrolled {
  border-bottom-color: #e3e3e3;
}

.topbar.scrolled a {
  color: #66686a !important;
}

.topbar.scrolled button {
  color: #66686a !important;
}

The first choice


Projects

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.

  • All Projects
    • All
    • Coffee
    • Restaurant
    • Supermarket
    • Car Services