{% block html_head_container %}

{% include 'html-header.twig' %}
	{% block head %}
	{% endblock %}
	</head>
{% endblock %}
	<body class="container-fluid {{post.slug}}" data-template="base.twig">
		<header class="header d-flex justify-content-between">
			{% block header %}
				<div class="logoLamine">
						<a class="hdr-logo-link" href="{{site.url}}"><img src="app/themes/la_mine/asset/images/logo_lamine_vect.svg"/></a>
				</div>
				<div class="rs row align-items">
			    <div class="facebook">
			      <a target="_blank" href="{{options.facebook.lien_facebook}}">
			        <img src="{{ Image(options.facebook.logo_facebook).src }}" />
			      </a>
			    </div>
			    <div class="insta">
			      <a target="_blank" href="{{options.instagram.lien_instagram}}">
			        <img src="{{ Image(options.instagram.logo_instagram).src }}" />
			      </a>
			    </div>
			  </div>

				<div class="burger">
					<button class="hamburger hamburger--slider" type="button">
					  <span class="hamburger-box">
					    <span class="hamburger-inner"></span>
					  </span>
					</button>
				</div>

				<nav id="nav-main" class="nav-main" role="navigation">
					{% include "menu.twig" with {'items': menu.get_items} %}
				</nav>
			{% endblock %}
		</header>

		{% if post.slug == "accueil" %}
			{% include "components/hero/hero.twig" %}
		{% endif %}

		<section id="content" role="main" class="content-wrapper container-md">
			{% if title %}<h1>{{title}}</h1>{% endif %}
			<div class="wrapper {{sidebar_class}}">
				{% block content %}
				{% endblock %}
			</div>
			{% if sidebar %}
				<aside class="layout-sidebar">
					{{sidebar}}
				</aside>
			{% endif %}
		</section>

		{% block footer %}
			<footer id="footer">
				{% include 'footer.twig' %}
			</footer>
			{{ function('wp_footer') }}
		{% endblock %}
	</body>
</html>
