templates/plst/index.html.twig line 1

Open in your IDE?
  1. {% extends 'newwebfront/index.html.twig' %}
  2. {% block title %} PLS-TP NEWSLETTER {% endblock title %} 
  3. {% block style %}
  4. <link rel="stylesheet" href='{{ asset("plst/style.css")}}'>
  5. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css"
  7.           integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  9. {% endblock style %}
  11. {% block content %}
  12. <!-- Page Title -->
  13.         <section class="page-title" style="background-image:url({{asset('newwebfront/assets/images/background/page-title.jpg')}});">
  14.             <div class="auto-container">
  15.                 <div class="content-box">
  16.                     <div class="title centred">
  17.                         <h1 style="color : #FFD400;">PLS-TP NEWSLETTER</h1>
  18.                     </div>
  19.                     <ul class="bread-crumb clearfix">
  20.                         <li><a href="{{ path('newfront') }}">Accueil</a></li>
  21.                         <li>PLS-TP</li>
  22.                     </ul>
  23.                 </div>
  24.             </div>
  25.         </section>
  27.         <!-- department-details -->
  28.         <section class="department-details bg-color-1 sec-pad-2">
  29.             <div class="auto-container">
  30.                 <div class="row clearfix">
  31.                     <div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
  32.                         <div class="department-sidebar">
  33.                             <div class="sidebar-banner centred" style="background-image: url({{ asset('newwebfront/assets/images/resource/department-1.jpg') }});">
  34.                                 <div class="inner-box">
  35.                                     <div class="icon-box"><i class="flaticon-global-warming"></i></div>
  36.                                     <h3>Une plateforme d'informations</h3>
  37.                                     <h4 style="color : #FFFFFF;">Un ensemble de contenu est à votre disposition. Démarrez l'expérience maintenant :</h4>
  38.                                     {# <a href="contact.html">Join With Us</a> #}
  39.                                 </div>
  40.                             </div>
  41.                             <div class="sidebar-category">
  42.                                 <div class="inner-box">
  43.                                     <div class="widget-title">
  44.                                         <h3>Contenus</h3>
  45.                                         <div class="title-shape"></div>
  46.                                     </div>
  47.                                     <div class="widget-content">
  48.                                         <ul class="category-list clearfix">
  49.                                             <li>
  50.                                                 <div class="icon-box"><i class="flaticon-hospital"></i></div>
  51.                                                 <h5><a href="{{ path('pls-tp-vih-sida') }}">VIH-SIDA</a></h5>
  52.                                             </li>
  53.                                             <li>
  54.                                                 <div class="icon-box"><i class="flaticon-hospital"></i></div>
  55.                                                 <h5><a href="{{ path('pls-tp-tuberculose') }}">TUBERCULOSE</a></h5>
  56.                                             </li>
  57.                                             <li>
  58.                                                 <div class="icon-box"><i class="flaticon-newspaper"></i></div>
  59.                                                 <h5><a href="{{ path('pls-tp-ebook') }}">E-BOOK</a></h5>
  60.                                             </li>
  61.                                             <li>
  62.                                                 <div class="icon-box"><i class="flaticon-hospital"></i></div>
  63.                                                 <h5><a href="{{ path('pls-tp-paludisme') }}">PALUDISME</a></h5>
  64.                                             </li>
  65.                                             <li>
  66.                                                 <div class="icon-box"><i class="flaticon-hospital"></i></div>
  67.                                                 <h5><a href="{{ path('pls-tp-hepatite') }}">HEPATITE</a></h5>
  68.                                             </li>
  69.                                             <li>
  70.                                                 <div class="icon-box"><i class="flaticon-hospital"></i></div>
  71.                                                 <h5><a href="{{ path('pls-tp-mst') }}">MST</a></h5>
  72.                                             </li>
  73.                                             <li>
  74.                                                 <div class="icon-box"><i class="flaticon-play-arrow"></i></div>
  75.                                                 <h5><a href="https://www.youtube.com/@plstpmdc"  target="_blank">VIDEOS</a></h5>
  76.                                             </li>
  77.                                         </ul>
  78.                                     </div>
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                     </div>
  83.                     <div class="col-lg-8 col-md-12 col-sm-12 content-side">
  84.                         <div class="department-details-content">
  85.                             <div class="upper-image">
  86.                                 <figure class="image"><img src="{{asset('plst/img/BannieÇre_Newsletters.JPG')}}" alt=""></figure>
  87.                             </div>
  88.                             <div class="text">
  89.                                 <h3 style="color: rgb(3, 134, 134);">Pour créer sa zone de protection face aux maladies : Inscrivez-vous à notre Newsletter</h3>
  90.                                 {# <p>Every pain avoided. But in certain circumstances and our owing to the claims of duty or obligations off business it will frequently occur that pleasures have to be repudiated annoyances that accepted the wise man therefore always holds in these matters to this principle occur.</p> #}
  91.                             </div>
  92.                              <h5 class="text-center">NEWSLETTERS PLS-TP</h5>
  93.                             <form action="{{ path('newsletter_plst') }}" class="form-inline justify-content-center pb-4">
  94.                                 <div class="form-group">
  95.                                     <input type="email" name="email" class="form-control" id="email" placeholder="email@example.com" required>
  96.                                 </div>
  97.                                 <div class="form-group">
  98.                                     <button type="submit" class="btn btn-success" style="background-color : #0D6E77;">Inscrivez-moi</button>
  99.                                 </div>
  100.                             </form>
  101.                             <hr>
  102.                             <div class="row">
  103.                 <div class="col-sm-7">
  104.                     <h3 style="color: rgb(3, 134, 134);">Une newsletter, pourquoi ?</h3>
  105.                     <p>Acquérir l'éducation, la connaissance pour prendre de bonnes habitude. Au Bénin, nous devons
  106.                         créer,
  107.                         transférer et réfléchir à cette connaissance. Les pouvoirs publics, les actions
  108.                         communautaires sont
  109.                         déjà en
  110.                         place. Mais nous constatons un manque de connaissance.
  111.                         Ce manque de connaissance nous est préjudiciable. Car il ne nous permet pas de mettre en
  112.                         place une
  113.                         zone
  114.                         de protection.
  115.                         Pour connaître ses maladies :
  116.                     <ul>
  117.                         <li>Comment on les contracte</li>
  118.                         <li>Savoir si je suis en zone de risque et comment retourner en zone de protection</li>
  119.                     </ul>
  120.                     Sont autant d'information dont nous avons besoin pour créer de la sécurité pour nous et autour
  121.                     de nous
  122.                     et
  123.                     diminuer le risque épidémique dans nos vies.
  124.                     C'est pour cette raison que nous avons mise en place une newsletter, chaque mois, vous recevrez
  125.                     des
  126.                     informations sur ces maladies et comment construire une zone de protection pour vous et votre
  127.                     famille.
  128.                     Ainsi, vous pourrez évaluer votre zone de protection par rapport au:
  129.                     <div class="blog-details-content">
  130.                         <div class="inner-box">
  131.                                 <div class="points-block">
  132.                                         <div class="row clearfix">
  133.                                             <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  134.                                                 <div class="single-item">
  135.                                                     <p><i class="flaticon-hospital"></i>VIH/SIDA</p>
  136.                                                 </div>
  137.                                             </div>
  138.                                             <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  139.                                                 <div class="single-item">
  140.                                                     <p><i class="flaticon-hospital"></i>La tuberculose</p>
  141.                                                 </div>
  142.                                             </div>
  143.                                             <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  144.                                                 <div class="single-item">
  145.                                                     <p><i class="flaticon-hospital"></i>Les hépatites</p>
  146.                                                 </div>
  147.                                             </div>
  148.                                             <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  149.                                                 <div class="single-item">
  150.                                                     <p><i class="flaticon-hospital"></i>Le paludisme</p>
  151.                                                 </div>
  152.                                             </div>
  153.                                             <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  154.                                                 <div class="single-item">
  155.                                                     <p><i class="flaticon-hospital"></i>Les maladies sexuellement transmissibles</p>
  156.                                                 </div>
  157.                                             </div>
  158.                                             <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  159.                                                 <div class="single-item">
  160.                                                     <p><i class="flaticon-hospital"></i>Les maladies non transmissibles</p>
  161.                                                 </div>
  162.                                             </div>
  163.                                         </div>
  164.                                 </div>
  165.                         </div>
  166.                     </div>
  167.                     {# <ul>
  168.                         <li>VIH/SIDA</li>
  169.                         <li>La tuberculose</li>
  170.                         <li>Les hépatites</li>
  171.                         <li>Le paludisme</li>
  172.                         <li>Les maladies sexuellement transmissibles</li>
  173.                         <li>Les maladies non transmissibles</li>
  174.                     </ul> #}
  175.                     Comprendre ce que sont ses maladies, comprendre les enjeux actuels au Bénin
  176.                     Vous pourrez ainsi créer, renforcer et élargir votre zone de protection face à ces fléaux.
  177.                     Ne pas mourir, d'une maladie évitable, c'est possible.
  178.                     Et n'oubliez pas <br>
  179.                     <b> Le premier geste barrière : C'est l'information</b>
  180.                     </p>
  181.                 </div>
  182.                 <div class="col-sm-5">
  183.                     <a href="{{ asset('plst/img/Diapositive1(1).JPG') }}"><img src="{{ asset('plst/img/Diapositive1(1).JPG') }}" class="img-fluid"
  184.                                                            alt="Créer sa zone de protection, prévention maladie"></a><br><br>
  185.                     <a href="{{ asset('plst/img/Diapositive2(1).JPG') }}"><img src="{{ asset('plst/img/Diapositive2(1).JPG') }}" class="img-fluid"
  186.                                                            alt="Elargir sa zone de protection, prévention maladie"></a>
  187.                 </div>
  188.             </div>
  189.             <div class="col-sm-12">
  190.                 <h3 style="color: rgb(3, 134, 134);">Le PLS-TP MDC, qui sommes-nous ?</h3>
  191.                 <p>Le PLS-TP MCD a pour mission de créer un impact positif, par le biais de la lutte contre le VIH/SIDA, la
  192.                     Tuberculose, le Paludisme, les Hépatites et les Maladies Sexuellement transmissible afin d'enrailler ces
  193.                     épidémies.
  194.                     Ainsi, nous mettons à votre disposition des informations éducatives, les présentations des dernières actualités
  195.                     pour promouvoir les outils et les stratégies de préventions existants.
  196.                     Notre objectif est de faire de vous, un acteur de la lutte contre ses maladies. La maladie est une crise de la
  197.                     santé. L'objectif de chacun est de pouvoir créer autour de soi une zone de protection. C'est possible de réduire
  198.                     les risques en étant informé et en ajustant nos comportements.
  199.                     <br>
  200.                     <b>Et N'oubliez pas, le premier geste barrière, c'est l'information</b>
  201.                 </p>
  202.             </div>
  204.                         </div>
  205.                     </div>
  206.                     
  207.                 </div>
  208.             </div>
  209.         </section>
  210.         <!-- department-details end -->
  213. {# <div class="container">
  214.     <div class="row mt-4">
  215.         <div class="col-sm-4">
  216.             <h2 style="color: rgb(3, 134, 134);">Une plateforme d'informations</h2>
  217.             <p>Un ensemble de contenu est à votre disposition.
  218.                 Démarrez l'expérience maintenant :</p>
  219.             <div class="mb-2">
  220.                 <a href="{{ path('pls-tp-vih-sida') }}" style="color: black; text-decoration:none;">
  221.                     <nav class="navbar navbar-light bg-light">
  222.                         <div class="container-fluid">
  223.                             <i class="bi bi-chevron-right">VIH-SIDA</i>
  224.                         </div>
  225.                     </nav>
  226.                 </a>
  227.             </div>
  228.             <div class="mb-2">
  229.                 <a href="{{ path('pls-tp-tuberculose') }}" style="color: black; text-decoration:none;">
  230.                     <nav class="navbar navbar-light bg-light">
  231.                         <div class="container-fluid">
  232.                             <i class="bi bi-chevron-right">TUBERCULOSE</i>
  233.                         </div>
  234.                     </nav>
  235.                 </a>
  236.             </div>
  237.             <div class="mb-2">
  238.                 <a href="{{ path('pls-tp-ebook') }}" style="color: black; text-decoration:none;">
  239.                     <nav class="navbar navbar-light bg-light">
  240.                         <div class="container-fluid">
  241.                             <i class="bi bi-chevron-right">E-BOOK</i>
  242.                         </div>
  243.                     </nav>
  244.                 </a>
  245.             </div>
  246.             <div class="mb-2">
  247.                 <a href="{{ path('pls-tp-paludisme') }}" style="color: black; text-decoration:none;">
  248.                     <nav class="navbar navbar-light bg-light">
  249.                         <div class="container-fluid">
  250.                             <i class="bi bi-chevron-right">PALUDISME</i>
  251.                         </div>
  252.                     </nav>
  253.                 </a>
  254.             </div>
  255.             <div class="mb-2">
  256.                 <a href="{{ path('pls-tp-hepatite') }}" style="color: black; text-decoration:none;">
  257.                     <nav class="navbar navbar-light bg-light">
  258.                         <div class="container-fluid">
  259.                             <i class="bi bi-chevron-right">HEPATITE</i>
  260.                         </div>
  261.                     </nav>
  262.                 </a>
  263.             </div>
  264.             <div class="mb-2">
  265.                 <a href="{{ path('pls-tp-mst') }}" style="color: black; text-decoration:none;">
  266.                     <nav class="navbar navbar-light bg-light">
  267.                         <div class="container-fluid">
  268.                             <i class="bi bi-chevron-right">MST</i>
  269.                         </div>
  270.                     </nav>
  271.                 </a>
  272.             </div>
  273.             <div class="mb-2">
  274.                 <a href="https://www.youtube.com/@plstpmdc"  target="_blank" style="color: black; text-decoration:none;">
  275.                     <nav class="navbar navbar-light bg-light">
  276.                         <div class="container-fluid">
  277.                             <i class="bi bi-chevron-right">VIDEOS</i>
  278.                         </div>
  279.                     </nav>
  280.                 </a>
  281.             </div>
  282.         </div>
  283.         <div class="col-sm-8">
  284.             <img src="{{ asset('plst/img/BannieÇre_Newsletters.JPG') }}" class="img-fluid" alt="Responsive image">
  285.             <h1 style="color: rgb(3, 134, 134);">Pour créer sa zone de protection face aux maladies : Inscrivez-vous
  286.                 à notre Newsletter</h1><br><br>
  288.             <h3 class="text-center">NEWSLETTERS</h3>
  289.             <form action="{{ path('newsletter_plst') }}" class="form-inline justify-content-center pb-4">
  290.                 <div class="form-group">
  291.                     <input type="email" name="email" class="form-control" id="email" placeholder="email@example.com" required>
  292.                 </div>
  293.                 <div class="form-group">
  294.                     <button type="submit" class="btn btn-danger">Inscrivez-moi</button>
  295.                 </div>
  296.             </form>
  297.             <hr>
  298.             <div class="row">
  299.                 <div class="col-sm-7">
  300.                     <h2 style="color: rgb(3, 134, 134);">Une newsletter, pourquoi ?</h2>
  301.                     <p>Acquérir l'éducation, la connaissance pour prendre de bonnes habitude. Au Bénin, nous devons
  302.                         créer,
  303.                         transférer et réfléchir à cette connaissance. Les pouvoirs publics, les actions
  304.                         communautaires sont
  305.                         déjà en
  306.                         place. Mais nous constatons un manque de connaissance.
  307.                         Ce manque de connaissance nous est préjudiciable. Car il ne nous permet pas de mettre en
  308.                         place une
  309.                         zone
  310.                         de protection.
  311.                         Pour connaître ses maladies :
  312.                     <ul>
  313.                         <li>Comment on les contracte</li>
  314.                         <li>Savoir si je suis en zone de risque et comment retourner en zone de protection</li>
  315.                     </ul>
  316.                     Sont autant d'information dont nous avons besoin pour créer de la sécurité pour nous et autour
  317.                     de nous
  318.                     et
  319.                     diminuer le risque épidémique dans nos vies.
  320.                     C'est pour cette raison que nous avons mise en place une newsletter, chaque mois, vous recevrez
  321.                     des
  322.                     informations sur ces maladies et comment construire une zone de protection pour vous et votre
  323.                     famille.
  324.                     Ainsi, vous pourrez évaluer votre zone de protection par rapport au:
  325.                     <ul>
  326.                         <li>VIH/SIDA</li>
  327.                         <li>La tuberculose</li>
  328.                         <li>Les hépatites</li>
  329.                         <li>Le paludisme</li>
  330.                         <li>Les maladies sexuellement transmissibles</li>
  331.                         <li>Les maladies non transmissibles</li>
  332.                     </ul>
  333.                     Comprendre ce que sont ses maladies, comprendre les enjeux actuels au Bénin
  334.                     Vous pourrez ainsi créer, renforcer et élargir votre zone de protection face à ces fléaux.
  335.                     Ne pas mourir, d'une maladie évitable, c'est possible.
  336.                     Et n'oubliez pas <br>
  337.                     <b> Le premier geste barrière : C'est l'information</b>
  338.                     </p>
  339.                 </div>
  340.                 <div class="col-sm-5">
  341.                     <a href="{{ asset('plst/img/Diapositive1(1).JPG') }}"><img src="{{ asset('plst/img/Diapositive1(1).JPG') }}" class="img-fluid"
  342.                                                            alt="Créer sa zone de protection, prévention maladie"></a><br><br>
  343.                     <a href="{{ asset('plst/img/Diapositive2(1).JPG') }}"><img src="{{ asset('plst/img/Diapositive2(1).JPG') }}" class="img-fluid"
  344.                                                            alt="Elargir sa zone de protection, prévention maladie"></a>
  345.                 </div>
  346.             </div>
  347.             <div class="col-sm-12">
  348.                 <h3 style="color: rgb(3, 134, 134);">Le PLS-TP MDC, qui sommes-nous ?</h3>
  349.                 <p>Le PLS-TP MCD a pour mission de créer un impact positif, par le biais de la lutte contre le VIH/SIDA, la
  350.                     Tuberculose, le Paludisme, les Hépatites et les Maladies Sexuellement transmissible afin d'enrailler ces
  351.                     épidémies.
  352.                     Ainsi, nous mettons à votre disposition des informations éducatives, les présentations des dernières actualités
  353.                     pour promouvoir les outils et les stratégies de préventions existants.
  354.                     Notre objectif est de faire de vous, un acteur de la lutte contre ses maladies. La maladie est une crise de la
  355.                     santé. L'objectif de chacun est de pouvoir créer autour de soi une zone de protection. C'est possible de réduire
  356.                     les risques en étant informé et en ajustant nos comportements.
  357.                     <br>
  358.                     <b>Et N'oubliez pas, le premier geste barrière, c'est l'information</b>
  359.                 </p>
  360.             </div>
  361.         </div>
  362.     </div>
  363. </div> #}
  365. {% include "newwebfront/_footercard.html.twig" %}
  367. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  368.         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  369.         crossorigin="anonymous"></script>
  370. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
  371.         integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
  372.         crossorigin="anonymous"></script>
  373. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
  374.         integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
  375.         crossorigin="anonymous"></script>
  379. {% endblock content %}