collection-crud/templates/header.html.twig

<div class="top-bar">
	<div class="top-bar-left">
		<ul class=" dropdown menu" data-dropdown-menu>
			<li class="menu-text">Collection CRUD</li>
			<li class="mega-menu">
				<a data-toggle="computer-menu" href="#">Computer Related</a>

				<div class="dropdown-pane bottom" id="computer-menu" data-dropdown data-options="closeOnClick:true; hover: true; hoverPane: true; vOffset:11">
					{% include 'computer-menu.html.twig' %}
				</div>
			</li>
			<li class="mega-menu">
				<a data-toggle="photo-menu" href="#">Photography</a>

				<div class="dropdown-pane bottom" id="photo-menu" data-dropdown data-options="closeOnClick:true; hover: true; hoverPane: true; vOffset:11">
					{% include 'photo-menu.html.twig' %}
				</div>
			</li>
		</ul>
	</div>
</div>

{% for message in app.flashes('notice') %}
	<div class="small callout flash-notice">
		{{ message }}
	</div>
{% endfor %}

{% for message in app.flashes('error') %}
	<div class="small callout alert flash-error">
		{{ message }}
	</div>
{% endfor %}