templates/basepm.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="Projets Métiers">
  9. <title>
  10. {% block title %}
  11. Projet métiers
  12. {% endblock %}
  13. </title>
  16. <link rel="icon" type="image/x-icon" href="{{ asset('images/logoPm.png') }}"/>
  18. {% block stylesheets %}
  20. <link rel="stylesheet" href="{{ asset('css/bootstrapFlaty.css') }}" type="text/css"/>
  21. <link rel="stylesheet" href="{{ asset('css/form.css') }}" type="text/css"/>
  22. <link rel="stylesheet" href="{{ asset('css/footer.css') }}" type="text/css"/>
  23. <link rel="stylesheet" href="{{ asset('css/cookiesModal.css') }}" type="text/css"/>
  24. <link rel="stylesheet" href="{{ asset('css/styles.css') }}" type="text/css"/>
  25. <link rel="stylesheet" href="{{ asset('css/font-awesome.css') }}" type="text/css"/>
  26. <link rel="stylesheet" href="{{ asset('css/general.css') }}" type="text/css"/>
  28. <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
  29. {% endblock %}
  30. </head>
  31. {% block baliseBody %}
  32. <body>
  33. {% endblock %}
  34. <header>
  35. {% block menu %}
  36. <div id="scrollTop" class="menu">
  38. {#
  39. <div class="dropdown floatLeft">
  40. <button class="dropbtn backroundGardient"><i class="fa fa-home fa-lg" aria-hidden="true"></i></button>
  41. <div class="dropdown-content leftZero">
  42. <a href="#">Link 1</a>
  43. <a href="#">Link 2</a>
  44. <a href="#">Link 3</a>
  45. </div
  46. </div>
  47. #}
  48. <a href="{{ path('app_homepage') }}" class="floatLeft linksHome"><img
  49. src="{{ asset ('images/logoPm.png') }}"
  50. style="height: 50px; margin-top: -10px;"></a>
  53. <a href="{{ path('app_homepage') }}"
  54. class=" floatLeft linksMenuButton displayLarge dispalySmall menuStyle bgWhiteMenu JosefinSans">Accueil</a>
  57. <div class="dropdown floatLeft">
  58. <button class="dropbtn linksMenuButton displayLarge dispalySmall menuStyle bgWhiteMenu">
  59. <span class="blueText">Qui sommes-nous ? </span>
  60. </button>
  61. <div class="dropdown-content leftZero bgWhiteMenu minw1">
  62. <a href="{{ path('histoire') }}">Projets Métiers : création</a>
  63. <a href="{{ path('partage') }}">Une solution fédérative</a>
  64. <a href="{{ path('actions') }}">Nos actions</a>
  65. <a href="{{ path('equipe') }}">L'équipe « Projets Métiers »</a>
  66. <a href="{{ path('implantation') }}">Le réseau « Projets Métiers »</a>
  67. <a href="{{ path('partenaires') }}">Les partenaires de l'association « Projets Métiers »</a>
  68. <a href="{{ path('financement') }}">Le financement</a>
  69. </div>
  70. </div>
  72. <div class="dropdown floatLeft bgWhiteMenu">
  73. <button class="dropbtn linksMenuButton displayLarge dispalySmall menuStyle bgWhiteMenu">
  74. <span class="blueText">Le parcours « Projets Métiers »</span>
  75. </button>
  76. <div class="dropdown-content leftZero bgWhiteMenu minw2">
  77. <a href="{{ path('methode') }}">Le parcours « Projets Métiers »</a>
  78. <a href="{{ path('bases') }}">Projets Métiers s'appuie sur la recherche</a>
  79. <a href="{{ path('temoignages') }}">Témoignages</a>
  80. </div>
  81. </div>
  83. <div class="dropdown floatLeft bgWhiteMenu">
  84. <button class="dropbtn linksMenuButton displayLarge dispalySmall menuStyle bgWhiteMenu">
  85. <span class="blueText">L’orientation en évolution</span>
  86. </button>
  87. <div class="dropdown-content leftZero bgWhiteMenu minw3">
  88. <a href="{{ path('profession') }}">Comment se retrouver dans l'univers des métiers ?</a>
  89. <a href="{{ path('vies') }}">Des vies professionnelles réussies</a>
  90. </div>
  91. </div>
  94. <a href="{{ path('contact') }}"
  95. class=" floatLeft linksMenuButton displayLarge dispalySmall menuStyle bgWhiteMenu">Contact</a>
  96. {#
  98. {% if is_granted('ROLE_ADMIN') %}
  99. <a href="#" class="linksButton backroundGardient displayLarge dispalySmall">Espace administrateur</a>
  100. {% endif %}
  101. #}
  103. <!-- menu responsive-->
  104. <div class="dropdownMenu floatRight bgWhiteMenu">
  105. <button class="dropbtn displayLargeMenu dispalySmallMenu menuStyle bgWhiteMenu paddMenuResponsive"><i
  106. class="fa fa-bars fa-lg menuStyle" aria-hidden="true"></i>
  107. </button>
  108. <div class="dropdown-content-menu bgWhiteMenu">
  109. <a href="{{ path('qui') }}" class="drResponsvive menuBold">Qui sommes-nous?</a>
  110. <a href="{{ path('histoire') }}" class="drResponsvive">L’histoire de Projets Métiers</a>
  111. <a href="{{ path('partage') }}" class="drResponsvive">Un partage des tâches</a>
  112. <a href="{{ path('actions') }}" class="drResponsvive">Nos actions</a>
  113. <a href="{{ path('equipe') }}" class="drResponsvive">L'équipe</a>
  114. <a href="{{ path('implantation') }}" class="drResponsvive">L’implantation territoriale</a>
  115. <a href="{{ path('partenaires') }}" class="drResponsvive">Les partenaires</a>
  116. <a href="{{ path('methodeMenu') }}" class="drResponsvive menuBold">La méthode Projets Métiers</a>
  117. <a href="{{ path('methode') }}" class="drResponsvive">La méthode</a>
  118. <a href="{{ path('bases') }}" class="drResponsvive">Les bases scientifiques de la méthode Projets Métiers</a>
  119. <a href="{{ path('temoignages') }}" class="drResponsvive">Témoignages</a>
  120. <a href="{{ path('actualites') }}" class="drResponsvive menuBold">L’orientation en évolution</a>
  121. <a href="{{ path('profession') }}" class="drResponsvive">Profession de foi</a>
  122. <a href="{{ path('actualites') }}" class="drResponsvive">Actualités de l’orientation</a>
  123. <a href="{{ path('vies') }}" class="drResponsvive">Vies professionnelles réussies</a>
  124. <a href="{{ path('contact') }}" class="drResponsvive menuBold">Contact</a>
  125. {#
  126. {% if is_granted('ROLE_ADMIN') %}
  127. <a href="{{ path('appadmin_admin') }}">Espace administrateur</a>
  128. {% endif %}
  129. #}
  131. </div>
  132. </div>
  133. <!-- fin menu responsive-->
  135. <!-- gestion utilisateurs-->
  136. <div class="dropdown floatRight bgWhiteMenu">
  137. {% block iconeUser %}
  138. <button class="dropbtn menuStyle bgWhiteMenu" style="padding-top: 42px ; color: #0a2f48">Mon compte</button>
  139. {% endblock %}
  140. <div class="dropdown-content bgWhiteMenu">
  142. {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  143. <a href="{{ path('app_redirect') }}" >{{ app.user.username|capitalize }}</a>
  144. <a href="{{ path('modifProfil') }}">Modifier mot de passe</a>
  145. <a href="{{ path('app_logout') }}">Se déconnecter</a>
  146. {% else %}
  147. <a href="{{ path('app_login') }}">Se connecter</a>
  148. <a href="{{ path('app_loginPage') }}">S'inscrire</a>
  149. {% endif %}
  155. {#
  156. {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  157. <a href="{{ path('appuser_voir') }}">{{ app.user.username|capitalize }}</a>
  158. {% endif %}
  160. {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  161. <a href="{{ path('fos_user_security_logout') }}">Déconnexion</a>
  162. {% else %}
  163. <a href="{{ path('fos_user_security_login') }}">Se connecter</a>
  164. <a href="{{ path('fos_user_registration_register') }}">S'inscrire</a>
  165. {% endif %}
  166. #}
  168. </div>
  169. </div>
  170. </div>
  171. <!-- fin gestion utilisateurs-->
  172. <!-- fin menu -->
  174. {% endblock%}
  176. </header>
  178. {% for message in app.flashes('success') %}
  179. <br>
  180. <div class="alert alert-success centrer shadowJm" style="font-size: 22px">
  181. {{ message }}
  182. </div>
  183. {% endfor %}
  186. {% for message in app.flashes('danger') %}
  187. <br>
  188. <div class="alert alert-danger centrer shadowJm" style="font-size: 22px">
  189. {{ message }}
  190. </div>
  191. {% endfor %}
  195. {% block body %}
  197. {% endblock %}
  199. {#
  202. <div id="cookieGeneral" style="display: none">
  203. <div id="cookiemodal" class="cookie-modal">
  204. <div class="cookie-modal-container">
  205. <div class="cookie-modal-container-content">
  206. <div class="cookie-modal-container-content-title">Protection des données</div>
  207. <div class="cookie-modal-container-content-text">
  208. <p>Pour poursuivre votre navigation dans de bonnes conditions, vous devez accepter nos <a href="{{ path('cgupartenaires') }}" target="_blank" class="blancCookies">CGU</a> et <a href="{{ path('confidentialite') }}" target="_blank" class="blancCookies"> Politique de confidentialité</a>.</p>
  209. <p> <a href="{{ path('cgu') }}" target="_blank" class="blancCookies">Plus</a></p>
  212. </div>
  213. <button id="cookieagree" class="cookie-modal-container-content-button">J'accepte</button>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  221. #}
  223. <footer>
  225. {#
  226. <div class="full white">
  227. <div class="blocFooter">
  229. <div class="blocFooter resSociaux ">
  230. <a href="https://www.facebook.com/" class="fa faFoot fa-facebook tooltipss"
  231. target="_blank"><span class="tooltiptext">Facebook</span></a>+++++++++++++++++++++++++++++++++++++++
  232. <a href="https://www.instagram.com/" class="fa faFoot fa-instagram tooltipss"
  233. target="_blank"><span class="tooltiptext">Instagram</span></a>
  234. </div>
  235. </div>
  236. </div>
  237. #}
  241. {% block footer %}
  242. <div class="full blocFooterBas">
  243. <div style="width: 50%; display: inline-block">
  245. <p><a href="{{ path('cgupartenaires') }}" target="_blank">CGU PARTENAIRES</a> </p>
  246. <p><a href="{{ path('mentions') }}">MENTIONS LEGALES</a></p>
  247. <p><a href="{{ path('contact') }}">NOUS CONTACTER</a></p>
  249. </div>
  250. <div style="width: 48%;display: inline-block">
  251. <div style="width: 60%; display: inline-block">
  252. <P>ASSOCIATION PROJETS METIERS</P>
  253. <P>75 rue de Lourmel 75015 Paris </P>
  254. <P></br></br></P>
  255. </div>
  256. <div style="width: 38%;display: inline-block">
  257. <a href="{{ path('app_homepage') }}"><img src="{{ asset ('images/logoPm.png') }}" alt ="logo" class="logoBas"></a>
  258. </div>
  259. </div>
  260. </div>
  261. {% endblock %}
  264. {% block javascripts %}
  266. <script src="{{ asset('js/carouselFlickity.js') }}" type="text/javascript"></script>
  267. <script src="{{ asset('js/cookiesModal.js') }}" type="text/javascript"></script>
  268. <script src="{{ asset('js/accordeon.js') }}" type="text/javascript"></script>
  269. <script src="{{ asset('js/menu.js') }}" type="text/javascript"></script>
  270. <script src="{{ asset('js/jquery.min.js') }}" type="text/javascript"></script>
  271. <script src="{{ asset('js/popper.min.js') }}" type="text/javascript"></script>
  272. <script src="{{ asset('js/bootstrap.min.js') }}" type="text/javascript"></script>
  274. {% endblock %}
  276. </footer>
  278. </body>
  279. </html>