<header class="landing-block landing-block-menu landing-ui-pattern-transparent u-header u-header--floating">
	<div class="u-header__section g-bg-black-opacity-0_3 g-transition-0_3 g-py-20"
		 data-header-fix-moment-exclude="g-bg-black-opacity-0_3 g-py-20"
		 data-header-fix-moment-classes="g-bg-black-opacity-0_7 g-py-10">
		<nav class="navbar navbar-expand-lg py-0 g-px-10">
			<div class="container">
				<!-- Logo -->
				<a href="#system_mainpage"
				   class="landing-block-node-menu-logo-link navbar-brand u-header__logo g-max-width-180 g-mr-60 p-0">
					<img class="landing-block-node-menu-logo img-fluid u-header__logo-img u-header__logo-img--main"
						 src="https://cdn.bitrix24.site/bitrix/images/landing/logos/accounting-logo-light.png" alt="">
				</a>
				<!-- End Logo -->

				<div id="navBar" class="collapse navbar-collapse">
					<!-- Navigation -->
					<div class="align-items-center flex-sm-row w-100">
						<ul class="js-scroll-nav landing-block-node-menu-list navbar-nav text-uppercase g-font-weight-700 g-font-size-13 g-py-20 g-py-0--lg">
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">HOME</a>
							</li>
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">ABOUT</a>
							</li>
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">SERVICES</a>
							</li>
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">PROJECTS</a>
							</li>
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">Testomonials</a>
							</li>
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">Best
									offers</a>
							</li>
							<li class="landing-block-node-menu-list-item nav-item g-mx-10--lg g-mx-15--xl g-mb-0--lg">
								<a href="#" class="landing-block-node-menu-list-item-link nav-link p-0">Contact</a>
							</li>
						</ul>
					</div>
					<!-- End Navigation -->
				</div>

				<!-- Responsive Toggle Button -->
				<button class="navbar-toggler btn g-line-height-1 g-brd-none g-pa-0 ml-auto" type="button"
						aria-label="Toggle navigation"
						aria-expanded="false"
						aria-controls="navBar"
						data-toggle="collapse"
						data-target="#navBar">
						<span class="hamburger hamburger--slider">
						  <span class="hamburger-box">
							<span class="hamburger-inner"></span>
						  </span>
						</span>
				</button>
				<!-- End Responsive Toggle Button -->

			</div>
		</nav>
	</div>
</header>