includes/_top.htm

<div class="main">
	<div class="header" id="header">
		<a href="/" class="logo-link">
			<span class="visually-hidden">Apache Kafka</span>
		</a>

		<button type="button" class="top-nav-toggle burger-toggle" id="top-nav-toggle" aria-haspopup="true" aria-expanded="false">
			<span class="visually-hidden">Toggle navigation</span>
			<span class="burger-line"></span>
			<span class="burger-line"></span>
			<span class="burger-line"></span>
		</button>
		
		<div class="top-nav-container" id="top-nav-container">
			<nav class="top-nav" role="navigation" aria-label="Main menu">
				<ul class="top-nav-list">
					<li class="top-nav-item" role="menuitem">
						<a href="#" class="top-nav-item-anchor" aria-haspopup="true" aria-expanded="false">
							Get Started
						</a>
						<ul class="top-nav-menu" aria-hidden="true" role="menu" title="Get Started">
							<li class="top-nav-menu-item" role="menuitem">
								<a href="/intro" tabindex="-1" class="top-nav-anchor">
									Introduction
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a href="/quickstart" tabindex="-1" class="top-nav-anchor">
									Quickstart
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a href="/uses" tabindex="-1" class="top-nav-anchor">
									Use Cases
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a href="/books-and-papers" tabindex="-1" class="top-nav-anchor">
									Books &amp; Papers
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a href="/videos" tabindex="-1" class="top-nav-anchor">
									Videos
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a href="/podcasts" tabindex="-1" class="top-nav-anchor">
									Podcasts
								</a>
							</li>
						</ul>
					</li>
					<li class="top-nav-item" role="menuitem">
						<a href="/documentation" class="top-nav-item-anchor" aria-haspopup="true" aria-expanded="false" aria-controls="nav-documentation-menu">
							Docs
						</a>
						<ul class="top-nav-menu" aria-hidden="true" role="menu" id="nav-documentation-menu" title="Docs">
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#gettingStarted">
									Key Concepts
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#api">
									APIs
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#configuration">
									Configuration
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#design">
									Design
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#implementation">
									Implementation
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#operations">
									Operations
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#security">
									Security
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://cwiki.apache.org/confluence/display/KAFKA/Clients" target="_blank">
									Clients
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation#connect">
									Kafka Connect
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/documentation/streams">
									Kafka Streams
								</a>
							</li>
						</ul>
					</li>
					<li class="top-nav-item" role="menuitem">
						<a class="top-nav-item-anchor" href="/powered-by">
							Powered By
						</a>
					</li>
					<li class="top-nav-item" role="menuitem">
						<a href="#" class="top-nav-item-anchor" aria-haspopup="true" aria-expanded="false" aria-controls="nav-community-menu">
							Community
						</a>
						<ul class="top-nav-menu" aria-hidden="true" role="menu" id="nav-community-menu" title="Community">
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://kafka-summit.org/" target="_blank">
									Kafka Summit
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/project">
									Project Info
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/trademark">
									Trademark
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://cwiki.apache.org/confluence/display/KAFKA/Ecosystem" target="_blank">
									Ecosystem
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/events">
									Events
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="/contact">
									Contact us
								</a>
							</li>
						</ul>
					</li>
					<li class="top-nav-item" role="menuitem">
						<a href="#" class="top-nav-item-anchor" aria-haspopup="true" aria-expanded="false" aria-controls="nav-community-menu">
							Apache
						</a>
						<ul class="top-nav-menu" aria-hidden="true" role="menu" id="nav-community-menu" title="Community">
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://www.apache.org/licenses/" target="_blank">
									License
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://www.apache.org/foundation/sponsorship.html" target="_blank">
									Donate
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://www.apache.org/foundation/thanks.html" target="_blank">
									Sponsors
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://www.apache.org/security/" target="_blank">
									Security
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://privacy.apache.org/policies/privacy-policy-public.html" target="_blank">
									Privacy
								</a>
							</li>
							<li class="top-nav-menu-item" role="menuitem">
								<a class="top-nav-anchor" tabindex="-1" href="https://www.apache.org/" target="_blank">
									Apache.org
								</a>
							</li>
						</ul>
					</li>
					<li class="top-nav-item" role="menuitem">
						<a href="/downloads" class="top-nav-download" tabindex="-1" id="top-nav-download">
							Download Kafka
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>