templates/rea_print/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <title>Références site internet - Agence Equinoxes - Agence de communication à Reims & Soissons</title>
  5.         <meta name="Description" content="Retrouvez toutes les réalisation de site internet de l'agence Equinoxes - Soissons, Reims">
  6.         <meta charset="utf-8">
  7.         <meta
  8.         name="viewport" content="width=device-width, initial-scale=1">
  10.         {# Feuilles de style #}
  11.         <link rel="stylesheet" type="text/css" href="/assets/css/normalize.css">
  12.         <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
  13.         <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  14.         {% block stylesheets %}
  15.             <link href="{{ asset('assets/css/normalize.css') }}" rel="stylesheet"/>
  16.             <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
  17.         {% endblock %}
  19.         {# SCRIPT #}
  20.         <script src="https://use.fontawesome.com/57fd2a2e70.js"></script>
  21.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  22.         <script src="/assets/js/isotope.pkdg.min.js"></script>
  23.         {% block javascripts %}
  24.             <script src="{{ asset('assets/js/isotope.pkdg.min.js') }}"></script>
  25.         {% endblock %}
  26.     </head>
  28.     <body
  29.         id="digital">
  30.         {# SIDEBAR #}
  31.         <header>
  32.             <div class="entry-logo">
  33.                 {# <a href="https://devreferences.equinoxes.fr/"><img src="/assets/img/logo.png"></a> #}
  34.                 <a href="{{ path('home') }}"><img src="/assets/img/logo.png"></a>
  35.             </div>
  37.             <div class="entry-filters">
  38.                 <button class="open">Filtrer par Secteurs ou Supports
  39.                     <i class="fa fa-chevron-right"></i>
  40.                 </a>
  41.             </div>
  42.         {# FILTRES 1 #}
  43.             <div class="filter">
  44.                 <div class="button-group filter-button-group">
  45.                 <font color="1191d1">SECTEURS</font></br></br></br>
  46.                     <button data-filter="" class="filtre active">TOUT</button>
  47.                     {# </br></br><font color="1191d1">Secteurs</font></br></br></br> #}
  48.                     {% for categorie in secteurs %}
  49.                         <button data-filter=".{{ categorie.alias }}" class="filtre">{{ categorie.nom }}</button>
  50.                     {% endfor %}
  51.         {# FILTRES 2 #}
  52.                     </br></br><font color="1191d1">SUPPORTS</font></br></br></br>
  53.                     {# <button data-filter="" class="filtre active">TOUT</button> #}
  54.                     {% for categorie in supports %}
  55.                         <button data-filter=".{{ categorie.alias }}" class="filtre">{{ categorie.nom }} </button>
  56.                     {% endfor %}
  57.                 </div>
  58.                 <!-- /button-group -->
  59.             </div>
  61.             <div class="entry-copyright">
  62.                 <small>&copy; 2021 - Equinoxes</small>
  63.             </div>
  64.         </header>
  66.         <main>
  67.             <section id="wrap-main">
  68.                 <div class="grid web">
  69.                     <div class="grid-sizer">
  70.                         {% for realisation in realisations %}
  71.                             {% set reaprintTypeSecteur = "" %}
  72.                             {% set reaprintTypeSecteurNom = "" %}
  73.                             {% for categorie in realisation.secteurs %}
  74.                                 {% if loop.last %}
  75.                                     {% set reaprintTypeSecteur = reaprintTypeSecteur ~ categorie.alias %}
  76.                                     {% set reaprintTypeSecteurNom = reaprintTypeSecteurNom ~ categorie.nom %}
  77.                                 {% else %}
  78.                                     {% set reaprintTypeSecteur = reaprintTypeSecteur ~ categorie.alias ~ " " %}
  79.                                     {% set reaprintTypeSecteurNom = reaprintTypeSecteurNom ~ categorie.nom ~ ", "%}
  80.                                 {% endif %}
  81.                             {% endfor %}
  83.                             <a href="{{ asset('/assets/img/'~realisation.thumbnail) }}" target="popup" onclick="window.open(this.href, 'Popup', 'scrollbars=no,resizable=no,height=415,width=620'); return false;" class="grid-item {{ reaprintTypeSecteur }}" title="Site internet de {{ realisation.titre }}">
  84.                                 <div class="overlay">
  85.                                     <h2>{{ reaprintTypeSecteurNom }}</h2>
  86.                                     <h4>{{ realisation.titre }}</h4>
  87.                                 </div>
  88.                                 <div class="thumbnail">
  89.                                     <div>
  90.                                         {# <img src="{{ realisation.thumbnail }}" alt="{{ realisation.titre }}"> #}
  91.                                         <img src="{{ asset('/assets/img/'~realisation.thumbnail) }}" alt="{{ realisation.titre }}">
  92.                                     </div>
  93.                                 </div>
  94.                             </a>
  95.                         {% endfor %}
  96.                     </div>
  97.                 </div>
  98.             </section>
  99.             <!-- /wrap-main -->
  100.             <section id="wrap-main">
  101.                 <div class="grid web">
  102.                     <div class="grid-sizer">
  103.                         {% for realisation in realisations %}
  104.                             {% set reaprintTypeSupport = "" %}
  105.                             {% set reaprintTypeSupportNom = "" %}
  106.                             {% for categorie in realisation.supports %}
  107.                                 {% if loop.last %}
  108.                                     {% set reaprintTypeSupport = reaprintTypeSupport ~ categorie.alias %}
  109.                                     {% set reaprintTypeSupportNom = reaprintTypeSupportNom ~ categorie.nom %}
  110.                                 {% else %}
  111.                                     {% set reaprintTypeSupport = reaprintTypeSupport ~ categorie.alias ~ " " %}
  112.                                     {% set reaprintTypeSupportNom = reaprintTypeSupportNom ~ categorie.nom ~ ", "%}
  113.                                 {% endif %}
  114.                             {% endfor %}
  116.                             <a href="{{  asset('/assets/img/'~realisation.thumbnail)  }}" class="grid-item {{ reaprintTypeSupport }}" target="_blank" title="Site internet de {{ realisation.titre }}">
  117.                                 <div class="overlay">
  118.                                     <h2>{{ reaprintTypeSupportNom }}</h2>
  119.                                     <h4>{{ realisation.titre }}</h4>
  120.                                 </div>
  121.                                 <div class="thumbnail">
  122.                                     <div>
  123.                                         <img src="{{ asset('/assets/img/'~realisation.thumbnail)  }}" alt="{{ realisation.titre }}">
  124.                                     </div>
  125.                                 </div>
  126.                             </a>
  127.                         {% endfor %}
  128.                     </div>
  129.                 </div>
  130.             </section>
  131.         </main>
  132.     </body>
  133.     {% block script %}
  134.     
  135.         <script type="text/javascript">
  136.             $('.open').click(function () {
  137. $('body').addClass('filtre-open');
  138. $('.filter').css('visibility', 'visible');
  139. $('.filter').css('opacity', '1');
  140. });
  142. $('.filter').click(function () {
  143. $('body').removeClass('filtre-open');
  144. $(this).css('visibility', 'hidden');
  145. $(this).css('opacity', '0');
  146. });
  148. $('.filter .filtre').click(function () {
  149. $('.filter .filtre').removeClass('active');
  150. $(this).addClass('active');
  151. });
  152.         </script>
  154.         <script type="text/javascript" src="/assets/js/script.js" async></script>
  155.     {% endblock %}
  156. </html>