<nav class="navbar navbar-expand sticky-top" data-sticky="sticky-nav">
  <div class="container-xl">
    <a class="navbar-brand"><img src="https://static.hongcdn.com/images/logo.png" class="img-fluid" /></a>
    <div>
      <div class="collapse navbar-collapse">
        <ul class="navbar-nav navbar-nav-scroll">
          <li class="nav-item">
            <a href="#" class="nav-link">Home</a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">System</a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">Theme</a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">Trends</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</nav>
<div>
  <h2>Provide an agile, fast, and flexible foundation for your content.</h2>
  <p>ZMCMS provides your team with the infrastructure needed to build a strong, attractive, and consistent customer experience across all channels. With a powerful NoCode toolkit and industry-leading content management capabilities, top brands trust ZMCMS to drive results.</p>
  <h2>Provide an agile, fast, and flexible foundation for your content.</h2>
  <p>ZMCMS provides your team with the infrastructure needed to build a strong, attractive, and consistent customer experience across all channels. With a powerful NoCode toolkit and industry-leading content management capabilities, top brands trust ZMCMS to drive results.</p>
  <h2>Provide an agile, fast, and flexible foundation for your content.</h2>
  <p>ZMCMS provides your team with the infrastructure needed to build a strong, attractive, and consistent customer experience across all channels. With a powerful NoCode toolkit and industry-leading content management capabilities, top brands trust ZMCMS to drive results.</p>
  <h2>Provide an agile, fast, and flexible foundation for your content.</h2>
  <p>ZMCMS provides your team with the infrastructure needed to build a strong, attractive, and consistent customer experience across all channels. With a powerful NoCode toolkit and industry-leading content management capabilities, top brands trust ZMCMS to drive results.</p>
      <h2>Provide an agile, fast, and flexible foundation for your content.</h2>
    <p>ZMCMS provides your team with the infrastructure needed to build a strong, attractive, and consistent customer experience across all channels. With a powerful NoCode toolkit and industry-leading content management capabilities, top brands trust ZMCMS to drive results.</p>
      <h2>Provide an agile, fast, and flexible foundation for your content.</h2>
    <p>ZMCMS provides your team with the infrastructure needed to build a strong, attractive, and consistent customer experience across all channels. With a powerful NoCode toolkit and industry-leading content management capabilities, top brands trust ZMCMS to drive results.</p>
</div>
.cms_copyright {
  display: none;
}
.navbar {
  background: #f6f6f6;
  transition: background ease 0.3s;
}

.navbar-brand img {
  padding: 10px 0;
  max-width: 150px;
}

.sticky-nav {
  background: #000;
}
.sticky-nav .nav-link {
  color: #fff;
}

External CSS

  1. https://static.hongcdn.com/css/shared-pc-v5.min.css

External JavaScript

  1. https://static.hongcdn.com/js/shared-v5.min.js