templates/Project/projects-list.html.twig line 1

Open in your IDE?
  1. {% extends 'Default/base.html.twig' %}
  2. {% block body %}
  4.     <div class="subtitle">
  6.         <div class="container_12">
  7.             <h1>Différents projets</h1>
  8.         </div>
  9.     </div>
  11.     <section class="container projet">
  12.         <div class="row">
  13.             {% for project in projects %}
  14.                 <div class="col-6-sm col-3 thumbnail ">
  15.                     <a href="#" data-id=" {{ project.id }}" class="zoom-it">
  17.                         {% if (project.images is defined) and (project.images is not empty) %}
  18.                             <img src="images/big-our-2.jpg" alt="{{ project.title }} crearchitex"/>
  19.                         {% else %}
  20.                             <img src="{{ asset('images/big-our-2.jpg') }}" alt="{{ project.title }} crearchitex"/>
  21.                         {% endif %}
  22.                         <div class="cache">
  23.                             <h2>{{ project.title }}</h2>
  24.                             <p>
  25.                                 {{ project.description }}
  26.                             </p>
  27.                         </div>
  28.                     </a>
  29.                 </div>
  30.             {% endfor %}
  31.         </div>
  32.         {#
  33.         <div class="grid_3 vignette alpha"> <a href=#zoom_1>
  34.                 <img src="images/big-our-1.jpg" alt="ProjetArchi projet" />
  35.                 <div class="cache">
  36.                     <h2>Pré Maho</h2> 
  37.                     <p>
  38.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  39.                     </p>
  40.                 </div>
  41.             </a>
  42.         </div>  
  43.         <div class="grid_3 vignette "> <a href=#zoom_1>
  44.                 <img src="images/big-our-2.jpg" alt="ProjetArchi projet" />
  45.                 <div class="cache">
  46.                     <h2>cuisine</h2> 
  47.                     <p>
  48.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  49.                     </p>
  50.                 </div>
  51.             </a>
  52.         </div>  
  53.         <div class="grid_3 vignette "> <a href=#zoom_1>
  54.                 <img src="images/big-our-3.jpg" alt="ProjetArchi projet" />
  55.                 <div class="cache">
  56.                     <h2>Intérieur</h2> 
  57.                     <p>
  58.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  59.                     </p>
  60.                 </div>
  61.             </a>
  62.         </div>  
  63.         <div class="grid_3 vignette omega"> <a href=#zoom_1>
  64.                 <img src="images/big-our-4.jpg" alt="ProjetArchi projet" />
  65.                 <div class="cache">
  66.                     <h2>Chambre</h2> 
  67.                     <p>
  68.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  69.                     </p>
  70.                 </div>
  71.             </a>
  72.         </div>  
  73.         <div class="grid_3 vignette alpha"> <a href=#zoom_1>
  74.                 <img src="images/big-our-5.jpg" alt="ProjetArchi projet" />
  75.                 <div class="cache">
  76.                     <h2>Transformation</h2> 
  77.                     <p>
  78.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  79.                     </p>
  80.                 </div>
  81.             </a>
  82.         </div>  
  83.         <div class="grid_3 vignette "> <a href=#zoom_1>
  84.                 <img src="images/big-our-6.jpg" alt="ProjetArchi projet" />
  85.                 <div class="cache">
  86.                     <h2>Casemates</h2> 
  87.                     <p>
  88.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  89.                     </p>
  90.                 </div>
  91.             </a>
  92.         </div>  
  93.         <div class="grid_3 vignette "> <a href=#zoom_1>
  94.                 <img src="images/big-our-7.jpg" alt="ProjetArchi projet" />
  95.                 <div class="cache">
  96.                     <h2>construction</h2> 
  97.                     <p>
  98.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  99.                     </p>
  100.                 </div>
  101.             </a>
  102.         </div>  
  103.         <div class="grid_3 vignette omega"> <a href=#zoom_1>
  104.                 <img src="images/big-our-8.jpg" alt="ProjetArchi projet" />
  105.                 <div class="cache">
  106.                     <h2>Casemate</h2> 
  107.                     <p>
  108.                         Ce batiment a toutes les caractérristiques d'un bâtiment à très hautes performances énergétiques, ce qui en fait le premier hôtel de cette catégorie.
  109.                     </p>
  110.                 </div>
  111.             </a>
  112.         </div> #}
  114.     </section>
  115. {% endblock %}