<!-- HEADER -->
	<header id="header">
		<!-- NAV -->
		<div class="navbar navbar-dark navbar-expand-lg bg-dark fixed-top">

			<!-- BUTTON CATGORII-->
			<button class="navbar-toggler float-left" type="button" data-toggle="collapse" data-target="#menu">
					<span class="navbar-toggler-icon"></span>
			</button>
			<!-- /BUTTON-->

			<!--NAVBAR BRAND-->
			<a href="{% url 'yl:index' %}" class="navbar-brand"><img src="{% static 'yl/images/logo.png' %}" alt="logo" width="180px" height="auto"></a>
			<!--/NAVBAR BRAND-->



			<!-- Blok ktory oznacuje collapse pre button vyssie-->
				<div class="collapse navbar-collapse" id="menu">
				<!--NAVBAR UL-->
				<ul class="navbar-nav">
					<li class="nav-item">
						<a href="#" class="nav-link">Zaujímavosti</a>
					</li>
					<li class="nav-item">
						<a href="#" class="nav-link">Hudba</a>
					</li>
					<li class="nav-item">
						<a href="#" class="nav-link">Movie</a>
					</li>
					<li class="nav-item">
							<a href="#" class="nav-link">Tech</a>
					</li>
					<li class="nav-item">
							<a href="#" class="nav-link">Lifestyle</a>
					</li>
					<li class="nav-item">
							<a href="#" class="nav-link">Ostatné</a>
					</li>
					<li class="nav-item">

					</li>
				</ul>
				<!--/NAVBAR UL-->
			</div>
			<!-- /div ktory oznacuje button collapse-->

			<!-- Search-->
			<form class="form-inline my-2 my-lg-0 ml-auto float-left">
					<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
					<button class="btn  my-2 my-sm-0" type="submit" id="search-button">Search</button>
			</form>
			<!--/Search-->
			</div>
		<!-- /NAV -->
	</header>