templates/home/sponsors.html.twig line 1

Open in your IDE?
  2. {% extends 'baseFront.html.twig' %}
  4. {% block title %}Hello HomeController!{% endblock %}
  6. {% block body %}
  9.     <main>
  10.         <div class="container px-1 ">
  11.             <section id="sponsors">
  12.                 {#<h1>Call for Sponsors </h1>
  14.                 <p>
  15.                     ICPR 2026 is proudly supported by leading academic and institutional partners.  We warmly invite companies and organizations
  16.                     to join us as sponsors and take part in this prestigious event.
  18.                     Explore our <a href="https://icpr2026.org/files/sponsorshipGuidlines.pdf"> Sponsorship Call</a> to learn about available opportunities, and find the <a href="https://icpr2026.org/files/sponsorshipGuidlines.pdf">form</a>  below or contact us at <a href="mailto:sponsors@icpr2026.org">sponsors@icpr2026.org</a> for more information.
  20.                 </p><div class="container text-center my-3">
  21.                     <div class="row row-cols-1 row-cols-md-2 justify-content-center g-3">
  23.                         <!-- Guideline -->
  24.                         <div class="col">
  25.                             <a href="https://icpr2026.org/files/sponsorshipGuidlines.pdf">
  26.                                 <picture class="flyer-container">
  27.                                     <source srcset="{{ asset('assetFront/images/sponsorshipGuidlines.webp') }}" type="image/webp">
  28.                                     <img src="{{ asset('assetFront/images/sponsorshipGuidlines.webp') }}" alt="ICPR 2026 Conference sponsorship guideline preview" class="img-fluid flyer" style="max-width: 460px;">
  29.                                 </picture>
  30.                             </a>
  31.                             <p class="mt-2 ">  <a href="https://icpr2026.org/files/sponsorshipGuidlines.pdf">Guideline</a></p>
  32.                         </div>
  34.                         <!-- Forms -->
  35.                         <div class="col">
  36.                             <a href="https://icpr2026.org/files/formsSponsorsICPR2026.pdf">
  37.                                 <picture class="flyer-container">
  38.                                     <source srcset="{{ asset('assetFront/images/formsSponsorsICPR2026.webp') }}" type="image/webp">
  39.                                     <img src="{{ asset('assetFront/images/formsSponsorsICPR2026.webp') }}" alt="ICPR 2026 Conference sponsorship form preview" class="img-fluid flyer" style="max-width: 460px;">
  40.                                 </picture>
  41.                             </a>
  42.                             <p class="mt-2">  <a href="#">Forms</a> </p>
  43.                         </div>
  45.                     </div>
  46.                 </div>
  49.                 <p></p>#}
  51.                 <h1 class="mb-4">Sponsors </h1>
  52.                 <p>
  53.                     This event is already supported by the following  sponsors:
  54.                 </p>
  58.                 <div class="sponsors-grid">
  59.     {% for sponsor in sponsors %}
  60.         <div class="sponsor-item">
  61.             <a href="{{ sponsor.lien }}">
  62.                 <img src="{{ sponsor.logo ? asset('uploads/sponsor/' ~ sponsor.logo) : '' }}"
  63.                      alt="{{ sponsor.nom }}"
  64.                      class="img-fluid sponsor-logo">
  65.             </a>
  66.         </div>
  67.     {% endfor %}
  68. </div>
  69.                     {#<div class="col">
  70.                         <a href="https://liris.cnrs.fr/"> <img src="{{ asset('assetFront/images/logoLIRIS.png') }}" alt="Sponsor LIRIS " class="img-fluid" style="max-height: 80px;"></a>
  71.                     </div>
  72.                     <div class="col">
  73.                         <a href="https://cnrs.fr/"> <img src="{{ asset('assetFront/images/logoCNRS.png') }}" alt="Sponsor CNRS" class="img-fluid" style="max-height: 80px;"></a>
  74.                     </div>#}
  75.                     <!-- ... ajoute d'autres logos ici ... -->
  76.                 <style>.sponsors-grid {
  77.     display: grid;
  78.     gap: 1rem;
  79.     align-items: center;
  80. }
  82. /* 📱 Mobile : 1 sponsor par ligne, centré */
  83. @media (max-width: 575.98px) {
  84.     .sponsors-grid {
  85.         grid-template-columns: 1fr;
  86.         justify-items: center; /* centre horizontalement */
  87.     }
  88. }
  90. /* 🖥️ Desktop : 7 sponsors sur la même ligne */
  91. @media (min-width: 992px) {
  92.     .sponsors-grid {
  93.         grid-template-columns: repeat(7, 1fr);
  94.         justify-items: center;
  95.     }
  96. }
  98. /* Logo */
  99. .sponsor-logo {
  100.     max-height: 200px;
  101.     object-fit: contain;
  102.     width : 200px;; /* conserve les proportions */
  103. }</style>
  107.                {# <h1 class="mb-4">Other Sponsors </h1>
  108.                 <p>
  109.                     We also acknowledge the support of:
  111.                 </p><div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-6 g-3 justify-content-center align-items-center">
  112.                     <div class="col">
  113.                         <a href="https://www.elsevier.com/"> <img src="{{ asset('assetFront/images/elsevierLogo.png') }}" alt="logo sponsor elsevier " class="img-fluid" style="max-height: 150px;"></a>
  114.                     </div>
  116.                     <p></p>
  119.                 </div>#}</section>
  125.         </div>
  127.     </main>
  130. {% endblock %}