templates/rea_digital/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <title>Réalisation 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="http://stagiaire.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
  39.                     <i class="fa fa-chevron-right"></i>
  40.                 </a>
  41.             </div>
  42.             {# FILTRES #}
  43.             <div class="filter">
  44.                 <div class="button-group filter-button-group">
  45.                     <button data-filter="" class="filtre active">TOUT</button>
  46.                     {% for categorie in categories %}
  47.                         <button data-filter=".{{ categorie.alias }}" class="filtre">{{ categorie.titre }}</button>
  48.                     {% endfor %}
  49.                 </div>
  50.                 <!-- /button-group -->
  51.             </div>
  53.             <div class="entry-copyright">
  54.                 <small>&copy; 2021 - Equinoxes</small>
  55.             </div>
  56.         </header>
  58.         <main>
  59.             <section id="wrap-main">
  60.                 <div class="grid web">
  61.                     <div class="grid-sizer">
  62.                         {% for realisation in realisations %}
  63.                             {% set digitalCategories = "" %}
  64.                             {% set digitalCategoriesTitre = "" %}
  65.                             {% for categorie in realisation.categories %}
  66.                                 {% if loop.last %}
  67.                                     {% set digitalCategories = digitalCategories ~ categorie.alias %}
  68.                                     {% set digitalCategoriesTitre = digitalCategoriesTitre ~ categorie.titre %}
  69.                                 {% else %}
  70.                                     {% set digitalCategories = digitalCategories ~ categorie.alias ~ " " %}
  71.                                     {% set digitalCategoriesTitre = digitalCategoriesTitre ~ categorie.titre ~ ", "%}
  72.                                 {% endif %}
  73.                             {% endfor %}
  75.                             <a href="{{ realisation.lien }}" class="grid-item {{ digitalCategories }}" target="_blank" title="Site internet de {{ realisation.titre }}">
  76.                                 <div class="overlay">
  77.                                     <h2>{{ digitalCategoriesTitre }}</h2>
  78.                                     <h4>{{ realisation.titre }}</h4>
  79.                                 </div>
  80.                                 <div class="thumbnail">
  81.                                     <div>
  82.                                         {# <img src="{{ asset(realisation.thumbnail) }}" alt="{{ realisation.titre }}"> #}
  83.                                         {# <img src="{{ (realisation.thumbnail) }}" alt="{{ realisation.titre }}"> #}
  84.                                         {# <img src="https://stagiaire.equinoxes.fr/assets/img/{{ realisation.thumbnail }}" alt="{{ realisation.titre }}"> #}
  85.                                         {# <img src="/assets/img/{{ realisation.thumbnail }}"> #}
  86.                                         <img src="{{ asset('/assets/img/'~realisation.thumbnail) }}" alt="{{ realisation.titre }}">
  87.                                     </div>           
  88.                                 </div>
  89.                             </a>
  90.                         {% endfor %}
  92.                     </div>
  93.                 </div>
  94.             </section>
  95.         </main>
  96.     </body>
  98.     {% block script %}
  99.         <script type="text/javascript">
  100.             $('.open').click(function () {
  101. $('body').addClass('filtre-open');
  102. $('.filter').css('visibility', 'visible');
  103. $('.filter').css('opacity', '1');
  104. });
  106. $('.filter').click(function () {
  107. $('body').removeClass('filtre-open');
  108. $(this).css('visibility', 'hidden');
  109. $(this).css('opacity', '0');
  110. });
  112. $('.filter .filtre').click(function () {
  113. $('.filter .filtre').removeClass('active');
  114. $(this).addClass('active');
  115. });
  116.         </script>
  118.         <script type="text/javascript" src="/assets/js/script.js" async></script>
  119.     {% endblock %}
  120. </html>