<nav class="navbar navbar-expand-lg navbar-light bg-light">
	<div class="container">
		<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
			aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>

		<div class="collapse navbar-collapse" id="navbarNavDropdown">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item">
					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
				</li>
				{{ if .Site.Params.contact }}
				<li class="nav-item">
					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact">Contact</a>
				</li>
				{{ end }}

				{{ range site.Params.customMenus }}
				<li class="nav-item">
					<a class="nav-link text-dark" href="{{.Url}}">{{ .name }}</a>
				</li>
				{{ end }}
			</ul>
		</div>
	</div>
</nav>