private\home\home.twig line 1

  1. <!-- Découvrir VACAF -->
  2. <div class="decouvrir container grid p-10 p-sm-0">
  3.   <div class="g-col-12 g-col-lg-12 g-col-sm-6 d-flex justify-content-lg-start justify-content-md-center justify-content-sm-center">
  4.     <div class="align-self-center">
  5.       <h2>Découvrir VACAF</h2>
  6.     </div>
  7.   </div>
  9.   <div class="ratio ratio-1x1 decouvrir-vacaf g-col-12 g-col-lg-4 g-col-sm-6 squarebox">
  10.     <div class="sub-picto"></div>
  11.     <div class="sub-text d-flex align-content-end flex-wrap">
  12.       <div class="sub-title">VACAF</div>
  13.       <div class="sub-content">Des vacances pour tous !</div>
  14.       <a class="button-white" href="/decouvrir/vacaf">En savoir plus</a>
  15.     </div>
  16.   </div>
  18.   <div class="ratio ratio-1x1 decouvrir-familles g-col-12 g-col-lg-4 g-col-sm-6 shadow squarebox">
  19.     <div class="sub-picto"></div>
  20.     <div class="sub-text d-flex align-content-end flex-wrap">
  21.       <div class="sub-title">FAMILLES</div>
  22.       <div class="sub-content">
  23.         Des dispositifs d’aide<br />aux vacances familles
  24.       </div>
  25.       <a class="button-white" href="/decouvrir/dispositifs_familles">En savoir plus</a>
  26.     </div>
  27.   </div>
  29.   <div class="ratio ratio-1x1 decouvrir-enfants g-col-12 g-col-lg-4 g-col-sm-6 shadow squarebox">
  30.     <div class="sub-picto"></div>
  31.     <div class="sub-text d-flex align-content-end flex-wrap">
  32.       <div class="sub-title">ENFANTS</div>
  33.       <div class="sub-content">
  34.         Des dispositifs d’aide aux vacances pour les enfants et les ados :
  35.         <br />AVE (CAF)
  36.         <br />Pass colo (État)
  37.       </div>
  38.       <a class="button-white" href="/decouvrir/dispositifs_enfants">En savoir plus</a>
  39.     </div>
  40.   </div>
  41. </div>
  43. <!-- Vos démarches en ligne -->
  45. <div class="demarches container grid p-3 p-sm-0">
  46.   <div class="g-col-12 g-col-lg-12 g-col-sm-6 d-flex justify-content-lg-start justify-content-md-center justify-content-sm-center">
  47.     <div class="align-self-center">
  48.       <h2>Vos démarches en ligne</h2>
  49.     </div>
  50.   </div>
  52.   <div class="demarches-site-de-gestion demarches-grey g-col-12 g-col-lg-4 g-col-sm-6 shadow-sm ratio ratio-1x1 squarebox" onclick="window.open('/demarches/site-de-gestion','_self')">
  53.     <div class="sub-picto"></div>
  54.     <div class="sub-text">
  55.       Accéder au<br /><b>site de gestion<br />Partenaires labellisés</b>
  56.     </div>
  57.   </div>
  59.   <div class="demarches-labellisation-familles demarches-grey g-col-12 g-col-lg-4 g-col-sm-6 shadow-sm ratio ratio-1x1 squarebox" onclick="window.open('/demarches/demande_labellisation_familles','_self')">
  60.     <div class="sub-picto"></div>
  61.     <div class="sub-text">
  62.       Demander une
  63.       <b>labellisation<br />dispositifs Familles</b>
  64.     </div>
  65.   </div>
  67.   <div class="demarches-labellisation-enfants demarches-grey g-col-12 g-col-lg-4 g-col-sm-6 shadow-sm ratio ratio-1x1 squarebox" onclick="window.open('/demarches/demande_labellisation_enfants','_self')">
  68.     <div class="sub-picto"></div>
  69.     <div class="sub-text">
  70.       Demander une
  71.       <b>labellisation AVE</b>
  72.       <br /><br />
  73.       Demander un
  74.       <b>conventionnement Pass colo</b>
  75.     </div>
  76.   </div>
  77. </div>
  79. <!-- S'informer et comprendre -->
  80. <div class="comprendre">
  81.   <div class="container grid p-3 p-sm-0">
  82.     <div class="g-col-12 g-col-lg-12 g-col-sm-6 d-flex justify-content-lg-start justify-content-md-center justify-content-sm-center">
  83.       <div class="align-self-center">
  84.         <h2>S’informer et comprendre</h2>
  85.       </div>
  86.     </div>
  88.     <div class="comprendre-faq g-col-12 g-col-lg-4 g-col-sm-6 shadow ratio ratio-1x1 squarebox">
  89.       <div class="sub-picto"></div>
  90.       <div class="sub-text">
  91.         Les réponses à vos<br />questions dans notre FAQ
  92.       </div>
  93.       <div class="sub-button">
  94.         <a class="button-blue" href="/comprendre/faq">En savoir plus</a>
  95.       </div>
  96.     </div>
  98.     <div class="comprendre-presse g-col-12 g-col-lg-4 g-col-sm-6 shadow ratio ratio-1x1 squarebox">
  99.       <div class="sub-picto"></div>
  100.       <div class="sub-text">Revue de presse</div>
  101.       <div class="sub-button">
  102.         <a class="button-blue align-bottom" href="/comprendre/revue_de_presse">En savoir plus</a>
  103.       </div>
  104.     </div>
  106.     <div class="comprendre-documents g-col-12 g-col-lg-4 g-col-sm-6 shadow ratio ratio-1x1 squarebox">
  107.       <div class="sub-picto"></div>
  108.       <div class="sub-text">Documents</div>
  109.       <div class="sub-button">
  110.         <a class="button-blue align-bottom" href="/comprendre/documents">En savoir plus</a>
  111.       </div>
  112.     </div>
  113.   </div>
  114. </div>