templates/master.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1"> {% block meta %}{% endblock %}
  6.         <link rel="stylesheet" href="{{ absolute_url(asset("build/website/css/font.css")) }}">
  7.         <link rel="stylesheet" href="{{ absolute_url(asset("build/website/css/main.css")) }}"> {% block style %}{% endblock %}
  8.         {% set snippet_footer = sulu_snippet_load_by_area('footer') %}
  9.         {% set footer = snippet_footer.content %}
  10.         <meta property="og:title" content="{% if content is defined %}{{ content.title }}{% endif %}"/>
  11.         <meta property="og:type" content="website"/>
  12.         <meta property="og:url" content="https://www.h3campus.fr{{ app.request.pathInfo }}"/>
  13.         <meta property="og:image" content="https://www.h3campus.fr{% block ogImages %}{% endblock %}"/>
  14.     </head>
  15.     <body>
  16.         <div class="toTop">
  17.             <i class="fas fa-arrow-up"></i>
  18.         </div>
  19.         <header class="{% block typePage %}{% endblock %}" style="background-image: url({% block bgImages %}{% endblock %})">
  20.             {% block header %}
  21.                 <nav>
  22.                     <div class="menu-bottom">
  23.                         <div class="left">
  24.                             <div class="menu-burger">
  25.                                 <i class="fas fa-bars"></i>
  26.                             </div>
  27.                             <div class="candidature">
  28.                                 <a href="https://candidature.h3campus.fr" rel="nofollow" target="_blank">Candidature</a>
  29.                             </div>
  30.                         </div>
  31.                         <div class="logo">
  32.                             <a href="{{ sulu_content_root_path() }}">
  33.                                 <img src="{{ absolute_url(asset('images/logo.png')) }}" alt="Logo H3Campus"/>
  34.                             </a>
  35.                         </div>
  36.                     </div>
  37.                 </nav>
  38.                 <ul class="menu">
  39.                     <a href="{{ sulu_content_root_path() }}">
  40.                         <li class="logo-menu">
  41.                             <img src="{{ absolute_url(asset('images/logo-white.png')) }}" alt="Logo H3Campus"/>
  42.                             <img src="{{ absolute_url(asset('images/logo.png')) }}" alt="Logo H3Campus"/>
  43.                         </li>
  44.                     </a>
  45.                     {% for item in sulu_navigation_root_tree('main',4) %}
  46.                         <li>
  47.                             <a {% if item.nodeType == 4 %} target="_blank" rel="nofollow" class="link-externe" {% endif %} href="{{ sulu_content_path(item.url) }}" title="{{ item.title }}">{{ item.title }}</a>
  48.                             {% if item.children|length > 0 %}
  49.                                 <ul class="sub-menu">
  50.                                     {% for child in item.children %}
  51.                                         <li>
  52.                                             {% if child.nodeType == 4  %}
  53.                                                 <a class="link_extern" target="_blank" rel="nofollow" href="{{ sulu_content_path(child.url) }}" title="{{ child.title }}">
  54.                                                     {{ child.title }}
  55.                                                     <i class="fas fa-external-link-alt"></i>
  56.                                                 </a>
  57.                                             {% else %}
  58.                                                 <a href="{{ sulu_content_path(child.url) }}" title="{{ child.title }}">
  59.                                                     {{ child.title }}
  60.                                                 </a>
  61.                                             {% endif %}
  62.                                             {% if child.children|length > 0 %}
  63.                                                 <ul class="sub-menu-2">
  64.                                                     {% for subChild in child.children %}
  65.                                                         <li>
  66.                                                             {% if subChild.nodeType == 4  %}
  67.                                                                 <a class="link_extern" target="_blank" rel="nofollow" href="{{ sulu_content_path(subChild.url) }}" title="{{ subChild.title }}">
  68.                                                                     {{ subChild.title }}
  69.                                                                     <i class="fas fa-external-link-alt"></i>
  70.                                                                 </a>
  71.                                                             {% else %}
  72.                                                                 <a href="{{ sulu_content_path(subChild.url) }}" title="{{ subChild.title }}">
  73.                                                                     {{ subChild.title }}
  74.                                                                 </a>
  75.                                                             {% endif %}
  76.                                                             {% if subChild.children|length > 0 %}
  77.                                                                 <ul class="sub-menu-3">
  78.                                                                     {% for subsubChild in subChild.children %}
  79.                                                                         <li>
  80.                                                                             {% if subsubChild.nodeType == 4  %}
  81.                                                                                 <a class="link_extern" rel="nofollow" target="_blank" href="{{ sulu_content_path(subsubChild.url) }}" title="{{ subsubChild.title }}">
  82.                                                                                     {{ subsubChild.title }}
  83.                                                                                     <i class="fas fa-external-link-alt"></i>
  84.                                                                                 </a>
  85.                                                                             {% else %}
  86.                                                                                 <a href="{{ sulu_content_path(subsubChild.url) }}" title="{{ subsubChild.title }}">
  87.                                                                                     {{ subsubChild.title }}
  88.                                                                                 </a>
  89.                                                                             {% endif %}
  90.                                                                         </li>
  91.                                                                     {% endfor %}
  92.                                                                 </ul>
  93.                                                             {% endif %}
  94.                                                         </li>
  95.                                                     {% endfor %}
  96.                                                 </ul>
  97.                                             {% endif %}
  98.                                         </li>
  99.                                     {% endfor %}
  100.                                 </ul>
  101.                             {% endif %}
  102.                         </li>
  103.                     {% endfor %}
  104.                     <li class="footer-menu">
  105.                         <ul>
  106.                             <li class="contact">
  107.                                 <a href="https://www.h3campus.fr/lecole-h3-campus/journee-portes-ouvertes" rel="nofollow" target="_blank">PORTES OUVERTES</a>
  108.                             </li>
  109.                             <li class="subscribe">
  110.                                 <a href="https://candidature.h3campus.fr" rel="nofollow" target="_blank">Candidature en ligne</a>
  111.                             </li>
  112.                             <li class="contact">
  113.                                 <a href="{{ sulu_content_root_path() }}contact">Nous contacter</a>
  114.                             </li>
  115.                             <li class="mentions">
  116.                                 <a href="{{ sulu_content_root_path() }}mentions-legales">Mentions légales</a>
  117.                             </li>
  118.                             <li class="reseaux-sociaux">
  119.                                 <a target="_blank" rel="nofollow" href="{{ footer.social_twitter }}">
  120.                                     <i class="fab fa-instagram"></i>
  121.                                 </a>
  122.                                 <a target="_blank" rel="nofollow" href="{{ footer.social_facebook }}">
  123.                                     <i class="fab fa-tiktok"></i>
  124.                                 </a>
  125.                                 <a target="_blank" rel="nofollow" href="{{ footer.social_youtube }}">
  126.                                     <i class="fab fa-youtube"></i>
  127.                                 </a>
  128.                                 <a target="_blank" rel="nofollow" href="{{ footer.social_linkedin }}">
  129.                                     <i class="fab fa-linkedin"></i>
  130.                                 </a>
  131.                             </li>
  132.                         </ul>
  133.                         <a href="https://www.h3campus.fr/formations/bac-2"><img class="lesaviezvous" src="{{ absolute_url(asset('images/footer-lesaviezvous.png')) }}" alt="Le saviez-vous"/></a>
  134.                     </li>
  135.                     <li class="close-menu">
  136.                         <i class="fas fa-times"></i>
  137.                     </li>
  138.                 </ul>
  139.                 <div class="overlay"></div>
  140.                 <h1 property="title">
  141.                     {% if content is defined %}
  142.                         {{ content.title }}
  143.                     {% else  %}
  144.                         {% block title %}{% endblock %}
  145.                     {% endif %}
  146.                 </h1>
  147.                 {% block subtitle %}{% endblock %}
  148.                 {% block header_video %}{% endblock %}
  149.             {% endblock %}
  150.             {% if uuid is defined and template != "" %}
  151.                 {% block schema %}
  152.                     <div class="fil-arrianne">
  153.                         <ul vocab="https://schema.org/" typeof="BreadcrumbList">
  154.                             {% for item in sulu_breadcrumb(uuid) %}
  155.                                 {% if item.url == "/" %}
  156.                                     <li property="itemListElement" typeof="ListItem" itemid="{{ sulu_content_path(item.url) }}">
  157.                                         <a id="0" property="item" typeof="WebPage" href="{{ sulu_content_path(item.url) }}">
  158.                                             <span property="name">Accueil</span>
  159.                                         </a>
  160.                                         <meta property="position" content="0">
  161.                                     </li>
  162.                                 {% elseif loop.last %}
  163.                                     <li property="itemListElement" typeof="ListItem" itemid="https://www.h3campus.fr{{ app.request.pathInfo }}">
  164.                                         <span property="name">{{ item.title }}</span>
  165.                                         <meta property="position" content="{{ loop.index-1 }}">
  166.                                     </li>
  167.                                 {% else %}
  168.                                     <li property="itemListElement" typeof="ListItem" itemid="{{ sulu_content_path(item.url) }}">
  169.                                         <a property="item" typeof="WebPage" href="{{ sulu_content_path(item.url) }}">
  170.                                             <span property="name">{{ item.title }}</span>
  171.                                         </a>
  172.                                         <meta property="position" content="{{ loop.index-1 }}">
  173.                                     </li>
  174.                                 {% endif %}
  175.                             {% endfor %}
  176.                         </ul>
  177.                     </div>
  178.                 {% endblock %}
  179.             {% endif %}
  180.             {% block carousel %}{% endblock %}
  181.         </header>
  182.         <section id="content" vocab="http://schema.org/" typeof="Content"> {% block content %}{% endblock %}
  183.             </section>
  184.             <aside>
  185.                 {% block aside %}{% endblock %}
  186.             </aside>
  187.             {# POPIN  #}
  188.             {% block popin %}
  189.                 {% set snippet_popin = sulu_snippet_load_by_area('popin') %}
  190.                 {% if snippet_popin.content  is defined %}
  191.                     <div class="bg-popin"></div>
  192.                     {% set popin = snippet_popin.content %}
  193.                     <div class="popin">
  194.                         <i class="far fa-times-circle"></i>
  195.                         <div class="popin-title">{{ popin.title }}</div>
  196.                         <div class="popin-content editor-text">{{ popin.description|raw }}</div>
  197.                     </div>
  198.                 {% endif %}
  199.             {% endblock %}
  200.             {# END POPIN  #}
  201.             {% block footer %}
  202.                 <footer>
  203.                     <div class="container">
  204.                         <div class="col">
  205.                             <p class="subtitle">Enseignement supérieur technique privé</p>
  206.                             <div class="logo">
  207.                                 <p>H3 Campus est une école du Groupe
  208.                                 </p>
  209.                                 <img src="{{ absolute_url(asset('images/h3-education.jpeg')) }}" alt="Logo H3 éducation"/>
  210.                             </div>
  211.                         </div>
  212.                         <div class="col">
  213.                             <p class="title">Suivez-nous</p>
  214.                             <div class="reseaux-sociaux">
  215.                                 {% if footer.social_twitter is not null %}
  216.                                     <a rel="nofollow" target="_blank" href="{{ footer.social_twitter }}">
  217.                                         <i class="fab fa-instagram"></i>
  218.                                     </a>
  219.                                 {% endif %}
  220.                                 {% if footer.social_facebook is not null %}
  221.                                     <a rel="nofollow" target="_blank" href="{{ footer.social_facebook }}">
  222.                                         <i class="fab fa-tiktok"></i>
  223.                                     </a>
  224.                                 {% endif %}
  225.                                 {% if footer.social_youtube is not null %}
  226.                                     <a rel="nofollow" target="_blank" href="{{ footer.social_youtube }}">
  227.                                         <i class="fab fa-youtube"></i>
  228.                                     </a>
  229.                                 {% endif %}
  230.                                 {% if footer.social_linkedin is not null %}
  231.                                     <a rel="nofollow" target="_blank" href="{{ footer.social_linkedin }}">
  232.                                         <i class="fab fa-linkedin"></i>
  233.                                     </a>
  234.                                 {% endif %}
  235.                             </div>
  236.                         </div>
  237.                         <div class="col">
  238.                             <p class="title">Contactez-nous</p>
  239.                             {% if footer.block_contact is not null  %}
  240.                                 {% for contact in footer.block_contact %}
  241.                                     <a href="{{ contact.contact_link }}">
  242.                                         <span>{{ contact.contact_title }}</span>
  243.                                     </a>
  244.                                 {% endfor %}
  245.                             {% endif %}
  246.                         </div>
  247.                     </div>
  248.                     <div class="container">
  249.                         <div class="col">
  250.                             <div class="campus-list">
  251.                                 <p class="title">Les campus</p>
  252.                                 {% if footer.block_campus is not null  %}
  253.                                     {% for campus in footer.block_campus %}
  254.                                         <div class="campus">
  255.                                             <p>
  256.                                                 <a href="{{ campus.campus_url }}">
  257.                                                     <span>{{ campus.campus_title }}</span>
  258.                                                 </a>
  259.                                             </p>
  260.                                             <p>{{ campus.campus_adress }}</p>
  261.                                             <p>{{ campus.campus_zip }}
  262.                                                 {{ campus.campus_city }}</p>
  263.                                             <p>Tél. :
  264.                                                 {{ campus.campus_phone }}</p>
  265.                                             <p>
  266.                                                 <a target="_blank" href="{{ campus.campus_map }}">
  267.                                                     <span>Voir sur le plan</span>
  268.                                                 </a>
  269.                                             </p>
  270.                                         </div>
  271.                                     {% endfor %}
  272.                                 {% endif %}
  273.                             </div>
  274.                             <a href="{{ sulu_content_root_path() }}plan-du-site">
  275.                                 <span>Plan du site</span>
  276.                             </a>
  277.                             <a href="{{ sulu_content_root_path() }}mentions-legales">
  278.                                 <span>Mentions légales</span>
  279.                             </a>
  280.                             <a href="{{ sulu_content_root_path() }}cgv">
  281.                                 <span>CGV</span>
  282.                             </a>
  283.                         </div>
  284.                         <div class="col">
  285.                             <div class="formations-list">
  286.                                 <p class="title">Les formations</p>
  287.                                 <div class="formations">
  288.                                     <ul>
  289.                                         {% if footer.formation_teasers is not null  %}
  290.                                             {% for formations in footer.formation_teasers %}
  291.                                                 <li>
  292.                                                     <a href="{{ sulu_content_root_path() }}{{ formations.url|trim('/') }}">
  293.                                                         <span>{{ formations.title }}</span>
  294.                                                     </a>
  295.                                                 </li>
  296.                                             {% endfor %}
  297.                                         {% endif %}
  298.                                     </ul>
  299.                                 </div>
  300.                             </div>
  301.                             <a href="https://www.h3campus.fr/formations/bac-2"><img class="lesaviezvous" src="{{ absolute_url(asset('images/footer-lesaviezvous.png')) }}" alt="Le saviez-vous"/></a>
  302.                         </div>
  303.                         <div class="col">
  304.                             <p class="title">Candidature</p>
  305.                             {% if footer.block_candidate is not null  %}
  306.                                 {% for candidat in footer.block_candidate %}
  307.                                     <a target="_blank" rel="nofollow" href="{{ candidat.candidate_link }}">
  308.                                         <span>{{ candidat.candidate_title }}</span>
  309.                                     </a>
  310.                                 {% endfor %}
  311.                             {% endif %}
  312.                             <p class="title">Entreprise</p>
  313.                             {% if footer.block_work is not null  %}
  314.                                 {% for work in footer.block_work %}
  315.                                     <a href="{{ work.work_link }}">
  316.                                         <span>{{ work.work_title }}</span>
  317.                                     </a>
  318.                                 {% endfor %}
  319.                             {% endif %}
  320.                             <div class="logo_footer">
  321.                                 <img class="datadock" src="{{ absolute_url(asset('images/qualiopi.jpg')) }}" alt="Logo Qualiopi"/>
  322.                             </div>
  323.                         </div>
  324.                     </div>
  325.                 </footer>
  326.             {% endblock %}
  327.             <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous"></script>
  328.             <script src="{{ absolute_url(asset("build/website/runtime.js")) }}"></script>
  329.             <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
  330.             <script src="{{ absolute_url(asset("build/website/js/app.js")) }}"></script>
  331.             {% block javascripts %}{% endblock %}
  332.             <!-- Google Tag Manager -->
  333.             <script>
  334.                 (function (w, d, s, l, i) {
  335. w[l] = w[l] || [];
  336. w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
  337. var f = d.getElementsByTagName(s)[0],
  338. j = d.createElement(s),
  339. dl = l != 'dataLayer' ? '&l=' + l : '';
  340. j.async = true;
  341. j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  342. f.parentNode.insertBefore(j, f);
  343. })(window, document, 'script', 'dataLayer', 'GTM-K888N8B');
  344.             </script>
  345.             <!-- End Google Tag Manager -->
  346.             {# Script fourni par Cécile pour un chatbox le 19/06/2020 #}
  347.             <script type='text/javascript' src='https://flow.lead-ia.com/chatbot/b324f179-7485-4475-a49c-b5f86cf73dda.js'></script>
  348.             <!-- Start of HubSpot Embed Code -->
  349.             <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/146076634.js"></script>
  350.             <!-- End of HubSpot Embed Code -->
  351.         </body>
  352.     </html>