<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Quel que soit votre projet, les développeurs de 23 Juin vous aident à créer un site web rapide et sécurisé, dont vous serez fier."/>
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="23juin - Freelances Web" />
<meta property="og:description" content="Quel que soit votre projet, les développeurs de 23 Juin vous aident à créer un site web rapide et sécurisé, dont vous serez fier." />
<meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
<meta property="og:site_name" content="23 Juin" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="23juin - Freelances Web" />
<meta name="twitter:description" content="Quel que soit votre projet, les développeurs de 23 Juin vous aident à créer un site web rapide et sécurisé, dont vous serez fier." />
<meta name="robots" content="index, follow" />
<link rel="icon" type="image/png" href="{{ asset('build/images/favicon.png') }}">
<link rel="canonical" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
<title>{% block title %}23juin - Créateurs de site web{% endblock %}</title>
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.23juin.io/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body class="noscroll">
{% block loader %}
<script>document.onreadystatechange=function(){var f=document.getElementById("overlay"),e=document.getElementById("progress"),c=document.images,g=0;function d(){var a=(100/tot*(g+=1)<<0)+"%";if(e.style.left=a,g===tot)return h()}function h(){f.style.opacity=0,setTimeout(function(){f.style.display="none",$("body").removeClass("noscroll")},1200)}e.style.left,tot=c.length;for(var a=0;a<tot;a++){var b=new Image;b.onload=d,b.onerror=d,b.src=c[a].src}}</script>
<div id="overlay">
<div id="chargement">
<div class="content">
<div id="progress"></div>
<img width="450" height="150" src="{{ asset('build/images/chargement-logo.png') }}" class="chargement" alt="ACME logo">
</div>
</div>
</div>
{% endblock %}
{% block header %}
<header class="header">
<div class="container-fluid">
<div class="row">
<div class="col-6">
<a href="{{ path('homepage') }}">
<img height="50" src="{{ asset('build/images/logo.png') }}" class="logo" alt="ACME logo" loading="lazy">
</a>
</div>
<div class="col-6 menu">
<div class="bouton">
<span></span>
<span></span>
<span></span>
</div>
<nav class="">
<div class="fermer">
<img height="17" width="17" src="{{ asset('build/images/fermer.svg') }}" alt="ACME logo" loading="lazy">
</div>
<div class="titre">Menu</div>
<ul>
<li>
<a href="{{ path('homepage', {'_fragment': 'accueil'}) }}">Bienvenue !</a>
</li>
<li>
<a href="{{ path('homepage', {'_fragment': 'services'}) }}">Nos services</a>
</li>
<li>
<a href="{{ path('homepage', {'_fragment': 'equipe'}) }}">Qui sommes-nous ?</a>
</li>
<li>
<a href="{{ path('homepage', {'_fragment': 'technologies'}) }}">Technologies</a>
</li>
<li>
<a href="{{ path('homepage', {'_fragment': 'realisations'}) }}">Portfolio</a>
</li>
<li>
<a href="#contact">Nous contacter</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
{% endblock %}
{% block body %}{% endblock %}
{% block footer %}
<footer>
<div class="container">
<div class="row">
<div class="col-12 malt">
Retrouvez les profils sur <img src="{{ asset('build/images/malt.png') }}" alt="" loading="lazy">Malt : <a href="https://www.malt.fr/profile/juliendenechere" target="_blank">Julien</a> & <a href="https://www.malt.fr/profile/leadenechere" target="_blank">Léa</a>
</div>
</div>
<div class="row">
<div class="col-12 liste-liens">
© 23 Juin
<a href="{{ path('mentions_legales') }}">Mentions légales</a>
<a href="{{ path('politiques_de_confidentialite') }}">Politiques de confidentialité</a>
</div>
</div>
</div>
</footer>
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{{ encore_entry_script_tags('jquery') }}
{{ encore_entry_script_tags('bootstrap') }}
{{ encore_entry_script_tags('global') }}
{% endblock %}
</body>
</html>