templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Accueil village green!{% endblock %}
  5. {% block body %}
  7.     <section>
  9.         <div class="container bg-center">
  10.             <nav aria-label="breadcrumb">
  11.                 <ol class="breadcrumb">
  12.                     <li class="breadcrumb-item active" aria-current="page">Accueil</li>
  13.                 </ol>
  14.             </nav>
  15.             <!-- Contente-->
  17.             <div class="row p-4">
  19.                 <div class="col-sm-12 col-md-12 col-lg-9 col-xl-9">
  20.                     <img src="/assets/src/pub-guitare.png" alt="pub guitare" class="w-100" height="100%">
  21.                 </div>
  22.                 <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3 d-none d-lg-block d-xl-block p-0">
  23.                     <img src="/assets/src/banniere-droite-prix.png"  alt="pub banniere"  class="w-100" height="100%">
  24.                 </div>
  26.             </div>
  27.             <div class="row mt-2 mb-2">
  28.                 <img src="/assets/src/banniere-centre-4-pictos.png"  alt="pub picto" class="w-100">
  29.             </div>
  31.             <div class="row p-4">
  32.                 <h2>Nos Catégories</h2>
  33.             </div>
  34.             <div class="row pt-2 pb-2">
  36.                 {% set count = 0 %}
  37.                 {% for row in home %}
  38.                     {% if row.souscat is null and count <8 %}
  39.                         <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3 p-1 ">
  40.                             <div class="overlay-image border border-dark">
  41.                                 <a href="{{ path('categories',{id:row.id}) }}">
  42.                                     <img class="w-100" src="/assets/src/{{ row.picture }}" alt="{{ row.name }}"
  43.                                          height="183" >
  44.                                     <div class="hover">
  45.                                         <div class="cathover">
  46.                                             {{ row.name }}
  47.                                         </div>
  49.                                     </div>
  50.                                 </a>
  51.                             </div>
  52.                         </div>
  53.                         {% set count = count + 1 %}
  54.                     {% endif %}
  55.                 {% endfor %}
  58.             </div>
  59.             <div class="row p-4">
  60.                 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
  61.                     <h2>Nos meilleurs vents</h2>
  62.                 </div>
  64.                 <div class="col-sm-12 col-md-12  col-lg-6 col-xl-6 d-none d-xl-block d-lg-block">
  65.                     <h2>Nos partenaires</h2>
  66.                 </div>
  67.                 <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2">
  68.                     <div class="overlay-image">
  69.                         <a href="#">
  70.                             <img class="w-100" height="311"  src="/assets/src/TOP-VENTES-guitare.png" alt="Top vente guitare"
  71.                                 >
  72.                             <div class="hover">
  73.                                 <img class="w-100" height="311"  src="/assets/src/TOP-VENTES-ROLL-OVER guitare.png"
  74.                                      alt="Top vente guitare roll over" >
  75.                             </div>
  76.                         </a>
  77.                     </div>
  78.                 </div>
  80.                 <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2">
  81.                     <div class="overlay-image">
  82.                         <a href="#">
  83.                             <img class="w-100" height="311" src="/assets/src/TOP-VENTES-saxo.png" alt="Top vente saxo" >
  84.                             <div class="hover">
  85.                                 <img class="w-100" height="311"  src="/assets/src/TOP-VENTES-ROLL-OVER saxo.png" alt="Top vente saxo"
  86.                                      >
  87.                             </div>
  88.                         </a>
  89.                     </div>
  90.                 </div>
  92.                 <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2">
  93.                     <div class="overlay-image">
  94.                         <a href="#">
  95.                             <img class="w-100" height="311" src="/assets/src/TOP-VENTES-piano.png" alt="Top vente piano"
  96.                                  >
  97.                             <div class="hover">
  98.                                 <img class="w-100" height="311"  src="/assets/src/TOP-VENTES ROLL-OVER-piano.png" alt="Top vente piano"
  99.                                      >
  100.                             </div>
  101.                         </a>
  102.                     </div>
  103.                 </div>
  105.                 <div class="col-sm-12 col-md-12  col-lg-6 col-xl-6  d-lg-none  d-xl-none d-sm-block">
  106.                     <h2>Nos partenaires</h2>
  107.                 </div>
  108.                 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
  109.                     <img class="w-100" height="311"  src="/assets/src/partenaireslogos.png" alt="partenaireslogos" >
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </section>
  114.     <!-- fin content-->
  115. {% endblock %}