<header class="landing-block landing-block-menu g-bg-white u-header u-header--floating g-z-index-9999">
	<div class="u-header__section u-header__section--light u-shadow-v27 g-transition-0_3 g-py-17"
		 data-header-fix-moment-exclude="g-py-17"
		 data-header-fix-moment-classes="g-py-12">
		<nav class="navbar navbar-expand-lg g-py-0 g-mt-10 g-px-10">
			<div class="container">
				<!-- Logo -->
				<a href="#system_mainpage" class="landing-block-node-menu-logo-link navbar-brand u-header__logo p-0">
					<img class="landing-block-node-menu-logo u-header__logo-img u-header__logo-img--main g-max-width-180"
						 src="https://cdn.bitrix24.site/bitrix/images/landing/logos/courses-logo-dark.png" alt="Logo">
				</a>
				<!-- End Logo -->

				<!-- Navigation -->
				<div class="collapse navbar-collapse align-items-center flex-sm-row" id="navBar">
					<ul class="landing-block-node-menu-list js-scroll-nav navbar-nav col-lg-9 text-uppercase g-font-weight-700 g-font-size-12 g-pt-20 g-pt-0--lg g-mb-20 g-mb-0--lg ml-auto g-mr-20">
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#home"
							   class="landing-block-node-menu-list-item-link nav-link">Home</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#about"
							   class="landing-block-node-menu-list-item-link nav-link">About</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#ourCourses"
							   class="landing-block-node-menu-list-item-link nav-link">Our
								courses</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#ourNumbers"
							   class="landing-block-node-menu-list-item-link nav-link">Our
								numbers</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#gallery"
							   class="landing-block-node-menu-list-item-link nav-link">Gallery</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#teachers"
							   class="landing-block-node-menu-list-item-link nav-link">Teachers</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#offers"
							   class="landing-block-node-menu-list-item-link nav-link">Offers</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#partners"
							   class="landing-block-node-menu-list-item-link nav-link">Partners</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#blog"
							   class="landing-block-node-menu-list-item-link nav-link">Blog</a>
						</li>
						<li class="landing-block-node-menu-list-item nav-item g-mx-3--lg g-mb-5 g-mb-0--lg">
							<a href="#contact"
							   class="landing-block-node-menu-list-item-link nav-link">Contact</a>
						</li>
					</ul>

					<ul class="list-inline mb-0 landing-block-node-menu-list-social d-lg-flex justify-content-end col-lg-3 g-px-0">
						<li class="landing-block-card-social list-inline-item g-mr-10 g-mr-0--last"
							data-card-preset="facebook">
							<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
							   href="https://facebook.com">
								<i class="landing-block-card-social-icon fa fa-facebook"></i>
							</a>
						</li>
						<li class="landing-block-card-social list-inline-item g-mr-10 g-mr-0--last"
							data-card-preset="instagram">
							<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
							   href="https://instagram.com">
								<i class="landing-block-card-social-icon fa fa-instagram"></i>
							</a>
						</li>
						<li class="landing-block-card-social list-inline-item g-mr-10 g-mr-0--last"
							data-card-preset="twitter">
							<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
							   href="https://twitter.com">
								<i class="landing-block-card-social-icon fa fa-twitter"></i>
							</a>
						</li>
					</ul>
				</div>
				<!-- End Navigation -->

				<!-- 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>