templates/security/accueil.html.twig line 1

Open in your IDE?
  1. {% extends "login_view.html.twig" %}
  3. {% block body %}
  5.     <button onclick="topFunction()" id="btnBtT" title="Début de page"><i class="fa fa-chevron-up"></i></button>
  6.     
  7.     {# Accueil ======================================================== #}
  8.     <div class="row" style="padding-top:30px;">
  9.         <div class="col-12 text-center" id="top">
  10.             <img src="/img/cf.png" style="border:0;" height="50" width="500">
  11.         </div>
  12.     </div>
  14.     <div class="row" style="padding-top:60px;padding-bottom:60px;">
  15.         <div class="col-12 text-center">
  16.             <div class="text-center titre28-base">
  17.                 Bienvenue sur <span style="color: #E11709;font-family: 'Montserrat Bold';">Collectiv’Finances</span>
  18.             </div>
  19.             <div class="text-center titre28-base">
  20.                 La boite à outils d'<span style="color: #E11709;font-family: 'Montserrat Bold';">analyse financière</span> des collectivités locales !
  21.             </div>
  22.         </div>
  23.     </div>
  25.     <div class="row" style="padding-top:60px;padding-bottom:0px;">
  26.         <div class="col-12 text-center">
  27.             <img src="/img/pg_garde_img1.png" style="border:0;" height="660" width="900">
  28.         </div>
  29.     </div>
  31.     {# télécharger le manuel utilisateur #}
  32.     <div class="row" style="padding-top:0px;padding-bottom:60px;">
  33.         <div class="col-12 text-center">
  34.             {# ne pas servir le guide à des zombis #}
  35.             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
  36.             <button class="btn btn-primary ouvguidBtn" data-nbfic="-1" data-nid="accueil" data-nfid="{{gp}}" data-url="{{ path('downloadguide') }}"  title="Guide pratique">
  37.                 <img src="/img/telecharger.svg" style="vertical-align:middle;border:0;" height="20" width="20">&nbsp;
  38.                 Télécharger le guide pratique
  39.             </button>
  40.         </div>
  41.     </div>
  42.     
  44.     <div class="row" style="padding-top:60px;padding-bottom:60px;">
  45.         <div class="col-3"></div>
  46.         <div class="col-6 text-left">
  47.             <div class="ibox-arrondis" style="box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);">
  48.                 <div class="ibox-title-arrondis" style="padding-left:10px;padding-right:10px;">
  49.                     <div class="titre22-base" style="padding-top:20px;">
  50.                         La solution intégrée de modélisation et de prospective financière pour votre collectivité
  51.                     </div>
  52.                     <div class="texte16b-base" style="padding-bottom:40px;">
  53.                         <b>Concrètement, qu'est-ce que c’est ?</b>
  54.                     </div>
  55.                     <div class="texte14b-base" style="padding-bottom:40px;padding-right:25px;">
  56.                         La Banque des territoires met gratuitement à disposition de toutes les collectivités locales trois outils d'analyse financière afin de réaliser leur <b>prospective financière de budget</b>, leur <b>modélisation financière de projet d'investissement</b> et leur <b>plan pluriannuel d'investissement</b>.
  57.                     </div>
  58.                     <div class="texte14b-base" style="padding-bottom:40px;padding-right:25px;">
  59.                         Pour bénéficier d'un accompagnement personnalisé dans la prise en main et l'utilisation des outils, les communes de moins de 5 000 habitants et les EPCI de moins de 50 000 habitants peuvent contacter <a href="{{ path('ruralconsult') }}" title="Assistance juridique et financière" style="text-decoration: underline;">Rural Consult</a>.
  60.                     </div>
  61.                     <div class="text-center" style="padding-bottom:20px;">
  62.                         <a href="{{ path('identification') }}" title="Vous identifier" style="text-decoration: none;">
  63.                             <button class="btn btn-primary">Je commence ma simulation</button>
  64.                         </a>
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.         </div>
  69.         <div class="col-3"></div>
  70.     </div>
  74.     {# nos outils ================================================================ #}
  75.     <div class="row" style="padding-top:100px;padding-left:50px;padding-right:50px;" id="nosoutils">
  76.         <div class="col-1"></div>
  77.         <div class="col-10 text-left titre28-base">
  78.             Nos outils à votre disposition
  79.         </div>
  80.         <div class="col-1"></div>
  81.     </div>
  82.     
  83.     <div class="row" style="padding-top:50px;padding-bottom:20px;padding-left:20px;padding-right: 20px;">
  84.         <div class="col-3"></div>
  85.         <div class="col-6">
  86.             <div class="row">
  87.                 <div class="col-6" style="padding-left:35px;padding-right:35px;">      {# BRIQUE 1 #} {# haut droite bas gauche #}
  88.                     <div class="ibox-arrondis" style="box-shadow: 0px 10px 0px 0px rgba(250, 221, 178, 1);">
  89.                         <div class="ibox-title-arrondis text-center">
  90.                             <img src="/img/raf.svg" style="vertical-align:middle;border:0;padding-top:10px;" height="120" width="192">
  91.                             {# la CDC n'en veut plus ...
  92.                                 <a href="#" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="??deflog.pfb}}">
  93.                                 </a>
  94.                             #}
  95.                             <div class="text-center titre18-base" style="padding-top:25px;">Prospective financière de budget</div>
  96.                             <br />
  97.                             <table class="table no-margins">
  98.                                 <tbody>
  99.                                     <tr>
  100.                                         <td>
  101.                                             <p class="ibox-texte-arrondis text-center texte14-base">
  102.                                                 Réaliser une prospective financière sur la section de fonctionnement hors nouveaux investissements.
  103.                                             </p>
  104.                                         </td>
  105.                                     </tr>
  106.                                 </tbody>
  107.                             </table>
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             
  112.                 <div class="col-6" style="padding-left:35px;padding-right:35px;">      {# BRIQUE 2 #}
  113.                     <div class="ibox-arrondis" style="box-shadow: 0px 10px 0px 0px rgba(250, 221, 178, 1);">
  114.                         <div class="ibox-title-arrondis text-center">
  115.                             <img src="/img/mfp.png" style="vertical-align:middle;border:0;padding-top:10px;" height="120" width="192">
  116.                             {# la CDC n'en veut plus ...
  117.                                 <a href="#" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="??deflog.mfp}}">
  118.                                 </a>
  119.                             #}
  120.                             <div class="text-center titre18-base" style="padding-top:25px;">Modélisation financière de projets</div>
  121.                             <br />
  122.                             <table class="table no-margins">
  123.                                 <tbody>
  124.                                     <tr>
  125.                                         <td>
  126.                                             <p class="ibox-texte-arrondis text-center texte14-base">
  127.                                                 Définir les coûts financiers d'un projet d'investissement et son plan de financement. 
  128.                                             </p>
  129.                                         </td>
  130.                                     </tr>
  131.                                 </tbody>
  132.                             </table>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.             </div>
  137.         </div>
  138.         <div class="col-3"></div>
  139.     </div>
  141.     
  142.     <div class="row" style="padding-top:20px;padding-bottom:50px;padding-left:20px;padding-right: 20px;">
  143.         <div class="col-3"></div>
  144.         <div class="col-6">
  145.             <div class="row">
  146.                 <div class="col-12" style="padding-left:35px;padding-right:35px;">      {# BRIQUE 3 #}
  147.                     <div class="ibox-arrondis"style="box-shadow: 0px 10px 0px 0px rgba(250, 221, 178, 1);min-height: 200px;">
  148.                         <div class="ibox-title-arrondis text-center">
  149.                             <img src="/img/ppi.png" style="vertical-align:middle;border:0;padding-top:10px;" height="120" width="192">
  150.                             {# la CDC n'en veut plus ...
  151.                                 <a href="#" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="??deflog.ppi}}">
  152.                                 </a>
  153.                             #}
  154.                             
  155.                             <div class="text-center titre18-base" style="padding-top:25px;">Plan Pluriannuel d'Investissement</div>
  156.                             <br />
  157.                             <table class="table no-margins">
  158.                                 <tbody>
  159.                                     <tr>
  160.                                         <td>
  161.                                             <p class="ibox-texte-arrondis text-center texte14-base">
  162.                                                 Consolider de manière pluriannuelle les impacts des projets des collectivités sur la section de fonctionnement et la section d'investissement (cela correspond à la consolidation des briques "Prospective financière de budget" et "Modélisation financière de projets").
  163.                                             </p>
  164.                                         </td>
  165.                                     </tr>
  166.                                 </tbody>
  167.                             </table>
  168.                         </div>
  169.                     </div>
  170.                 </div>
  171.             </div>
  172.         </div>
  173.         <div class="col-3"></div>
  174.     </div>
  177.     
  178.     {# Rural consult ======================================================= #}
  179.     <div class="row" style="padding-top:40px;padding-left:50px;padding-right:50px;" id="ruralconsult">
  180.         <div class="col-1"></div>
  181.         <div class="col-10 text-left titre28-base">
  182.             Nos propositions d'accompagnement
  183.         </div>
  184.         <div class="col-1"></div>
  185.     </div>
  187.     <div class="row" style="padding-top:50px;padding-left:50px;">
  188.         <div class="col-1"></div>
  189.         <div class="col-10 text-left titre28-base">
  190.             <a href="https://www.banquedesterritoires.fr/produits-services/ingenierie-territoriale" title="Assistance juridique et financière dédiée aux préoccupations des petites communes et intercommunalités en matière juridique et financière" target="_blank">
  191.                 <img src="/img/logo_rc2024.jpg" title="Rural Consult" height="90" width="270" />
  192.             </a>
  193.         </div>
  194.         <div class="col-1"></div>
  195.     </div>
  196.     
  197.     <div class="row white-bg" style="padding-bottom:50px;padding-left:50px;">
  198.         <div class="col-1">&nbsp;</div>
  199.         <div class="col-5 bg-image" style="marging-right:5px;border-radius: 10px;background-image: url(/img/cf_villag2.jpg)">&nbsp;</div>
  200.         <div class="col-2 bg-image" style="margin-left:5px;border-radius: 10px;background-image: url(/img/cf_villag1.jpg)">&nbsp;</div>
  201.         <div class="col-3" style="margin-left:30px;">
  202.             <div class="ibox-arrondis" style="box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);min-height: 200px;">
  203.                 <div class="ibox-title-arrondis text-center">
  204.                     <div>
  205.                         <img src="/img/pict_mail_r.png" style="vertical-align:middle;border:0;padding-top:5px;" height="80" width="80">
  206.                     </div>
  207.                     <div class="text-center titre18-base" style="padding-top:15px;">
  208.                         Rural Consult
  209.                     </div>
  210.                     <div class="text-center texte14b-base" style="padding-top:10px;">
  211.                         Contactez gratuitement le service et échangez via la messagerie
  212.                     </div>
  213.                     <div style="padding-top:25px;padding-bottom:15px;">
  214.                         <a href="https://mon-compte.banquedesterritoires.fr/#/contact/formulaire/srjf/47168" target="_blank">
  215.                             <button class="btn btn-primary">
  216.                                 <img src="/img/pict_mail_n.png" style="vertical-align:middle;border:0;" height="28" width="28">&nbsp;
  217.                                 Envoyer un message
  218.                             </button>
  219.                         </a>
  220.                     </div>
  221.                 </div>
  222.             </div>
  223.         </div>
  224.         <div class="col-1">&nbsp;</div>
  225.     </div>
  227.     <div class="row white-bg" style="padding-top:35px;padding-bottom:50px;padding-left:50px;">
  228.         <div class="col-1">&nbsp;</div>
  229.         <div class="col-7">
  230.             <div class="titre22-base">
  231.                 Description
  232.             </div>
  233.             <div class="texte14b-base" style="padding-bottom:10px;">
  234.                 La Banque des Territoires accompagne les collectivités dans leurs <b>prises de décision et projets</b>. Nous offrons un <b>soutien juridique, financier et organisationnel</b> pour répondre à vos questions au quotidien et optimiser la gestion de votre budget.
  235.             </div>
  236.             <div class="texte14b-base" style="padding-bottom:10px;">
  237.                 Avec des experts disponibles par téléphone ou en ligne, nous fournissons <b>des réponses rapides et des outils numériques pour faciliter vos démarches</b>.
  238.             </div>
  239.             <div class="texte14b-base" style="padding-bottom:10px;">
  240.                 Les <b>communes de moins de 5 000 habitants</b> et les <b>EPCI de moins de 50 000 habitants</b> souhaitant bénéficier de notre accompagnement peuvent nous joindre au <b>09 70 80 88 09</b> ou via le formulaire de contact.
  241.             </div>
  242.             <div class="texte14-base" style="padding-bottom:10px;">
  243.                 <a href="https://www.banquedesterritoires.fr/produits-services/ingenierie-territoriale/rural-consult" title="Assistance juridique et financière dédiée aux préoccupations des petites communes et intercommunalités en matière juridique et financière" target="_blank">
  244.                     <button class="btn btn-primary">En savoir plus</button>
  245.                 </a>
  246.             </div>
  247.         </div>
  248.         
  249.         {# annulé par CDC (début mai)
  250.             <div class="col-3" style="margin-left:30px;">
  251.                 <div class="ibox-arrondis" style="box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);min-height: 200px;">
  252.                     <div class="ibox-title-arrondis text-center">
  253.                         <div>
  254.                             <img src="/img/pict_mail_r.png" style="vertical-align:middle;border:0;padding-top:5px;" height="80" width="80">
  255.                         </div>
  256.                         <div class="text-center titre18-base" style="padding-top:15px;">
  257.                             Entrer en contact avec nos directions régionales
  258.                         </div>
  259.                         <div style="padding-top:25px;padding-bottom:15px;">
  260.                             <a href="https://mon-compte.banquedesterritoires.fr/#/contact/formulaire/srjf/47168" target="_blank">
  261.                                 <button class="btn btn-primary">
  262.                                     <img src="/img/pict_mail_n.png" style="vertical-align:middle;border:0;" height="28" width="28">&nbsp;
  263.                                     Envoyer un message
  264.                                 </button>
  265.                             </a>
  266.                         </div>
  267.                     </div>
  268.                 </div>
  269.             </div>
  270.             <div class="col-1">&nbsp;</div>
  271.         #}
  272.     </div>
  277.     {# nos outils ================================================================ #}
  278.     <div class="row" style="padding-top:50px;padding-bottom:50px;padding-left:20px;padding-right: 20px;">
  279.         <div class="col-2">&nbsp;</div>
  280.         <div class="col-8" style="padding-left:35px;padding-right:35px;">
  281.             <div class="ibox-arrondis" style="box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);min-height: 150px;">
  282.                 <div class="ibox-title-arrondis text-center">
  283.                     <div class="text-center titre18-base" style="padding-top:25px;">
  284.                         Prêt à transformer durablement votre territoire ?
  285.                     </div>
  286.                 </div>
  287.                 <div class="text-center texte14-base" style="padding-top:20px;padding-bottom:10px;">
  288.                     <a href="{{ path('identification') }}" title="Vous identifier" style="font-family: 'Montserrat Bold';text-decoration: none;">
  289.                         Accéder à mon compte&nbsp;&nbsp;&nbsp;>
  290.                     </a>
  291.                 </div>
  292.             </div>
  294.         </div>
  295.             
  296.         <div class="col-3"></div>
  297.     </div>
  299.     {#
  300.         <div class="row" style="padding-top:50px;padding-bottom:50px;padding-left:20px;padding-right: 20px;">
  301.             <div class="col-1"></div>
  302.             <div class="col-10">
  303.                 <div class="hn--sep" id="ruralconsult"></div>
  304.             </div>
  305.             <div class="col-1"></div>
  306.         </div> 
  307.     #}
  311. {% endblock body %}