templates/newwebfront/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  8. <title>{% block title %} Accueil {% endblock title %} | Ministère du Développement</title>
  10. <!-- Fav Icon -->
  11. <link rel="icon" href='{{asset("newwebfront/assets/images/favicon-mpd.png")}}' type="image/x-icon">
  13. <!-- Google Fonts -->
  14. <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  17. <!-- Stylesheets -->
  18. <link href='{{asset("newwebfront/assets/css/font-awesome-all.css")}}' rel="stylesheet">
  19. <link href='{{asset("newwebfront/assets/css/flaticon.css")}}' rel="stylesheet">
  20. <link href='{{asset("newwebfront/assets/css/owl.css")}}' rel="stylesheet">
  21. <link href='{{asset("newwebfront/assets/css/bootstrap.css")}}' rel="stylesheet">
  22. <link href='{{asset("newwebfront/assets/css/jquery.fancybox.min.css")}}' rel="stylesheet">
  23. <link href='{{asset("newwebfront/assets/css/animate.css")}}' rel="stylesheet">
  24. <link href='{{asset("newwebfront/assets/css/nice-select.css")}}' rel="stylesheet">
  25. <link href='{{asset("newwebfront/assets/css/color.css")}}' rel="stylesheet">
  26. <link href='{{asset("newwebfront/assets/css/style.css")}}' rel="stylesheet">
  27. <link href='{{asset("newwebfront/assets/css/responsive.css")}}' rel="stylesheet">
  28. {% block style %}
  30. {% endblock style %}
  32. </head>
  35. <!-- page wrapper -->
  36. <body>
  37.     <header>
  38.         {% for label, messages in app.flashes %}
  40.         <div class="container" align="center" >
  42.             <div class="alert alert-{{ label }}">
  44.                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  46.                     <span aria-hidden="true">&times;</span>
  48.                 </button>
  50.                 {% for message in messages %}
  52.                     <p>{{ message | raw }}</p>
  54.                 {% endfor %}
  56.             </div>
  57.         </div>
  59.     {% endfor %}
  60.     
  61.     </header>
  62.     {# Gestion des cookies #}
  63.         <div class="fixed-bottom p-4">
  64.             <div class="toast bg-dark text-white w-100 mw-100" role="alert" data-autohide="false">
  65.                 <div class="toast-body p-4 d-flex flex-column">
  66.                     <h4 style="color : #0D6E77;">Politique de gestion des Cookies </h4>
  67.                     <p style="color : #FFFFFF;">
  68.                     Ce site utilise des cookies.
  69.                     <a href="{{ path('app_politique_confidentialite') }}" target="_blank" style="color : #FFD400;"> Cliquez ici</a> pour en savoir plus sur nos Mentions Légales et Gestion de Cookies
  70.                     </p>
  71.                     <div class="ml-auto">
  72.                         <button type="button" class="btn btn-outline-light mr-3" id="btnDeny">
  73.                             Refuser
  74.                         </button>
  75.                         <button type="button" class="btn btn-light" id="btnAccept">
  76.                             Accepter
  77.                         </button>
  78.                     </div>
  79.                 </div>
  80.             </div>
  81.         </div>
  83.     {# Fin cookies #}
  85.     <div class="boxed_wrapper">
  87.         <!-- search-popup -->
  88.         <div id="search-popup" class="search-popup">
  89.             <div class="close-search"><span>Fermer</span></div>
  90.             <div class="popup-inner">
  91.                 <div class="overlay-layer"></div>
  92.                 <div class="search-form">
  93.                     <form method="post" action="#">
  94.                         <div class="form-group">
  95.                             <fieldset>
  96.                                 <input type="search" class="form-control" name="search-input" value="" placeholder="Recherchez ici ..." required >
  97.                                 <input type="submit" value="Recherchez !" class="theme-btn style-four">
  98.                             </fieldset>
  99.                         </div>
  100.                     </form>
  101.                     <h3>Mots clés récent</h3>
  102.                     <ul class="recent-searches">
  103.                         <li><a href="#">Développement</a></li>
  104.                         <li><a href="#">Politique</a></li>
  105.                         <li><a href="#">Gouvernance</a></li>
  106.                         <li><a href="#">Action</a></li>
  107.                         <li><a href="#">Plan</a></li>
  108.                     </ul>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.         <!-- search-popup end -->
  115.         <!-- sidebar cart item -->
  116.         <div class="xs-sidebar-group info-group info-sidebar">
  117.             <div class="xs-overlay xs-bg-black"></div>
  118.             <div class="xs-sidebar-widget">
  119.                 <div class="sidebar-widget-container">
  120.                     <div class="widget-heading">
  121.                         <a href="#" class="close-side-widget"><i class="fal fa-times"></i></a>
  122.                     </div>
  123.                     <div class="sidebar-textwidget">
  124.                         <div class="sidebar-info-contents">
  125.                             <div class="content-inner">
  126.                                 <div class="logo">
  127.                                     <a href="{{ path('newfront') }}"><img src="assets/images/logo-2.png" alt="" /></a>
  128.                                 </div>
  129.                                 <div class="content-box">
  130.                                     <h4>Book Now</h4>
  131.                                     <form action="#" method="post" class="booking-form">
  132.                                         <div class="form-group">
  133.                                             <input type="text" name="name" placeholder="Name" required="">
  134.                                         </div>
  135.                                         <div class="form-group">
  136.                                             <input type="email" name="email" placeholder="Email" required="">
  137.                                         </div>
  138.                                         <div class="form-group">
  139.                                             <textarea name="message" placeholder="Text"></textarea>
  140.                                         </div>
  141.                                         <div class="form-group message-btn">
  142.                                             <button type="submit">Send Now</button>
  143.                                         </div>
  144.                                     </form>
  145.                                 </div>
  146.                                 <div class="contact-info">
  147.                                     <h4>Contact Info</h4>
  148.                                     <ul>
  149.                                         <li>Ctonou, République du Bénin</li>
  150.                                         <li><a href="tel:+0022921307684">00229 21307684</a></li>
  151.                                         <li><a href="mailto:mdc.info@gouv.bj">mdc.info@gouv.bj</a></li>
  152.                                     </ul>
  153.                                 </div>
  154.                                 <ul class="social-box">
  155.                                     <li class="facebook"><a href="#" class="fab fa-facebook-f"></a></li>
  156.                                     <li class="twitter"><a href="#" class="fab fa-twitter"></a></li>
  157.                                     <li class="linkedin"><a href="#" class="fab fa-linkedin-in"></a></li>
  158.                                     <li class="instagram"><a href="#" class="fab fa-instagram"></a></li>
  159.                                 </ul>
  160.                             </div>
  161.                         </div>
  162.                     </div>
  163.                 </div>
  164.             </div>
  165.         </div>
  166.         <!-- END sidebar widget item -->
  169.         <!-- main header -->
  170.         <header class="main-header style-one">
  171.            
  173.             <!-- header-lower -->
  174.             <div class="header-lower">
  175.                 <div class="auto-container">
  176.                     <div class="outer-box clearfix">
  177.                         <div class="logo-box pull-left">
  178.                             <figure class="logo"><a href="{{ path('newfront') }}"><img src='{{asset("newwebfront/assets/images/logo.png")}}' alt=""></a></figure>
  179.                         </div>
  180.                         <div class="menu-area clearfix pull-right">
  181.                             <!--Mobile Navigation Toggler-->
  182.                             <div class="mobile-nav-toggler">
  183.                                 <i class="icon-bar"></i>
  184.                                 <i class="icon-bar"></i>
  185.                                 <i class="icon-bar"></i>
  186.                             </div>
  187.                             <nav class="main-menu navbar-expand-md navbar-light">
  188.                                 <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
  189.                                     <ul class="navigation clearfix">
  190.                                         <li class="current dropdown"><a href="#" style="color : #0D6E77;">Le ministère</a>
  191.                                             <ul>
  192.                                                 <li><a href="{{ path('contact') }}" style="color : #0D6E77;">Ecrire au Ministre</a></li>
  193.                                                 <li><a href="{{ path('new_ministre') }}" style="color : #0D6E77;">Le Ministre</a></li>
  194.                                                 <li><a href="{{ path('new_show_direction',{'sigle': 'SGM'}) }}" style="color : #0D6E77;">Le Secrétaire Général du Ministère</a></li>
  195.                                                 <li><a href="{{ path('old_ministre') }}" style="color : #0D6E77;">Les anciens Ministres</a></li>
  196.                                                 <!-- <li class="dropdown"><a href="index.html">Header Style</a>
  197.                                                     <ul>
  198.                                                         <li><a href="index.html">Header Style 01</a></li>
  199.                                                         <li><a href="index-2.html">Header Style 02</a></li>
  200.                                                     </ul>
  201.                                                 </li> -->
  202.                                             </ul>
  203.                                         </li>
  204.                                         <li class="dropdown"><a href="#" style="color : #0D6E77;">Les directions</a>
  205.                                             <ul>
  206.                                                 <li class="dropdown"><a href="#" style="color : #0D6E77;">Centrales</a>
  207.                                                     <ul>
  208.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DPAF'}) }}" style="color : #0D6E77;">DPAF</a></li>
  209.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DSI'}) }}" style="color : #0D6E77;">DSI</a></li>
  210.                                                         {# <li><a href="portfolio-3.html">Masonry View</a></li> #}
  211.                                                     </ul>
  212.                                                 </li>
  213.                                                 <li class="dropdown"><a href="#" style="color : #0D6E77;">Générales</a>
  214.                                                     <ul>
  215.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DGPD'}) }}" style="color : #0D6E77;">DGPD</a></li>
  216.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DGCS-ODD'}) }}" style="color : #0D6E77;">DGCSODD</a></li>
  217.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DGEOCS'}) }}" style="color : #0D6E77;">DGEOCS</a></li>
  218.                                                     </ul>
  219.                                                 </li>
  220.                                                 <li class="dropdown"><a href="#" style="color : #0D6E77;">Départementales</a>
  221.                                                     <ul>
  222.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DDPDAD'}) }}" style="color : #0D6E77;">DDD-Donga</a></li>
  223.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DDPDBA'}) }}" style="color : #0D6E77;">DDD-Borgou</a></li>
  224.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DDPDZC'}) }}" style="color : #0D6E77;">DDD-Zou-Collines</a></li>
  225.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DDPDMC'}) }}" style="color : #0D6E77;">DDD-Mono-Couffo</a></li>
  226.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DDPDOP'}) }}" style="color : #0D6E77;">DDD-Ouémè-Plateau</a></li>
  227.                                                         <li><a href="{{ path('new_show_direction',{'sigle': 'DDPDAL'}) }}" style="color : #0D6E77;">DDD-Atlantique-Littoral</a></li>
  228.                                                     </ul>
  229.                                                 </li>
  230.                                                 {# <li><a href="faq.html">Faq’s</a></li>
  231.                                                 <li><a href="coming-soon.html">Coming Soon</a></li>
  232.                                                 <li><a href="error.html">404</a></li> #}
  233.                                             </ul>
  234.                                         </li> 
  235.                                         <li><a href="{{ path('prestation') }}" style="color : #0D6E77;">Prestations</a></li> 
  236.                                         <li><a href="{{ path('new_blog_category',{'category_name': 'Informations'}) }}" style="color : #0D6E77;">Actualités</a></li>
  237.                                         <li class="dropdown"><a href="#" style="color : #0D6E77;">Plateformes</a>
  238.                                             <ul>
  239.                                                 <li><a target="_blank" href="https://pspdb.dev.gouv.bj" style="color : #0D6E77;">Politique de développement</a></li>
  240.                                                 <li><a target="_blank" href="https://sigodd.gouv.bj" style="color : #0D6E77;">Sensibilité des PTA aux ODD</a></li>
  241.                                                 <li><a href="{{ path('plst-tp') }}" target="_blank" style="color : #0D6E77;">Plateforme PLS-TP</a></li>
  242.                                                 
  243.                                             </ul>
  244.                                         </li> 
  245.                                                                                  
  246.                                         {# <li><a href="{{ path('contact') }}">Contact</a></li>    #}
  247.                                     </ul>
  248.                                 </div>
  249.                             </nav>
  250.                             <div class="menu-right-content clearfix">
  251.                                 <!-- <div class="language-box">
  252.                                     <span class="text"><i class="flaticon-world"></i>Eng</span>
  253.                                     <ul class="language-list clearfix">
  254.                                         <li><a href="index.html">Eng</a></li>
  255.                                         <li><a href="index.html">Chi</a></li>
  256.                                         <li><a href="index.html">Spa</a></li>
  257.                                         <li><a href="index.html">Hin</a></li>
  258.                                     </ul>
  259.                                 </div> -->
  260.                                 <ul class="other-option clearfix">
  261.                                     <li class="search-btn">
  262.                                         <button type="button" class="search-toggler"><i class="far fa-search"></i></button>
  263.                                     </li>
  264.                                    <!--  <li class="nav-box">
  265.                                         <div class="nav-toggler navSidebar-button"><i class="fas fa-th-large"></i></div>
  266.                                     </li> -->
  267.                                 </ul>
  268.                             </div>
  269.                         </div>
  270.                     </div>
  271.                 </div>
  272.             </div>
  274.             <!--sticky Header-->
  275.             <div class="sticky-header">
  276.                 <div class="auto-container">
  277.                     <div class="outer-box clearfix">
  278.                         <div class="logo-box pull-left">
  279.                             <figure class="logo"><a href="{{ path('newfront') }}"><img src='{{asset("newwebfront/assets/images/logo_min.png")}}' alt=""></a></figure>
  280.                         </div>
  281.                         <div class="menu-area clearfix pull-right">
  282.                             <nav class="main-menu clearfix">
  283.                                 <!--Keep This Empty / Menu will come through Javascript-->
  284.                             </nav>
  285.                             <div class="menu-right-content clearfix">
  286.                                 <!-- <div class="language-box">
  287.                                     <span class="text"><i class="flaticon-world"></i>Eng</span>
  288.                                     <ul class="language-list clearfix">
  289.                                         <li><a href="index.html">Eng</a></li>
  290.                                         <li><a href="index.html">Chi</a></li>
  291.                                         <li><a href="index.html">Spa</a></li>
  292.                                         <li><a href="index.html">Hin</a></li>
  293.                                     </ul>
  294.                                 </div> -->
  295.                                 <ul class="other-option clearfix">
  296.                                     <li class="search-btn">
  297.                                         <button type="button" class="search-toggler"><i class="far fa-search"></i></button>
  298.                                     </li>
  299.                                     <!-- <li class="nav-box">
  300.                                         <div class="nav-toggler navSidebar-button"><i class="fas fa-th-large"></i></div>
  301.                                     </li> -->
  302.                                 </ul>
  303.                             </div>
  304.                         </div>
  305.                     </div>
  306.                 </div>
  307.             </div>
  308.         </header>
  309.         <!-- main-header end -->
  311.         <!-- Mobile Menu  -->
  312.         <div class="mobile-menu">
  313.             <div class="menu-backdrop"></div>
  314.             <div class="close-btn"><i class="fas fa-times"></i></div>
  315.             
  316.             <nav class="menu-box">
  317.                 <div class="nav-logo"><a href="{{ path('newfront') }}"><img src='{{asset("newwebfront/assets/images/logo.png")}}' alt="" title=""></a></div>
  318.                 <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
  319.                 <div class="contact-info">
  320.                     <h4>Contact Info</h4>
  321.                     <ul>
  322.                         <li>Cotonou route de l'aeroport, 08 BP : 755 Cotonou, Bénin</li>
  323.                         <li><a href="tel:+22921307684">+229 - 21 30 76 84</a></li>
  324.                         <li><a href="mailto:mdc.info@gouv.bj">mdc.info@gouv.bj</a></li>
  325.                     </ul>
  326.                 </div>
  327.                 <div class="social-links">
  328.                     <ul class="clearfix">
  329.                         <li><a href="#"><span class="fab fa-twitter"></span></a></li>
  330.                         <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
  331.                         <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
  332.                         <li><a href="#"><span class="fab fa-instagram"></span></a></li>
  333.                         <li><a href="#"><span class="fab fa-youtube"></span></a></li>
  334.                     </ul>
  335.                 </div>
  336.             </nav>
  337.         </div><!-- End Mobile Menu -->
  339.         {% block content %}
  340.         <!-- banner-section -->
  341.         <section class="banner-section style-one">
  342.          <div class="container">
  343.             <div class="banner-carousel owl-theme owl-carousel owl-dots-none">
  345.                 {% for slide in slides %}
  347.                 {% if slide.id is not null %}
  349.                     <div class="slide-item">
  350.                     <div class="image-layer" style="background-image:url({{ asset('media/'~slide.getName())}});"></div>
  351.                     <div class="auto-container" align="center">
  352.                         <div class="content-box">
  353.                             {# <h6><i class="flaticon-star" align="left"></i>Actualité du Ministère</h6> #}
  354.                             <h6 style="color : #FFD400;"><i align="left"></i>Actualité du Ministère</h6>
  355.                             <h1>{{ slide.getTitle()|striptags|truncate(50, true)|raw }}</h1>
  356.                             <p>{{ slide.getContent()|striptags|truncate(150, true)|raw }}</p>
  357.                             <div class="btn-box">
  358.                                 <a href="{{ path('new_post_show',{'id': slide.id}) }}" class="theme-btn">Lire la suite</a>
  359.                             </div>
  360.                         </div> 
  361.                     </div>
  362.                 </div>
  364.                 {% endif %}
  366.             {% endfor %}
  368.                 
  369.                 {# <div class="slide-item">
  370.                     <div class="image-layer" style="background-image:url(assets/images/banner/banner-2.jpg)"></div>
  371.                     <div class="auto-container">
  372.                         <div class="content-box">
  373.                             <h6><i class="flaticon-star"></i>Turn Our Change into</h6>
  374.                             <h1>Help For Rough Sleepers of San Antonio.</h1>
  375.                             <p>Our power of choice is untrammelled and when nothing prevents our being able to do what we like best is to be welcomed.</p>
  376.                             <div class="btn-box">
  377.                                 <a href="index.html" class="theme-btn">Read More</a>
  378.                             </div>
  379.                         </div> 
  380.                     </div>
  381.                 </div>
  382.                 <div class="slide-item">
  383.                     <div class="image-layer" style="background-image:url(assets/images/banner/banner-3.jpg)"></div>
  384.                     <div class="auto-container">
  385.                         <div class="content-box">
  386.                             <h6><i class="flaticon-star"></i>Tourist Attractions</h6>
  387.                             <h1>Museum of Art & the McNay Museum.</h1>
  388.                             <p>Undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man.</p>
  389.                             <div class="btn-box">
  390.                                 <a href="index.html" class="theme-btn">Read More</a>
  391.                             </div>
  392.                         </div> 
  393.                     </div>
  394.                 </div> #}
  395.             </div>
  396.           </div>  
  397.         </section>
  398.         <!-- banner-section end -->
  401.         <!-- activities-section -->
  402.         <section class="activities-section centred bg-color-1">
  403.             <div class="auto-container">
  404.                 <div class="inner-container">
  405.                     <div class="row clearfix">
  406.                         <div class="col-lg-3 col-md-6 col-sm-12 single-column">
  407.                             <div class="single-item">
  408.                                 <div class="icon-box"><i class="flaticon-world"></i></div>
  409.                                 <h6>Plateformes</h6>
  410.                                 <h4><a href="#">Découvrez nos plateformes</a></h4>
  411.                             </div>
  412.                         </div>
  413.                         <div class="col-lg-3 col-md-6 col-sm-12 single-column">
  414.                             <div class="single-item">
  415.                                 <div class="icon-box"><i class="flaticon-parking"></i></div>
  416.                                 <h6>ONG</h6>
  417.                                 <h4><a href="#">Plus d'informations sur les ONGs</a></h4>
  418.                             </div>
  419.                         </div>
  420.                         <div class="col-lg-3 col-md-6 col-sm-12 single-column">
  421.                             <div class="single-item">
  422.                                 <div class="icon-box"><i class="flaticon-school"></i></div>
  423.                                 <h6>Politique de développement</h6>
  424.                                 <h4><a href="https://pspdb.dev.gouv.bj" target="_blank">Documents de politique</a></h4>
  425.                             </div>
  426.                         </div>
  427.                         <div class="col-lg-3 col-md-6 col-sm-12 single-column">
  428.                             <div class="single-item">
  429.                                 <div class="icon-box"><i class="flaticon-government"></i></div>
  430.                                 <h6>Prestations</h6>
  431.                                 <h4><a href="{{ path('prestation') }}">Services aux usagers</a></h4>
  432.                             </div>
  433.                         </div>
  434.                     </div>
  435.                 </div>
  436.             </div>
  437.         </section>
  438.         <!-- activities-section end -->
  441.         <!-- about-section -->
  442.         <!-- <section class="about-section sec-pad bg-color-1">
  443.             <div class="auto-container">
  444.                 <div class="row clearfix">
  445.                     <div class="col-lg-6 col-md-12 col-sm-12 content-column">
  446.                         <div class="content_block_1">
  447.                             <div class="content-box">
  448.                                 <div class="sec-title">
  449.                                     <h6><i class="flaticon-star"></i><span>Welcome to Whitehall</span></h6>
  450.                                     <h2>Whitehall is an Inner Metropolitan Municipality</h2>
  451.                                     <div class="title-shape"></div>
  452.                                 </div>
  453.                                 <div class="text">
  454.                                     <h5>We denounce with righteous indignation and dislike men who are so beguiled demoralized charms of pleasure.</h5>
  455.                                     <h4>Mayor, “Jordan Cooper”</h4>
  456.                                     <p>When our power of choice is untrammelled when nothing prevents our being able to do what we like best, every pleasure is to be welcomed every pain get avoided. But in certain circumstances owing.</p>
  457.                                 </div>
  458.                                 <div class="inner-box clearfix">
  459.                                     <figure class="signature pull-left"><img src="assets/images/icons/signature.png" alt=""></figure>
  460.                                     <ul class="social-style-one clearfix">
  461.                                         <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
  462.                                         <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
  463.                                         <li><a href="index.html"><i class="fab fa-google-plus-g"></i></a></li>
  464.                                         <li><a href="index.html"><i class="fab fa-linkedin-in"></i></a></li>
  465.                                     </ul>
  466.                                 </div>
  467.                                 <div class="lower-box">
  468.                                     <div class="row clearfix">
  469.                                         <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  470.                                             <div class="single-item wow fadeInLeft animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  471.                                                 <div class="icon-box"><i class="flaticon-government"></i></div>
  472.                                                 <h5>Mayor Office</h5>
  473.                                                 <p><a href="tel:4488812345">+44 (888) 12 345</a></p>
  474.                                             </div>
  475.                                         </div>
  476.                                         <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  477.                                             <div class="single-item wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  478.                                                 <div class="icon-box"><i class="flaticon-alert"></i></div>
  479.                                                 <h5>Emergency</h5>
  480.                                                 <p><a href="tel:911">911</a> (Police, Ambula...)</p>
  481.                                             </div>
  482.                                         </div>
  483.                                     </div>
  484.                                 </div>
  485.                             </div>
  486.                         </div>
  487.                     </div>
  488.                     <div class="col-lg-6 col-md-12 col-sm-12 image-column">
  489.                         <div class="image_block_1">
  490.                             <div class="image-box">
  491.                                 <figure class="image"><img src="assets/images/resource/about-1.jpg" alt=""></figure>
  492.                                 <div class="text">
  493.                                     <h4>“Residents Showed Commitment & Courage In this Crucial Situation.”</h4>
  494.                                 </div>
  495.                             </div>
  496.                         </div>
  497.                     </div>
  498.                 </div>
  499.             </div>
  500.         </section> -->
  501.         <!-- about-section end -->
  504.         <!-- explore-section -->
  505.         <!-- <section class="explore-section centred bg-color-2">
  506.             <figure class="vector-image"><img src="assets/images/icons/vector-1.png" alt=""></figure>
  507.             <div class="pattern-layer" style="background-image: url(assets/images/shape/shape-1.png);"></div>
  508.             <div class="auto-container">
  509.                 <div class="sec-title centred light">
  510.                     <h6><i class="flaticon-star"></i><span>Governance & Strategy</span><i class="flaticon-star"></i></h6>
  511.                     <h2>Explore City Government</h2>
  512.                     <div class="title-shape"></div>
  513.                 </div>
  514.                 <div class="row clearfix">
  515.                     <div class="col-lg-4 col-md-6 col-sm-12 explore-block">
  516.                         <div class="explore-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  517.                             <div class="inner-box">
  518.                                 <figure class="image-box"><img src="assets/images/resource/explore-1.jpg" alt=""></figure>
  519.                                 <div class="content-box">
  520.                                     <div class="text">
  521.                                         <div class="icon-box"><i class="flaticon-scroll"></i></div>
  522.                                         <h4>History & Establishment</h4>
  523.                                     </div>
  524.                                     <div class="overlay-content">
  525.                                         <h4>History & <br />Establishment</h4>
  526.                                         <p>Toil and pain can procure him some great take a trivial example.</p>
  527.                                         <ul class="link-box clearfix">
  528.                                             <li>
  529.                                                 <a href="about.html">
  530.                                                     <i class="flaticon-dog"></i>
  531.                                                     <span>Read More</span>
  532.                                                 </a>
  533.                                             </li>
  534.                                             <li>
  535.                                                 <a href="mailto:info@example.com">
  536.                                                     <i class="flaticon-mail-inbox-app"></i>
  537.                                                     <span>info@example.com</span>
  538.                                                 </a>
  539.                                             </li>
  540.                                         </ul>
  541.                                     </div>
  542.                                 </div>
  543.                             </div>
  544.                         </div>
  545.                     </div>
  546.                     <div class="col-lg-4 col-md-6 col-sm-12 explore-block">
  547.                         <div class="explore-block-one wow fadeInUp animated animated" data-wow-delay="300ms" data-wow-duration="1500ms">
  548.                             <div class="inner-box">
  549.                                 <figure class="image-box"><img src="assets/images/resource/explore-2.jpg" alt=""></figure>
  550.                                 <div class="content-box">
  551.                                     <div class="text">
  552.                                         <div class="icon-box"><i class="flaticon-goverment"></i></div>
  553.                                         <h4>Business & Administration</h4>
  554.                                     </div>
  555.                                     <div class="overlay-content">
  556.                                         <h4>Business & <br />Administration</h4>
  557.                                         <p>Toil and pain can procure him some great take a trivial example.</p>
  558.                                         <ul class="link-box clearfix">
  559.                                             <li>
  560.                                                 <a href="about.html">
  561.                                                     <i class="flaticon-dog"></i>
  562.                                                     <span>Read More</span>
  563.                                                 </a>
  564.                                             </li>
  565.                                             <li>
  566.                                                 <a href="mailto:info@example.com">
  567.                                                     <i class="flaticon-mail-inbox-app"></i>
  568.                                                     <span>info@example.com</span>
  569.                                                 </a>
  570.                                             </li>
  571.                                         </ul>
  572.                                     </div>
  573.                                 </div>
  574.                             </div>
  575.                         </div>
  576.                     </div>
  577.                     <div class="col-lg-4 col-md-6 col-sm-12 explore-block">
  578.                         <div class="explore-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">
  579.                             <div class="inner-box">
  580.                                 <figure class="image-box"><img src="assets/images/resource/explore-3.jpg" alt=""></figure>
  581.                                 <div class="content-box">
  582.                                     <div class="text">
  583.                                         <div class="icon-box"><i class="flaticon-budget"></i></div>
  584.                                         <h4>Budget & Govt. Policies</h4>
  585.                                     </div>
  586.                                     <div class="overlay-content">
  587.                                         <h4>Budget & <br />Govt. Policies</h4>
  588.                                         <p>Toil and pain can procure him some great take a trivial example.</p>
  589.                                         <ul class="link-box clearfix">
  590.                                             <li>
  591.                                                 <a href="about.html">
  592.                                                     <i class="flaticon-dog"></i>
  593.                                                     <span>Read More</span>
  594.                                                 </a>
  595.                                             </li>
  596.                                             <li>
  597.                                                 <a href="mailto:info@example.com">
  598.                                                     <i class="flaticon-mail-inbox-app"></i>
  599.                                                     <span>info@example.com</span>
  600.                                                 </a>
  601.                                             </li>
  602.                                         </ul>
  603.                                     </div>
  604.                                 </div>
  605.                             </div>
  606.                         </div>
  607.                     </div>
  608.                 </div>
  609.             </div>
  610.         </section> -->
  611.         <!-- explore-section end -->
  614.         <!-- explore-banner -->
  615.         <!-- <div class="explore-banner bg-color-1">
  616.             <div class="auto-container">
  617.                 <div class="inner-container clearfix">
  618.                     <div class="single-item">
  619.                         <div class="title-box">
  620.                             <h3>Recent Documents</h3>
  621.                             <p>Enjoy a pleasure that annoying consequences.</p>
  622.                         </div>
  623.                     </div>
  624.                     <div class="single-item">
  625.                         <div class="inner-box">
  626.                             <figure class="icon-box"><img src="assets/images/icons/icon-1.png" alt=""></figure>
  627.                             <h4>Tax_Paid_Challan</h4>
  628.                             <p><a href="index.html">Download the Challan Details file</a></p>
  629.                         </div>
  630.                     </div>
  631.                     <div class="single-item">
  632.                         <div class="inner-box">
  633.                             <figure class="icon-box"><img src="assets/images/icons/icon-1.png" alt=""></figure>
  634.                             <h4>Tender_Schedules</h4>
  635.                             <p><a href="index.html">Download Your List at Free of Cost</a></p>
  636.                         </div>
  637.                     </div>
  638.                 </div>
  639.             </div>
  640.         </div> -->
  641.         <!-- explore-banner end -->
  644.         <!-- service-section -->
  645.         <!-- <section class="service-section" style="background-image: url(assets/images/background/service-bg.jpg);">
  646.             <div class="auto-container">
  647.                 <div class="row clearfix">
  648.                     <div class="col-lg-3 col-md-6 col-sm-12 service-block">
  649.                         <div class="service-block-one wow fadeInLeft animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  650.                             <div class="inner-box">
  651.                                 <h4><a href="police-crime.html">Policing & Crime Department</a></h4>
  652.                                 <div class="btn-box"><a href="police-crime.html">More</a></div>
  653.                                 <div class="icon-box"><i class="flaticon-police"></i></div>
  654.                             </div>
  655.                         </div>
  656.                     </div>
  657.                     <div class="col-lg-6 col-md-6 col-sm-12 title-column">
  658.                         <div class="sec-title centred">
  659.                             <div class="sec-title centred">
  660.                                 <h6><i class="flaticon-star"></i><span>Departments</span><i class="flaticon-star"></i></h6>
  661.                                 <h2>Explore Our Departments</h2>
  662.                                 <div class="title-shape"></div>
  663.                                 <a href="departments.html" class="links">All Departments<i class="flaticon-right-arrow"></i></a>
  664.                             </div>
  665.                         </div>
  666.                     </div>
  667.                     <div class="col-lg-3 col-md-6 col-sm-12 service-block">
  668.                         <div class="service-block-one wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  669.                             <div class="inner-box">
  670.                                 <h4><a href="tourism-travel.html">Finance & Legal Department</a></h4>
  671.                                 <div class="btn-box"><a href="tourism-travel.html">More</a></div>
  672.                                 <div class="icon-box"><i class="flaticon-justice"></i></div>
  673.                             </div>
  674.                         </div>
  675.                     </div>
  676.                     <div class="col-lg-3 col-md-6 col-sm-12 service-block">
  677.                         <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  678.                             <div class="inner-box">
  679.                                 <h4><a href="trasport-traffic.html">Transport & Traffic Department</a></h4>
  680.                                 <div class="btn-box"><a href="trasport-traffic.html">More</a></div>
  681.                                 <div class="icon-box"><i class="flaticon-traffic-sign"></i></div>
  682.                             </div>
  683.                         </div>
  684.                     </div>
  685.                     <div class="col-lg-3 col-md-6 col-sm-12 service-block">
  686.                         <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="200ms" data-wow-duration="1500ms">
  687.                             <div class="inner-box">
  688.                                 <h4><a href="arts-culture.html">Arts & Culture Department</a></h4>
  689.                                 <div class="btn-box"><a href="arts-culture.html">More</a></div>
  690.                                 <div class="icon-box"><i class="flaticon-statue"></i></div>
  691.                             </div>
  692.                         </div>
  693.                     </div>
  694.                     <div class="col-lg-3 col-md-6 col-sm-12 service-block">
  695.                         <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="400ms" data-wow-duration="1500ms">
  696.                             <div class="inner-box">
  697.                                 <h4><a href="housing-land.html">Housing & Land Department</a></h4>
  698.                                 <div class="btn-box"><a href="housing-land.html">More</a></div>
  699.                                 <div class="icon-box"><i class="flaticon-chinese-house"></i></div>
  700.                             </div>
  701.                         </div>
  702.                     </div>
  703.                     <div class="col-lg-3 col-md-6 col-sm-12 service-block">
  704.                         <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">
  705.                             <div class="inner-box">
  706.                                 <h4><a href="health-medical.html">Health & Medical Department</a></h4>
  707.                                 <div class="btn-box"><a href="health-medical.html">More</a></div>
  708.                                 <div class="icon-box"><i class="flaticon-hospital"></i></div>
  709.                             </div>
  710.                         </div>
  711.                     </div>
  712.                 </div>
  713.             </div>
  714.         </section> -->
  715.         <!-- service-section end -->
  718.         <!-- schedules-section -->
  719.         <!-- <section class="schedules-section sec-pad bg-color-1">
  720.             <div class="bg-layer" style="background-image: url(assets/images/background/schedule-bg.jpg);"></div>
  721.             <div class="auto-container">
  722.                 <div class="title-inner">
  723.                     <div class="row clearfix">
  724.                         <div class="col-lg-6 col-md-6 col-sm-12 title-column">
  725.                             <div class="sec-title light">
  726.                                 <h6><i class="flaticon-star"></i><span>Our Calendars</span></h6>
  727.                                 <h2>Our Schedules & Routines</h2>
  728.                                 <div class="title-shape"></div>
  729.                             </div>
  730.                         </div>
  731.                         <div class="col-lg-6 col-md-6 col-sm-12 text-column">
  732.                             <div class="text">
  733.                                 <p>We denounce with righteous indignation and dislike men who are so beguiled demoralized charms of pleasure.</p>
  734.                             </div>
  735.                         </div>
  736.                     </div>
  737.                 </div>
  738.                 <div class="schedule-tab">
  739.                     <div class="tab-btn-box">
  740.                         <ul class="tab-btns schedule-tab-btns clearfix">
  741.                             <li class="p-tab-btn active-btn" data-tab="#tab-1">Upcoming Events</li>
  742.                             <li class="p-tab-btn" data-tab="#tab-2">Upcoming Metings</li>
  743.                             <li class="p-tab-btn" data-tab="#tab-3">Community Calendar</li>
  744.                         </ul>
  745.                     </div>
  746.                     <div class="inner-content">
  747.                         <div class="row clearfix">
  748.                             <div class="col-lg-4 col-md-12 col-sm-12 form-column">
  749.                                 <div class="subscribe-inner centred">
  750.                                     <div class="upper-box" style="background-image: url(assets/images/resource/schedule-1.jpg);">
  751.                                         <div class="icon-box"><i class="flaticon-letter"></i></div>
  752.                                         <h3>Subscribe Us</h3>
  753.                                         <p>Get latest News & Events Details.</p>
  754.                                     </div>
  755.                                     <div class="lower-box">
  756.                                         <form action="contact.html" method="post" class="subscribe-form">
  757.                                             <div class="form-group">
  758.                                                 <input type="email" name="email" placeholder="mailid@example.com" required="">
  759.                                             </div>
  760.                                             <div class="form-group">
  761.                                                 <button type="submit" class="theme-btn">Subscribe Us</button>
  762.                                             </div>
  763.                                         </form>
  764.                                         <div class="text">
  765.                                             <h6>Never share your email with others.</h6>
  766.                                         </div>
  767.                                     </div>
  768.                                 </div>
  769.                             </div>
  770.                             <div class="col-lg-8 col-md-12 col-sm-12 inner-column">
  771.                                 <div class="p-tabs-content">
  772.                                     <div class="p-tab active-tab" id="tab-1">
  773.                                         <div class="two-column-carousel owl-carousel owl-theme owl-dots-none">
  774.                                             <div class="schedule-block-one">
  775.                                                 <div class="inner-box">
  776.                                                     <div class="image-box">
  777.                                                         <figure class="image"><img src="assets/images/resource/schedule-2.jpg" alt=""></figure>
  778.                                                         <div class="content-box">
  779.                                                             <div class="post-date"><h3>28<span>Jan’21</span></h3></div>
  780.                                                             <div class="text">
  781.                                                                 <span class="category"><i class="flaticon-star"></i>Celebration</span>
  782.                                                                 <h4><a href="event-details.html">Public Affairs & Public Safety Committee Meeting</a></h4>
  783.                                                             </div>
  784.                                                         </div>
  785.                                                     </div>
  786.                                                     <div class="lower-content">
  787.                                                         <ul class="post-info clearfix">
  788.                                                             <li><i class="flaticon-clock-circular-outline"></i>3.00 pm - 4.30 pm</li>
  789.                                                             <li><i class="flaticon-gps"></i>Heaton Park, Mt Road M25 2SW</li>
  790.                                                         </ul>
  791.                                                         <div class="links"><a href="event-details.html">Read More<i class="flaticon-right-arrow"></i></a></div>
  792.                                                         <div class="share-box"><a href="index.html">Share<i class="fas fa-share-alt"></i></a></div>
  793.                                                     </div>
  794.                                                 </div>
  795.                                             </div>
  796.                                             <div class="schedule-block-one">
  797.                                                 <div class="inner-box">
  798.                                                     <div class="image-box">
  799.                                                         <figure class="image"><img src="assets/images/resource/schedule-3.jpg" alt=""></figure>
  800.                                                         <div class="content-box">
  801.                                                             <div class="post-date"><h3>15<span>Feb’21</span></h3></div>
  802.                                                             <div class="text">
  803.                                                                 <span class="category"><i class="flaticon-star"></i>Art & Culture</span>
  804.                                                                 <h4><a href="event-details.html">Street San Antonio Sketches & Urban History</a></h4>
  805.                                                             </div>
  806.                                                         </div>
  807.                                                     </div>
  808.                                                     <div class="lower-content">
  809.                                                         <ul class="post-info clearfix">
  810.                                                             <li><i class="flaticon-clock-circular-outline"></i>10.00 am - 6.30 pm</li>
  811.                                                             <li><i class="flaticon-gps"></i>182 St Georges Road, San Antonio</li>
  812.                                                         </ul>
  813.                                                         <div class="links"><a href="event-details.html">Read More<i class="flaticon-right-arrow"></i></a></div>
  814.                                                         <div class="share-box"><a href="index.html">Share<i class="fas fa-share-alt"></i></a></div>
  815.                                                     </div>
  816.                                                 </div>
  817.                                             </div>
  818.                                         </div>
  819.                                     </div>
  820.                                     <div class="p-tab" id="tab-2">
  821.                                         <div class="two-column-carousel owl-carousel owl-theme owl-dots-none">
  822.                                             <div class="schedule-block-one">
  823.                                                 <div class="inner-box">
  824.                                                     <div class="image-box">
  825.                                                         <figure class="image"><img src="assets/images/resource/schedule-2.jpg" alt=""></figure>
  826.                                                         <div class="content-box">
  827.                                                             <div class="post-date"><h3>28<span>Jan’21</span></h3></div>
  828.                                                             <div class="text">
  829.                                                                 <span class="category"><i class="flaticon-star"></i>Celebration</span>
  830.                                                                 <h4><a href="event-details.html">Public Affairs & Public Safety Committee Meeting</a></h4>
  831.                                                             </div>
  832.                                                         </div>
  833.                                                     </div>
  834.                                                     <div class="lower-content">
  835.                                                         <ul class="post-info clearfix">
  836.                                                             <li><i class="flaticon-clock-circular-outline"></i>3.00 pm - 4.30 pm</li>
  837.                                                             <li><i class="flaticon-gps"></i>Heaton Park, Mt Road M25 2SW</li>
  838.                                                         </ul>
  839.                                                         <div class="links"><a href="event-details.html">Read More<i class="flaticon-right-arrow"></i></a></div>
  840.                                                         <div class="share-box"><a href="index.html">Share<i class="fas fa-share-alt"></i></a></div>
  841.                                                     </div>
  842.                                                 </div>
  843.                                             </div>
  844.                                             <div class="schedule-block-one">
  845.                                                 <div class="inner-box">
  846.                                                     <div class="image-box">
  847.                                                         <figure class="image"><img src="assets/images/resource/schedule-3.jpg" alt=""></figure>
  848.                                                         <div class="content-box">
  849.                                                             <div class="post-date"><h3>15<span>Feb’21</span></h3></div>
  850.                                                             <div class="text">
  851.                                                                 <span class="category"><i class="flaticon-star"></i>Art & Culture</span>
  852.                                                                 <h4><a href="event-details.html">Street San Antonio Sketches & Urban History</a></h4>
  853.                                                             </div>
  854.                                                         </div>
  855.                                                     </div>
  856.                                                     <div class="lower-content">
  857.                                                         <ul class="post-info clearfix">
  858.                                                             <li><i class="flaticon-clock-circular-outline"></i>10.00 am - 6.30 pm</li>
  859.                                                             <li><i class="flaticon-gps"></i>182 St Georges Road, San Antonio</li>
  860.                                                         </ul>
  861.                                                         <div class="links"><a href="event-details.html">Read More<i class="flaticon-right-arrow"></i></a></div>
  862.                                                         <div class="share-box"><a href="index.html">Share<i class="fas fa-share-alt"></i></a></div>
  863.                                                     </div>
  864.                                                 </div>
  865.                                             </div>
  866.                                         </div>
  867.                                     </div>
  868.                                     <div class="p-tab" id="tab-3">
  869.                                         <div class="two-column-carousel owl-carousel owl-theme owl-dots-none">
  870.                                             <div class="schedule-block-one">
  871.                                                 <div class="inner-box">
  872.                                                     <div class="image-box">
  873.                                                         <figure class="image"><img src="assets/images/resource/schedule-2.jpg" alt=""></figure>
  874.                                                         <div class="content-box">
  875.                                                             <div class="post-date"><h3>28<span>Jan’21</span></h3></div>
  876.                                                             <div class="text">
  877.                                                                 <span class="category"><i class="flaticon-star"></i>Celebration</span>
  878.                                                                 <h4><a href="event-details.html">Public Affairs & Public Safety Committee Meeting</a></h4>
  879.                                                             </div>
  880.                                                         </div>
  881.                                                     </div>
  882.                                                     <div class="lower-content">
  883.                                                         <ul class="post-info clearfix">
  884.                                                             <li><i class="flaticon-clock-circular-outline"></i>3.00 pm - 4.30 pm</li>
  885.                                                             <li><i class="flaticon-gps"></i>Heaton Park, Mt Road M25 2SW</li>
  886.                                                         </ul>
  887.                                                         <div class="links"><a href="event-details.html">Read More<i class="flaticon-right-arrow"></i></a></div>
  888.                                                         <div class="share-box"><a href="index.html">Share<i class="fas fa-share-alt"></i></a></div>
  889.                                                     </div>
  890.                                                 </div>
  891.                                             </div>
  892.                                             <div class="schedule-block-one">
  893.                                                 <div class="inner-box">
  894.                                                     <div class="image-box">
  895.                                                         <figure class="image"><img src="assets/images/resource/schedule-3.jpg" alt=""></figure>
  896.                                                         <div class="content-box">
  897.                                                             <div class="post-date"><h3>15<span>Feb’21</span></h3></div>
  898.                                                             <div class="text">
  899.                                                                 <span class="category"><i class="flaticon-star"></i>Art & Culture</span>
  900.                                                                 <h4><a href="event-details.html">Street San Antonio Sketches & Urban History</a></h4>
  901.                                                             </div>
  902.                                                         </div>
  903.                                                     </div>
  904.                                                     <div class="lower-content">
  905.                                                         <ul class="post-info clearfix">
  906.                                                             <li><i class="flaticon-clock-circular-outline"></i>10.00 am - 6.30 pm</li>
  907.                                                             <li><i class="flaticon-gps"></i>182 St Georges Road, San Antonio</li>
  908.                                                         </ul>
  909.                                                         <div class="links"><a href="event-details.html">Read More<i class="flaticon-right-arrow"></i></a></div>
  910.                                                         <div class="share-box"><a href="index.html">Share<i class="fas fa-share-alt"></i></a></div>
  911.                                                     </div>
  912.                                                 </div>
  913.                                             </div>
  914.                                         </div>
  915.                                     </div>
  916.                                 </div>
  917.                             </div>
  918.                         </div>
  919.                     </div>
  920.                 </div>
  921.             </div>
  922.         </section> -->
  923.         <!-- schedules-section end -->
  926.         <!-- solutions-section -->
  927.         <!-- <section class="solutions-section">
  928.             <figure class="image-layer"><img src="assets/images/resource/statue-1.png" alt=""></figure>
  929.             <div class="pattern-box">
  930.                 <div class="pattern-1" style="background-image: url(assets/images/shape/shape-2.png);"></div>
  931.                 <div class="pattern-2" style="background-image: url(assets/images/shape/shape-3.png);"></div>
  932.                 <div class="pattern-3" style="background-image: url(assets/images/shape/shape-3.png);"></div>
  933.                 <div class="pattern-4 float-bob-y" style="background-image: url(assets/images/shape/shape-4.png);"></div>
  934.             </div>
  935.             <div class="auto-container">
  936.                 <div class="sec-title centred">
  937.                     <h6><i class="flaticon-star"></i><span>Online Services</span><i class="flaticon-star"></i></h6>
  938.                     <h2>Instant Solutions For All</h2>
  939.                     <div class="title-shape"></div>
  940.                 </div>
  941.                 <div class="inner-container">
  942.                     <div class="upper-box clearfix">
  943.                         <div class="solution-block-one">
  944.                             <div class="inner-box">
  945.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  946.                                 <h4>Taxes & Bills</h4>
  947.                                 <p>Residential & Non-residential</p>
  948.                             </div>
  949.                         </div>
  950.                         <div class="solution-block-one">
  951.                             <div class="inner-box">
  952.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  953.                                 <h4>Building Sanction</h4>
  954.                                 <p>Procedure for building permission</p>
  955.                             </div>
  956.                         </div>
  957.                         <div class="solution-block-one">
  958.                             <div class="inner-box">
  959.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  960.                                 <h4>Commencement</h4>
  961.                                 <p>Every pain get avoided in certain</p>
  962.                             </div>
  963.                         </div>
  964.                         <div class="solution-block-one">
  965.                             <div class="inner-box">
  966.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  967.                                 <h4>Vendor Registration</h4>
  968.                                 <p>Start your business with register</p>
  969.                             </div>
  970.                         </div>
  971.                         <div class="solution-block-one">
  972.                             <div class="inner-box">
  973.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  974.                                 <h4>Birth Cirtificate</h4>
  975.                                 <p>Apply & Track birth registration</p>
  976.                             </div>
  977.                         </div>
  978.                         <div class="solution-block-one">
  979.                             <div class="inner-box">
  980.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  981.                                 <h4>Fire NOC</h4>
  982.                                 <p>Login or Register to get NOC</p>
  983.                             </div>
  984.                         </div>
  985.                         <div class="solution-block-one">
  986.                             <div class="inner-box">
  987.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  988.                                 <h4>Taxis & Private</h4>
  989.                                 <p>Information about registration ...</p>
  990.                             </div>
  991.                         </div>
  992.                         <div class="solution-block-one">
  993.                             <div class="inner-box">
  994.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  995.                                 <h4>Death Certificate</h4>
  996.                                 <p>Apply & Track death registration</p>
  997.                             </div>
  998.                         </div>
  999.                         <div class="solution-block-one">
  1000.                             <div class="inner-box">
  1001.                                 <div class="icon-box"><i class="flaticon-click"></i></div>
  1002.                                 <h4>Raise Complaints</h4>
  1003.                                 <p>File grievances against department</p>
  1004.                             </div>
  1005.                         </div>
  1006.                     </div>
  1007.                     <div class="lower-box clearfix">
  1008.                         <div class="bg-layer" style="background-image: url(assets/images/background/bg-1.jpg);"></div>
  1009.                         <div class="text pull-left">
  1010.                             <div class="icon-box"><i class="flaticon-idea"></i></div>
  1011.                             <h3>Share Your Ideas to Help Our City’s Future.</h3>
  1012.                             <p>We all have different interests, needs and hopes for our city future. What do you think?</p>
  1013.                         </div>
  1014.                         <div class="btn-box pull-right">
  1015.                             <a href="index.html" class="theme-btn">Share your Say</a>
  1016.                         </div>
  1017.                     </div>
  1018.                 </div>
  1019.             </div>
  1020.         </section> -->
  1021.         <!-- solutions-section end -->
  1024.         <!-- testimonial-section -->
  1025.         <!-- <section class="testimonial-section centred" style="background-image: url(assets/images/background/testimonial-bg.jpg);">
  1026.             <div class="auto-container">
  1027.                 <div class="three-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
  1028.                     <div class="testimonial-block-one">
  1029.                         <div class="inner-box">
  1030.                             <figure class="image-box"><img src="assets/images/resource/testimonial-1.png" alt=""></figure>
  1031.                             <div class="text">
  1032.                                 <p>Perfectly simple & easy to free hour when our power choice is nothing too prevents our being able what all get we like best pleasure.</p>
  1033.                             </div>
  1034.                             <div class="author-box">
  1035.                                 <h4>Bertram Irvin</h4>
  1036.                                 <span class="designation">Citizen</span>
  1037.                             </div>
  1038.                         </div>
  1039.                     </div>
  1040.                     <div class="testimonial-block-one">
  1041.                         <div class="inner-box">
  1042.                             <figure class="image-box"><img src="assets/images/resource/testimonial-2.png" alt=""></figure>
  1043.                             <div class="text">
  1044.                                 <p>I am highly impressed with the professionalism and passion of the people in this warehouse well educated, neat and clean city life.</p>
  1045.                             </div>
  1046.                             <div class="author-box">
  1047.                                 <h4>Ivan Johny</h4>
  1048.                                 <span class="designation">Visitors from Indonasia</span>
  1049.                             </div>
  1050.                         </div>
  1051.                     </div>
  1052.                     <div class="testimonial-block-one">
  1053.                         <div class="inner-box">
  1054.                             <figure class="image-box"><img src="assets/images/resource/testimonial-3.png" alt=""></figure>
  1055.                             <div class="text">
  1056.                                 <p>The wise man therefore always holds in these matters to this on principle off selection rejects  to secure others greater pleasures.</p>
  1057.                             </div>
  1058.                             <div class="author-box">
  1059.                                 <h4>Lucian Manroe</h4>
  1060.                                 <span class="designation">Citizen</span>
  1061.                             </div>
  1062.                         </div>
  1063.                     </div>
  1064.                 </div>
  1065.             </div>
  1066.         </section> -->
  1067.         <!-- testimonial-section end -->
  1070.         <!-- team-section -->
  1071.         <!-- <section class="team-section sec-pad bg-color-1">
  1072.             <div class="pattern-layer" style="background-image: url(assets/images/shape/shape-5.png);"></div>
  1073.             <div class="auto-container">
  1074.                 <div class="sec-title">
  1075.                     <h6><i class="flaticon-star"></i><span>Whitehall Team</span></h6>
  1076.                     <h2>Meet Council Members</h2>
  1077.                     <div class="title-shape"></div>
  1078.                     <a href="index.html" class="theme-btn">All members</a>
  1079.                 </div>
  1080.                 <div class="row clearfix">
  1081.                     <div class="col-lg-3 col-md-6 col-sm-12 team-block">
  1082.                         <div class="team-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  1083.                             <div class="inner-box">
  1084.                                 <figure class="image-box"><a href="index.html"><img src="assets/images/team/team-1.jpg" alt=""></a></figure>
  1085.                                 <div class="lower-content">
  1086.                                     <div class="author-box">
  1087.                                         <h4><a href="index.html">Bertram Irvin</a></h4>
  1088.                                         <span class="designation">President</span>
  1089.                                     </div>
  1090.                                     <ul class="othre-info clearfix">
  1091.                                         <li class="mail-box"><a href="index.html"><i class="flaticon-mail-inbox-app"></i>Email</a></li>
  1092.                                         <li class="phone-box"><i class="flaticon-emergency-call"></i><a href="tel:4488812345">+44 888 12 345</a></li>
  1093.                                         <li class="share-option">
  1094.                                             <i class="share-icon flaticon-share"></i>
  1095.                                             <ul class="share-links clearfix">
  1096.                                                 <li><a href="index.html"><i class="fab fa-pinterest-p"></i></a></li>
  1097.                                                 <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
  1098.                                                 <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
  1099.                                             </ul>
  1100.                                         </li>
  1101.                                     </ul>
  1102.                                 </div>
  1103.                             </div>
  1104.                         </div>
  1105.                     </div>
  1106.                     <div class="col-lg-3 col-md-6 col-sm-12 team-block">
  1107.                         <div class="team-block-one wow fadeInUp animated animated" data-wow-delay="200ms" data-wow-duration="1500ms">
  1108.                             <div class="inner-box">
  1109.                                 <figure class="image-box"><a href="index.html"><img src="assets/images/team/team-2.jpg" alt=""></a></figure>
  1110.                                 <div class="lower-content">
  1111.                                     <div class="author-box">
  1112.                                         <h4><a href="index.html">Elvina Julie</a></h4>
  1113.                                         <span class="designation">Actuary</span>
  1114.                                     </div>
  1115.                                     <ul class="othre-info clearfix">
  1116.                                         <li class="mail-box"><a href="index.html"><i class="flaticon-mail-inbox-app"></i>Email</a></li>
  1117.                                         <li class="phone-box"><i class="flaticon-emergency-call"></i><a href="tel:4488812345">+44 888 12 345</a></li>
  1118.                                         <li class="share-option">
  1119.                                             <i class="share-icon flaticon-share"></i>
  1120.                                             <ul class="share-links clearfix">
  1121.                                                 <li><a href="index.html"><i class="fab fa-pinterest-p"></i></a></li>
  1122.                                                 <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
  1123.                                                 <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
  1124.                                             </ul>
  1125.                                         </li>
  1126.                                     </ul>
  1127.                                 </div>
  1128.                             </div>
  1129.                         </div>
  1130.                     </div>
  1131.                     <div class="col-lg-3 col-md-6 col-sm-12 team-block">
  1132.                         <div class="team-block-one wow fadeInUp animated animated" data-wow-delay="400ms" data-wow-duration="1500ms">
  1133.                             <div class="inner-box">
  1134.                                 <figure class="image-box"><a href="index.html"><img src="assets/images/team/team-3.jpg" alt=""></a></figure>
  1135.                                 <div class="lower-content">
  1136.                                     <div class="author-box">
  1137.                                         <h4><a href="index.html">Herman Gordon</a></h4>
  1138.                                         <span class="designation">Director</span>
  1139.                                     </div>
  1140.                                     <ul class="othre-info clearfix">
  1141.                                         <li class="mail-box"><a href="index.html"><i class="flaticon-mail-inbox-app"></i>Email</a></li>
  1142.                                         <li class="phone-box"><i class="flaticon-emergency-call"></i><a href="tel:4488812345">+44 888 12 345</a></li>
  1143.                                         <li class="share-option">
  1144.                                             <i class="share-icon flaticon-share"></i>
  1145.                                             <ul class="share-links clearfix">
  1146.                                                 <li><a href="index.html"><i class="fab fa-pinterest-p"></i></a></li>
  1147.                                                 <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
  1148.                                                 <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
  1149.                                             </ul>
  1150.                                         </li>
  1151.                                     </ul>
  1152.                                 </div>
  1153.                             </div>
  1154.                         </div>
  1155.                     </div>
  1156.                     <div class="col-lg-3 col-md-6 col-sm-12 team-block">
  1157.                         <div class="team-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">
  1158.                             <div class="inner-box">
  1159.                                 <figure class="image-box"><a href="index.html"><img src="assets/images/team/team-4.jpg" alt=""></a></figure>
  1160.                                 <div class="lower-content">
  1161.                                     <div class="author-box">
  1162.                                         <h4><a href="index.html">Marian Lenora</a></h4>
  1163.                                         <span class="designation">Speaker</span>
  1164.                                     </div>
  1165.                                     <ul class="othre-info clearfix">
  1166.                                         <li class="mail-box"><a href="index.html"><i class="flaticon-mail-inbox-app"></i>Email</a></li>
  1167.                                         <li class="phone-box"><i class="flaticon-emergency-call"></i><a href="tel:4488812345">+44 888 12 345</a></li>
  1168.                                         <li class="share-option">
  1169.                                             <i class="share-icon flaticon-share"></i>
  1170.                                             <ul class="share-links clearfix">
  1171.                                                 <li><a href="index.html"><i class="fab fa-pinterest-p"></i></a></li>
  1172.                                                 <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
  1173.                                                 <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
  1174.                                             </ul>
  1175.                                         </li>
  1176.                                     </ul>
  1177.                                 </div>
  1178.                             </div>
  1179.                         </div>
  1180.                     </div>
  1181.                 </div>
  1182.             </div>
  1183.         </section> -->
  1184.         <!-- team-section end -->
  1187.         <!-- news-section -->
  1188.         <!-- <section class="news-section bg-color-1">
  1189.             <div class="auto-container">
  1190.                 <div class="sec-title centred">
  1191.                     <h6><i class="flaticon-star"></i><span>News & Blog</span><i class="flaticon-star"></i></h6>
  1192.                     <h2>Latest From Our Newsroom</h2>
  1193.                     <div class="title-shape"></div>
  1194.                 </div>
  1195.                 <div class="row clearfix">
  1196.                     <div class="col-lg-4 col-md-6 col-sm-12 news-block">
  1197.                         <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
  1198.                             <div class="inner-box">
  1199.                                 <div class="image-box">
  1200.                                     <figure class="image">
  1201.                                         <a href="blog-details.html"><i class="fas fa-link"></i></a>
  1202.                                         <img src="assets/images/news/news-1.jpg" alt="">
  1203.                                     </figure>
  1204.                                     <div class="post-date"><h3>28<span>Jan’21</span></h3></div>
  1205.                                 </div>
  1206.                                 <div class="lower-content">
  1207.                                     <div class="category"><a href="index.html"><i class="flaticon-star"></i>Announcement</a></div>
  1208.                                     <h4><a href="blog-details.html">Mayor Invites Medical Experts to Discuss about Covid</a></h4>
  1209.                                     <ul class="post-info clearfix">
  1210.                                         <li><i class="far fa-user"></i><a href="blog-details.html">Harley Reuban</a></li>
  1211.                                         <li><i class="far fa-comment"></i><a href="blog-details.html">2 Comments</a></li>
  1212.                                     </ul>
  1213.                                 </div>
  1214.                             </div>
  1215.                         </div>
  1216.                     </div>
  1217.                     <div class="col-lg-4 col-md-6 col-sm-12 news-block">
  1218.                         <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="300ms" data-wow-duration="1500ms">
  1219.                             <div class="inner-box">
  1220.                                 <div class="image-box">
  1221.                                     <figure class="image">
  1222.                                         <a href="blog-details.html"><i class="fas fa-link"></i></a>
  1223.                                         <img src="assets/images/news/news-2.jpg" alt="">
  1224.                                     </figure>
  1225.                                     <div class="post-date"><h3>14<span>Dec’20</span></h3></div>
  1226.                                 </div>
  1227.                                 <div class="lower-content">
  1228.                                     <div class="category"><a href="index.html"><i class="flaticon-star"></i>Education</a></div>
  1229.                                     <h4><a href="blog-details.html">Outdoor Dining to be Extended this Summer</a></h4>
  1230.                                     <ul class="post-info clearfix">
  1231.                                         <li><i class="far fa-user"></i><a href="blog-details.html">Bert Anslem</a></li>
  1232.                                         <li><i class="far fa-comment"></i><a href="blog-details.html">2 Comments</a></li>
  1233.                                     </ul>
  1234.                                 </div>
  1235.                             </div>
  1236.                         </div>
  1237.                     </div>
  1238.                     <div class="col-lg-4 col-md-6 col-sm-12 news-block">
  1239.                         <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">
  1240.                             <div class="inner-box">
  1241.                                 <div class="image-box">
  1242.                                     <figure class="image">
  1243.                                         <a href="blog-details.html"><i class="fas fa-link"></i></a>
  1244.                                         <img src="assets/images/news/news-3.jpg" alt="">
  1245.                                     </figure>
  1246.                                     <div class="post-date"><h3>06<span>Nov’20</span></h3></div>
  1247.                                 </div>
  1248.                                 <div class="lower-content">
  1249.                                     <div class="category"><a href="index.html"><i class="flaticon-star"></i>Announcement</a></div>
  1250.                                     <h4><a href="blog-details.html">Supporting Local Businesses to Bounce Back</a></h4>
  1251.                                     <ul class="post-info clearfix">
  1252.                                         <li><i class="far fa-user"></i><a href="blog-details.html">Harley Reuban</a></li>
  1253.                                         <li><i class="far fa-comment"></i><a href="blog-details.html">0 Comments</a></li>
  1254.                                     </ul>
  1255.                                 </div>
  1256.                             </div>
  1257.                         </div>
  1258.                     </div>
  1259.                 </div>
  1260.             </div>
  1261.         </section> -->
  1262.         <!-- news-section end -->
  1265.         <!-- funfact-section -->
  1266.         <section class="funfact-section">
  1267.             <div class="pattern-layer" style="background-image: url(newwebfront/assets/images/shape/shape-7.png);"></div>
  1268.             <div class="auto-container">
  1269.                 <div class="funfact-content">
  1270.                     <div class="row clearfix">
  1271.                         <div class="col-lg-4 col-md-12 col-sm-12 title-column">
  1272.                             <div class="sec-title">
  1273.                                 <h6 style="color : #0D6E77;"><i class="flaticon-star"></i><span>MINISTERE DU DEVELOPPEMENT</span></h6>
  1274.                                 <h2>Quelques chiffres</h2>
  1275.                                 <div class="title-shape"></div>
  1276.                             </div>
  1277.                         </div>
  1278.                         <div class="col-lg-8 col-md-12 col-sm-12 inner-column">
  1279.                             <div class="funfact-inner centred">
  1280.                                 <div class="row clearfix">
  1281.                                     <div class="col-lg-3 col-md-6 col-sm-12 funfact-block">
  1282.                                         <div class="funfact-block-one">
  1283.                                             <div class="inner-box">
  1284.                                                 <div class="count-outer count-box">
  1285.                                                     <span class="count-text" data-speed="1500" data-stop="25">0</span>
  1286.                                                 </div>
  1287.                                                 <h6 style="color : #0D6E77;">Directions techniques et Générales</h6>
  1288.                                             </div>
  1289.                                         </div>
  1290.                                     </div>
  1291.                                     <div class="col-lg-3 col-md-6 col-sm-12 funfact-block">
  1292.                                         <div class="funfact-block-one">
  1293.                                             <div class="inner-box">
  1294.                                                 <div class="count-outer count-box">
  1295.                                                    <span>+</span> <span class="count-text" data-speed="1500" data-stop="168">0</span>
  1296.                                                 </div>
  1297.                                                 <h6 style="color : #0D6E77;">Services aux usagers</h6>
  1298.                                             </div>
  1299.                                         </div>
  1300.                                     </div>
  1301.                                     <div class="col-lg-3 col-md-6 col-sm-12 funfact-block">
  1302.                                         <div class="funfact-block-one">
  1303.                                             <div class="inner-box">
  1304.                                                 <div class="count-outer count-box">
  1305.                                                     <span>+</span><span class="count-text" data-speed="1500" data-stop="+200">0</span>
  1306.                                                 </div>
  1307.                                                 <h6 style="color : #0D6E77;">Documents de politique</h6>
  1308.                                             </div>
  1309.                                         </div>
  1310.                                     </div>
  1311.                                     <div class="col-lg-3 col-md-6 col-sm-12 funfact-block">
  1312.                                         <div class="funfact-block-one">
  1313.                                             <div class="inner-box">
  1314.                                                 <div class="count-outer count-box">
  1315.                                                     <span class="count-text" data-speed="1500" data-stop="7">0</span>
  1316.                                                 </div>
  1317.                                                 <h6 style="color : #0D6E77;">Plateformes à votre service</h6>
  1318.                                             </div>
  1319.                                         </div>
  1320.                                     </div>
  1321.                                 </div>
  1322.                             </div>
  1323.                         </div>
  1324.                     </div>
  1325.                 </div>
  1326.                 <div class="twitter-feed">
  1327.                     <div class="inner-content clearfix">
  1328.                         <div class="single-item">
  1329.                             <div class="title-box centred">
  1330.                                 <div class="pattern" style="background-image: url(newwebfront/assets/images/shape/shape-16.png);"></div>
  1331.                                 <div class="icon-box"><i class="far fa-clone"></i></div>
  1332.                                 <h4>Voir toutes l'actualités</h4>
  1333.                                 <a href="{{ path('new_blog_category',{'category_name': 'Informations'}) }}">Cliquez ici</a>
  1334.                             </div>
  1335.                         </div>
  1336.                         <div class="single-item">
  1337.                             <div class="title-box centred">
  1338.                                 <div class="pattern" style="background-image: url(newwebfront/assets/images/shape/shape-16.png);"></div>
  1339.                                 <div class="icon-box"><i class="fas fa-camera"></i></div>
  1340.                                 <h4>Galerie Photo</h4>
  1341.                                 <a href="https://www.flickr.com/people/188724669@N06/" target="_blank">Cliquez ici</a>
  1342.                             </div>                            
  1343.                         </div>
  1344.                         <div class="single-item">
  1345.                             <div class="title-box centred">
  1346.                                 <div class="pattern" style="background-image: url(newwebfront/assets/images/shape/shape-16.png);"></div>
  1347.                                 <div class="icon-box"><i class="far fa-file-video"></i></div>
  1348.                                 <h4>Vidéothèque</h4>
  1349.                                 <a href="https://www.youtube.com/channel/UCm9cL-HA1gMh6XiG6MFCPmA/featured?view_as=subscriber" target="_blank">Cliquez ici</a>
  1350.                             </div>  
  1351.                         </div>
  1352.                     </div>
  1353.                 </div>
  1354.             </div>
  1355.         </section>
  1356.         <!-- funfact-section end -->
  1358.     {% endblock content %}    
  1359.         <!-- main-footer -->
  1360.         <footer class="main-footer">
  1361.             <div class="footer-top" style="padding: 150px 0px 46px 0px;">
  1362.                 <div class="auto-container">
  1363.                      <div class="container" style="text-align: center; max-width : 50%;margin-bottom:50px;">
  1364.                         <img src='{{asset("newwebfront/assets/images/MDCAGBlancs.png")}}' alt="Ministère du Développement et de la Coordination de l'action gouvernementale" >
  1365.                     </div>
  1366.                     <div class="top-inner">
  1367.                         <div class="row clearfix">
  1368.                             <div class="col-lg-2 col-md-6 col-sm-12 logo-column">
  1369.                                 <figure class="footer-logo"><a href="#"><img src="#" alt=""></a></figure>
  1370.                             </div>
  1371.                             <div class="col-lg-6 col-md-6 col-sm-12 text-column" style="margin: 0px 0px 25px 0px;">
  1372.                                 <div class="text">
  1373.                                     <h3>Inscrivez vous à notre newsletter</h3>
  1374.                                     <P>Entrez votre adresse e-mail.</P>
  1375.                                 </div>
  1376.                             </div>
  1377.                             <div class="col-lg-4 col-md-12 col-sm-12 form-column">
  1378.                                 <form action="{{ path('newsletter_new') }}" method="post" class="postcode-form">
  1379.                                     <div class="form-group">
  1380.                                         <input type="text" name="email" placeholder="Votre email ..." required="">
  1381.                                         <button type="submit">S'inscrire</button>
  1382.                                     </div>
  1383.                                 </form>
  1384.                             </div>
  1385.                         </div>
  1386.                     </div>
  1387.                     <div class="top-inner">
  1388.                         <div class="row clearfix">
  1389.                              <div class="col-lg-2 col-md-6 col-sm-12 logo-column">
  1390.                                 <figure class="footer-logo"><a href="#"><img src="" alt=""></a></figure>
  1391.                             </div>
  1392.                             <div class="col-lg-6 col-md-6 col-sm-12 text-column">
  1393.                                 <div class="text">
  1394.                                     <h3>Liens utiles</h3>
  1395.                                     <P>Retrouvez nos liens utiles</P>
  1396.                                 </div>
  1397.                             </div>
  1398.                             <div class="col-lg-4 col-md-12 col-sm-12 form-column">
  1399.                                         <select name="liens" id="liens" onchange="window.open(this.value, '_blank')">
  1400.                                             <option value="#" selected>---Visiter nos liens utiles ---</option>
  1401.                                             <option value="https://gouv.bj">Gouvernement du Bénin</option>
  1402.                                             <option value="https://pspdb.dev.gouv.bj/">Politique Développement</option>
  1403.                                             <option value="https://sigodd.gouv.bj/fr/">Sensibilité des PTA aux ODD</option>
  1404.                                         </select>
  1405.                             </div>
  1406.                         </div>
  1407.                     </div>
  1408.                 </div>
  1409.             </div>
  1410.            
  1411.             
  1412.             <div class="footer-bottom">
  1413.                 <div class="auto-container">
  1414.                     <div class="bottom-inner clearfix">
  1415.                         <div class="copyright pull-left">
  1416.                             <p>&copy; 2023 <a href="{{ path('newfront') }}" style="color : #0D6E77;">Ministère du Développement et de la Coordination de l'action gouvernementale</a> - Tous droits réservés. </p>
  1417.                         </div>
  1418.                          <ul class="footer-nav clearfix pull-right">
  1419.                             <li><a href="{{ path('app_politique_confidentialite') }}">Mentions Légales et Gestion de Cookies</a></li>
  1420.                             {# <li><a href="index.html">Covid’19 Updates </a></li>
  1421.                             <li><a href="index.html">Government</a></li> #}
  1422.                         </ul>
  1423.                     </div>
  1424.                 </div>
  1425.                 <div class="container">
  1426.                     <br>
  1427.                     <img style="width: 36%; height: 100%; display:block; margin-left:auto; margin-right:auto"  src='{{ asset("newwebfront/assets/images/Bande.png") }}' alt="">
  1428.                 </div>
  1429.             </div>
  1430.         </footer>
  1431.         <!-- main-footer end -->
  1435.         <!--Scroll to top-->
  1436.         <button class="scroll-top scroll-to-target" data-target="html">
  1437.             <span class="fas fa-angle-up"></span>
  1438.         </button>
  1439.     </div>
  1442.     <!-- jequery plugins -->
  1443.     <script src='{{asset("newwebfront/assets/js/jquery.js")}}'></script>
  1444.     <script src='{{asset("newwebfront/assets/js/popper.min.js")}}'></script>
  1445.     <script src='{{asset("newwebfront/assets/js/bootstrap.min.js")}}'></script>
  1446.     <script src='{{asset("newwebfront/assets/js/owl.js")}}'></script>
  1447.     <script src='{{asset("newwebfront/assets/js/wow.js")}}'></script>
  1448.     <script src='{{asset("newwebfront/assets/js/validation.js")}}'></script>
  1449.     <script src='{{asset("newwebfront/assets/js/jquery.fancybox.js")}}'></script>
  1450.     <script src='{{asset("newwebfront/assets/js/appear.js")}}'></script>
  1451.     <script src='{{asset("newwebfront/assets/js/scrollbar.js")}}'></script>
  1452.     <script src='{{asset("newwebfront/assets/js/jquery.nice-select.min.js")}}'></script>
  1453.     <script src='{{asset("newwebfront/assets/js/nav-tool.js")}}'></script>
  1454.     <script src='{{asset("newwebfront/assets/js/cookies.js")}}'></script>
  1456.     <!-- main-js -->
  1457.     <script src='{{asset("newwebfront/assets/js/script.js")}}'></script>
  1459.     <!-- map script -->
  1460.     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA-CE0deH3Jhj6GN4YvdCFZS7DpbXexzGU"></script>
  1461.     <script src='{{ asset("assets/js/gmaps.js")}}'></script>
  1462.     <script src='{{ asset("assets/js/map-helper.js")}}'></script>
  1464. </body><!-- End of .page_wrapper -->
  1465. </html>