<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> {% block meta %}{% endblock %}
<link rel="stylesheet" href="{{ absolute_url(asset("build/website/css/font.css")) }}">
<link rel="stylesheet" href="{{ absolute_url(asset("build/website/css/main.css")) }}"> {% block style %}{% endblock %}
{% set snippet_footer = sulu_snippet_load_by_area('footer') %}
{% set footer = snippet_footer.content %}
<meta property="og:title" content="{% if content is defined %}{{ content.title }}{% endif %}"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.h3campus.fr{{ app.request.pathInfo }}"/>
<meta property="og:image" content="https://www.h3campus.fr{% block ogImages %}{% endblock %}"/>
</head>
<body>
<div class="toTop">
<i class="fas fa-arrow-up"></i>
</div>
<header class="{% block typePage %}{% endblock %}" style="background-image: url({% block bgImages %}{% endblock %})">
{% block header %}
<nav>
<div class="menu-bottom">
<div class="left">
<div class="menu-burger">
<i class="fas fa-bars"></i>
</div>
<div class="candidature">
<a href="https://candidature.h3campus.fr" rel="nofollow" target="_blank">Candidature</a>
</div>
</div>
<div class="logo">
<a href="{{ sulu_content_root_path() }}">
<img src="{{ absolute_url(asset('images/logo.png')) }}" alt="Logo H3Campus"/>
</a>
</div>
</div>
</nav>
<ul class="menu">
<a href="{{ sulu_content_root_path() }}">
<li class="logo-menu">
<img src="{{ absolute_url(asset('images/logo-white.png')) }}" alt="Logo H3Campus"/>
<img src="{{ absolute_url(asset('images/logo.png')) }}" alt="Logo H3Campus"/>
</li>
</a>
{% for item in sulu_navigation_root_tree('main',4) %}
<li>
<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>
{% if item.children|length > 0 %}
<ul class="sub-menu">
{% for child in item.children %}
<li>
{% if child.nodeType == 4 %}
<a class="link_extern" target="_blank" rel="nofollow" href="{{ sulu_content_path(child.url) }}" title="{{ child.title }}">
{{ child.title }}
<i class="fas fa-external-link-alt"></i>
</a>
{% else %}
<a href="{{ sulu_content_path(child.url) }}" title="{{ child.title }}">
{{ child.title }}
</a>
{% endif %}
{% if child.children|length > 0 %}
<ul class="sub-menu-2">
{% for subChild in child.children %}
<li>
{% if subChild.nodeType == 4 %}
<a class="link_extern" target="_blank" rel="nofollow" href="{{ sulu_content_path(subChild.url) }}" title="{{ subChild.title }}">
{{ subChild.title }}
<i class="fas fa-external-link-alt"></i>
</a>
{% else %}
<a href="{{ sulu_content_path(subChild.url) }}" title="{{ subChild.title }}">
{{ subChild.title }}
</a>
{% endif %}
{% if subChild.children|length > 0 %}
<ul class="sub-menu-3">
{% for subsubChild in subChild.children %}
<li>
{% if subsubChild.nodeType == 4 %}
<a class="link_extern" rel="nofollow" target="_blank" href="{{ sulu_content_path(subsubChild.url) }}" title="{{ subsubChild.title }}">
{{ subsubChild.title }}
<i class="fas fa-external-link-alt"></i>
</a>
{% else %}
<a href="{{ sulu_content_path(subsubChild.url) }}" title="{{ subsubChild.title }}">
{{ subsubChild.title }}
</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
<li class="footer-menu">
<ul>
<li class="contact">
<a href="https://www.h3campus.fr/lecole-h3-campus/journee-portes-ouvertes" rel="nofollow" target="_blank">PORTES OUVERTES</a>
</li>
<li class="subscribe">
<a href="https://candidature.h3campus.fr" rel="nofollow" target="_blank">Candidature en ligne</a>
</li>
<li class="contact">
<a href="{{ sulu_content_root_path() }}contact">Nous contacter</a>
</li>
<li class="mentions">
<a href="{{ sulu_content_root_path() }}mentions-legales">Mentions légales</a>
</li>
<li class="reseaux-sociaux">
<a target="_blank" rel="nofollow" href="{{ footer.social_twitter }}">
<i class="fab fa-instagram"></i>
</a>
<a target="_blank" rel="nofollow" href="{{ footer.social_facebook }}">
<i class="fab fa-tiktok"></i>
</a>
<a target="_blank" rel="nofollow" href="{{ footer.social_youtube }}">
<i class="fab fa-youtube"></i>
</a>
<a target="_blank" rel="nofollow" href="{{ footer.social_linkedin }}">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
<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>
</li>
<li class="close-menu">
<i class="fas fa-times"></i>
</li>
</ul>
<div class="overlay"></div>
<h1 property="title">
{% if content is defined %}
{{ content.title }}
{% else %}
{% block title %}{% endblock %}
{% endif %}
</h1>
{% block subtitle %}{% endblock %}
{% block header_video %}{% endblock %}
{% endblock %}
{% if uuid is defined and template != "" %}
{% block schema %}
<div class="fil-arrianne">
<ul vocab="https://schema.org/" typeof="BreadcrumbList">
{% for item in sulu_breadcrumb(uuid) %}
{% if item.url == "/" %}
<li property="itemListElement" typeof="ListItem" itemid="{{ sulu_content_path(item.url) }}">
<a id="0" property="item" typeof="WebPage" href="{{ sulu_content_path(item.url) }}">
<span property="name">Accueil</span>
</a>
<meta property="position" content="0">
</li>
{% elseif loop.last %}
<li property="itemListElement" typeof="ListItem" itemid="https://www.h3campus.fr{{ app.request.pathInfo }}">
<span property="name">{{ item.title }}</span>
<meta property="position" content="{{ loop.index-1 }}">
</li>
{% else %}
<li property="itemListElement" typeof="ListItem" itemid="{{ sulu_content_path(item.url) }}">
<a property="item" typeof="WebPage" href="{{ sulu_content_path(item.url) }}">
<span property="name">{{ item.title }}</span>
</a>
<meta property="position" content="{{ loop.index-1 }}">
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endblock %}
{% endif %}
{% block carousel %}{% endblock %}
</header>
<section id="content" vocab="http://schema.org/" typeof="Content"> {% block content %}{% endblock %}
</section>
<aside>
{% block aside %}{% endblock %}
</aside>
{# POPIN #}
{% block popin %}
{% set snippet_popin = sulu_snippet_load_by_area('popin') %}
{% if snippet_popin.content is defined %}
<div class="bg-popin"></div>
{% set popin = snippet_popin.content %}
<div class="popin">
<i class="far fa-times-circle"></i>
<div class="popin-title">{{ popin.title }}</div>
<div class="popin-content editor-text">{{ popin.description|raw }}</div>
</div>
{% endif %}
{% endblock %}
{# END POPIN #}
{% block footer %}
<footer>
<div class="container">
<div class="col">
<p class="subtitle">Enseignement supérieur technique privé</p>
<div class="logo">
<p>H3 Campus est une école du Groupe
</p>
<img src="{{ absolute_url(asset('images/h3-education.jpeg')) }}" alt="Logo H3 éducation"/>
</div>
</div>
<div class="col">
<p class="title">Suivez-nous</p>
<div class="reseaux-sociaux">
{% if footer.social_twitter is not null %}
<a rel="nofollow" target="_blank" href="{{ footer.social_twitter }}">
<i class="fab fa-instagram"></i>
</a>
{% endif %}
{% if footer.social_facebook is not null %}
<a rel="nofollow" target="_blank" href="{{ footer.social_facebook }}">
<i class="fab fa-tiktok"></i>
</a>
{% endif %}
{% if footer.social_youtube is not null %}
<a rel="nofollow" target="_blank" href="{{ footer.social_youtube }}">
<i class="fab fa-youtube"></i>
</a>
{% endif %}
{% if footer.social_linkedin is not null %}
<a rel="nofollow" target="_blank" href="{{ footer.social_linkedin }}">
<i class="fab fa-linkedin"></i>
</a>
{% endif %}
</div>
</div>
<div class="col">
<p class="title">Contactez-nous</p>
{% if footer.block_contact is not null %}
{% for contact in footer.block_contact %}
<a href="{{ contact.contact_link }}">
<span>{{ contact.contact_title }}</span>
</a>
{% endfor %}
{% endif %}
</div>
</div>
<div class="container">
<div class="col">
<div class="campus-list">
<p class="title">Les campus</p>
{% if footer.block_campus is not null %}
{% for campus in footer.block_campus %}
<div class="campus">
<p>
<a href="{{ campus.campus_url }}">
<span>{{ campus.campus_title }}</span>
</a>
</p>
<p>{{ campus.campus_adress }}</p>
<p>{{ campus.campus_zip }}
{{ campus.campus_city }}</p>
<p>Tél. :
{{ campus.campus_phone }}</p>
<p>
<a target="_blank" href="{{ campus.campus_map }}">
<span>Voir sur le plan</span>
</a>
</p>
</div>
{% endfor %}
{% endif %}
</div>
<a href="{{ sulu_content_root_path() }}plan-du-site">
<span>Plan du site</span>
</a>
<a href="{{ sulu_content_root_path() }}mentions-legales">
<span>Mentions légales</span>
</a>
<a href="{{ sulu_content_root_path() }}cgv">
<span>CGV</span>
</a>
</div>
<div class="col">
<div class="formations-list">
<p class="title">Les formations</p>
<div class="formations">
<ul>
{% if footer.formation_teasers is not null %}
{% for formations in footer.formation_teasers %}
<li>
<a href="{{ sulu_content_root_path() }}{{ formations.url|trim('/') }}">
<span>{{ formations.title }}</span>
</a>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
</div>
<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>
</div>
<div class="col">
<p class="title">Candidature</p>
{% if footer.block_candidate is not null %}
{% for candidat in footer.block_candidate %}
<a target="_blank" rel="nofollow" href="{{ candidat.candidate_link }}">
<span>{{ candidat.candidate_title }}</span>
</a>
{% endfor %}
{% endif %}
<p class="title">Entreprise</p>
{% if footer.block_work is not null %}
{% for work in footer.block_work %}
<a href="{{ work.work_link }}">
<span>{{ work.work_title }}</span>
</a>
{% endfor %}
{% endif %}
<div class="logo_footer">
<img class="datadock" src="{{ absolute_url(asset('images/qualiopi.jpg')) }}" alt="Logo Qualiopi"/>
</div>
</div>
</div>
</footer>
{% endblock %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous"></script>
<script src="{{ absolute_url(asset("build/website/runtime.js")) }}"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script src="{{ absolute_url(asset("build/website/js/app.js")) }}"></script>
{% block javascripts %}{% endblock %}
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-K888N8B');
</script>
<!-- End Google Tag Manager -->
{# Script fourni par Cécile pour un chatbox le 19/06/2020 #}
<script type='text/javascript' src='https://flow.lead-ia.com/chatbot/b324f179-7485-4475-a49c-b5f86cf73dda.js'></script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/146076634.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>