{# templates/layout.html.twig #}
{% extends 'base.html.twig' %}

{% block stylesheets %}
    <link href="{{ asset('css/header-aside-content-aside2-footer_media_queries.css') }}" type="text/css" rel="stylesheet">
    <link href="{{ asset('css/menu.css') }}" type="text/css" rel="stylesheet">
    <link href="{{ asset('css/focus.css') }}" type="text/css" rel="stylesheet">
{% endblock %}

{% block body %}

<div class="container">
  <div class="logo">
  <a class="header__logo" href="https://www.sorbonne-universite.fr/" alt="sorbonne université">
  	<img src="{{ asset('images/logo_sorbonne-universite_sciences.svg') }}"  alt="Sorbonne Université" width="100%">
</a>
  </div>
  <div class="box header">
  <!-- class="navbar-toggle" -->
  <button id="button-navbar" class="button-navbar" type="button" data-toggle="collapse" data-target="#myNavbar" onClick="document.getElementById('myNavbar').style.display = 'block'">
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>                        
</button>
  <h1>
  	<a href="?cat=accueil">
  		LICENCE  PWM, <br/>TP TWIG triple héritage
    </a></h1>
  </div>
  <div class="box logo2">
  		<img src="{{ asset('images/logo_lpweb_reduit.svg') }}"  alt="logo lp projetWeb" width="100%">
  </div>
  <div class="box sidebar" id="myNavbar">{{ include('inc/menu.html.twig')}}</div>
  <div class="box sidebar2 focus">    {{ include('inc/focus.html.twig')}}</div>
  <div class="box content">
{% block content %}


    Hello Patrick
{% endblock %}
  </div>
  <div class="departement">
  	<a href="http://www-licence.ufr-info-p6.jussieu.fr/lmd/licence/public/index.php">
  		<img src="{{ asset('images/logo_dept_informatique_shell.svg') }}" alt="logo Département informatique" width="100%">
    </a>
    <a href="http://www-licence.ufr-info-p6.jussieu.fr/lmd/licence/public/index.php">D&eacute;partement d'informatique</a>
  </div>
  <div class="box footer">{{ include('inc/footer.html.twig')}}</div>
</div>

{% endblock %}