{% extends 'base.html.twig' %}

{% block title %}Facebook{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

  
<div style="display: flex ; flex-direction: column ; border: solid">
  <div style="border: solid ;  display: flex ; flex-direction: row ; justify-content: space-evenly; align-items: center">
    <div>Étape précédente</div>
    <div>Revenir à la sélection des supports</div>
    <div>Logout</div>
    <div><img style="align-self: center" src="{{asset('images/facebook.png')}}"> Facebook<div>|</div>
    <div>Visuel Testimonial</div></div>
    <div>LOG OUT</div>
  </div> <!-- fin head bar -->
  <div style="border: solid ;  display: flex ; flex-direction: row">
    <div style="width: 15%; border: solid #b40000 ; margin: 15pt; padding: 15pt;border-radius: 15pt"><h2>Conseils</h2>
      <h3>Témoignage</h3> il doit inclure, le ou les métiers envisagés, ainsi que les formations suggérées.</br>
      Ex: Je serais magistrat ou expert-comptable. Formations envisagées: licence de droit, double licence droit-économie-gestion. Diplôme de comptabilité gestion (DCG).
    </div><!-- conseil -->  
    <div>
    </div><!-- personnalisation -->
    
  <div></div><!-- previsualisation -->
  </div> <!-- content -->
  <div style="border: solid ;  display: flex ; flex-direction: row ; justify-content: space-evenly; align-items: center">
    <div><i>My</i><font color="red">Custom</font>Box</div>
    <div>|</div>
    <div><img style="align-self: center" src="{{asset('images/logota.png')}}" height="80"></div>
  </div><!-- footer -->
</div>


{% endblock %}