templates/pages/home/ci.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/front/baseinternes.html.twig' %}
  3. {% block title %}{{ parametres.structure.name ?? company_name }} | {{ title }}{% endblock %}
  4. {% block stylesheets %}
  5.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animsition.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animate.min.css') }}">
  7.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/jquery.fancybox.min.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assetics/assets/lib/css/lightgallery.min.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/style3.min.css') }}">
  10.     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
  11.           integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
  12.           crossorigin=""/>
  13.     <style>
  14.         .card{
  15.             margin-bottom: 20px!important;
  16.         }
  17.         .card h5 button{
  18.             font-size: 18px!important;outline: none!important;
  19.         }
  20.         .btn-link:focus, .btn-link:hover {
  21.             color: #23527c;
  22.             text-decoration: none!important;
  23.             background-color: transparent;
  24.         }
  25.         .blog-single-aside__content .title{
  26.             color: #993300!important;
  27.             text-shadow: none!important;
  28.         }
  29.     </style>
  30. {% endblock %}
  31. {% block body %}
  32.     <section class="top-banniere">
  33.         <div class="page-banner" style="background-image: url({{ asset('assetics/internes/images/fete.jpg') }})">
  34.             {{ fil_arial(title) }}
  35.         </div>
  36.     </section>
  38.     <section class="tour-item-banner-2">
  39.         <div class="container">
  40.             <h4 class="pull-right"><a href="{{ path('home') }}">Accueil</a> / {{ menu }} / <span> {{ title|u.truncate(50, '...') }}</span></h4>
  41.         </div>
  42.     </section>
  44.     <section>
  45.         <div class="container">
  46.             <div class="row">
  47.                 <div class="col-lg-9">
  48.                     <aside>
  49.                         <div class="blog-single-aside" style="padding: 20px 30px 20px 0;">
  50.                             <div class="special-tour__tittle">
  51.                                 <!-- section tittle -->
  52.                                 <div class="section-tittle">
  53.                                     <h2>{{ title }}</h2>
  54.                                     <div class="section-tittle__line-under"></div>
  55.                                     <p><span>{{ title }}</span></p>
  56.                                 </div>
  57.                             </div>
  58.                             <div class="row mt-5">
  59.                                 <div class="col-md-12">
  60.                                     <div class="blog-single-aside">
  61.                                         <div class="blog-single-aside__thumbnail">
  62.                                             <div id="map" style="width: 100%;height: 400px;position: relative;z-index: 0"></div>
  63.                                         </div>
  64.                                     </div>
  66.                                     <div class="best-selling-tour mt-lg-5">
  67.                                         <div class="row">
  68.                                             <div class="col-lg-6 col-sm-12 col-md-6">
  69.                                                 <a href="{{ path('ci.pages', {'id': histoire.id, 'slug': histoire.slug}) }}" class="best-selling-tour__item">
  70.                                                     <div class="best-selling-tour__item__thumb">
  71.                                                         {% if histoire.filename %}
  72.                                                             <img src="{{ vich_uploader_asset(histoire, 'imageFile') | imagine_filter('medium') }}" alt="{{ histoire.name }}">
  73.                                                         {% else %}
  74.                                                             <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ histoire.name }}">
  75.                                                         {% endif %}
  76.                                                         <div class="best-selling-tour__item__info">
  77.                                                             <div class="best-selling-tour__item__tittle">
  78.                                                                 <h3 style="text-shadow: 0 0 5px #000;" class="trending-tour-item__name">{{ histoire.name }}</h3>
  79.                                                                 {#<p class="trending-tour-item__group-infor__rating"></p>#}
  80.                                                             </div>
  81.                                                         </div>
  82.                                                     </div>
  83.                                                 </a>
  84.                                             </div>
  85.                                             <div class="col-lg-6 col-sm-12 col-md-6">
  86.                                                 <a href="{{ path('ci.pages', {'id': geographie.id, 'slug': geographie.slug}) }}" class="best-selling-tour__item">
  87.                                                     <div class="best-selling-tour__item__thumb">
  88.                                                         {% if geographie.filename %}
  89.                                                             <img src="{{ vich_uploader_asset(geographie, 'imageFile') | imagine_filter('medium') }}" alt="{{ geographie.name }}">
  90.                                                         {% else %}
  91.                                                             <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ geographie.name }}">
  92.                                                         {% endif %}
  93.                                                         <div class="best-selling-tour__item__info">
  94.                                                             <div class="best-selling-tour__item__tittle">
  95.                                                                 <h3 style="text-shadow: 0 0 5px #000;" class="trending-tour-item__name">{{ geographie.name }}</h3>
  96.                                                                 {#<p class="trending-tour-item__group-infor__rating"></p>#}
  97.                                                             </div>
  98.                                                         </div>
  99.                                                     </div>
  100.                                                 </a>
  101.                                             </div>
  102.                                             <div class="col-lg-6 col-sm-12 col-md-6">
  103.                                                 <a href="{{ path('symboles.index') }}" class="best-selling-tour__item">
  104.                                                     <div class="best-selling-tour__item__thumb">
  105.                                                         <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="Symbole de l'Etat">
  106.                                                         <div class="best-selling-tour__item__info">
  107.                                                             <div class="best-selling-tour__item__tittle">
  108.                                                                 <h3 style="text-shadow: 0 0 5px #000;" class="trending-tour-item__name">Symbole de l'Etat</h3>
  109.                                                                 {#<p class="trending-tour-item__group-infor__rating"></p>#}
  110.                                                             </div>
  111.                                                         </div>
  112.                                                     </div>
  113.                                                 </a>
  114.                                             </div>
  115.                                             <div class="col-lg-6 col-sm-12 col-md-6">
  116.                                                 <a href="{{ path('institutions.index') }}" class="best-selling-tour__item">
  117.                                                     <div class="best-selling-tour__item__thumb">
  118.                                                         <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="Institutions">
  119.                                                         <div class="best-selling-tour__item__info">
  120.                                                             <div class="best-selling-tour__item__tittle">
  121.                                                                 <h3 style="text-shadow: 0 0 5px #000;" class="trending-tour-item__name">Institutions</h3>
  122.                                                                 {#<p class="trending-tour-item__group-infor__rating"></p>#}
  123.                                                             </div>
  124.                                                         </div>
  125.                                                     </div>
  126.                                                 </a>
  127.                                             </div>
  128.                                         </div>
  129.                                     </div>
  131.                                     {#<div id="accordion">
  132.                                         <div class="card">
  133.                                             <div class="card-header" id="headingOne">
  134.                                                 <h5 class="mb-0">
  135.                                                     <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  136.                                                         <i class="fa fa-chevron-down"></i> {{ histoire.name }}
  137.                                                     </button>
  138.                                                 </h5>
  139.                                             </div>
  141.                                             <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
  142.                                                 <div class="card-body">
  143.                                                     <div class="blog-list" style="padding: 0px 30px 30px 0;">
  144.                                                         <div class="blog-list__item">
  145.                                                             <div class="row">
  146.                                                                 <div class="col-md-4">
  147.                                                                     <div class="blog-list__thumbnail" style="
  148.                                                                             background: url({% if histoire.filename %}{{ vich_uploader_asset(histoire, 'imageFile') | imagine_filter('medium') }}{% else %}{{ asset('assetics/internes/images/empty.jpg') }}{% endif %});
  149.                                                                             background-position: center center;
  150.                                                                             background-size: cover;
  151.                                                                             height: 100%;
  152.                                                                             top: 0;
  153.                                                                             bottom: 0;
  154.                                                                             left: 0;
  155.                                                                             ">
  156.                                                                     </div>
  157.                                                                 </div>
  158.                                                                 <div class="col-md-8">
  159.                                                                     <div class="blog-list__info" >
  160.                                                                         <h3>{{ histoire.name }}</h3>
  161.                                                                         <div>{{ histoire.extrait|nl2br }}</div>
  162.                                                                         <a class="pull-right text-danger" href="{{ path('ci.pages', {'id': histoire.id, 'slug': histoire.slug}) }}"><i class="fa fa-plus"></i> En savoir plus</a>
  163.                                                                     </div>
  164.                                                                 </div>
  165.                                                             </div>
  166.                                                         </div>
  167.                                                         <div>
  168.                                                             <div id="dgwt-jg-1" data-thumb="true" data-height="160" class="dgwt-jg-gallery dgwt-jg-style1 dgwt-jg-1 ">
  169.                                                                 {% for index, media in histoire.mediapages %}
  170.                                                                     <a style="background-size: cover!important;" href="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('large') }}"
  171.                                                                        class="dgwt-jg-item"
  172.                                                                        data-sub-html="<h4>{{ media.name ?? page.name }}</h4><div class='dgwt-jg-item-desc'>#}{#{{ media.name ?? page.name }}#}{#</div>"><img
  173.                                                                                 data-lazy-src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  174.                                                                                 src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  175.                                                                                 class="s-img-switch" alt=""/>
  176.                                                                         <div class="dgwt-jg-caption"><span>{{ media.name ?? page.name }}</span></div>
  177.                                                                     </a>
  178.                                                                 {% endfor %}
  179.                                                             </div>
  180.                                                         </div>
  181.                                                     </div>
  182.                                                 </div>
  183.                                             </div>
  184.                                         </div>
  185.                                         <div class="card">
  186.                                             <div class="card-header" id="headingTwo">
  187.                                                 <h5 class="mb-0">
  188.                                                     <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
  189.                                                         <i class="fa fa-chevron-down"></i> {{ geographie.name }}
  190.                                                     </button>
  191.                                                 </h5>
  192.                                             </div>
  194.                                             <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  195.                                                 <div class="card-body">
  196.                                                     <div class="blog-list" style="padding: 0px 30px 30px 0;">
  197.                                                         <div class="blog-list__item">
  198.                                                             <div class="row">
  199.                                                                 <div class="col-md-4">
  200.                                                                     <div class="blog-list__thumbnail" style="
  201.                                                                             background: url({% if geographie.filename %}{{ vich_uploader_asset(geographie, 'imageFile') | imagine_filter('medium') }}{% else %}{{ asset('assetics/internes/images/empty.jpg') }}{% endif %});
  202.                                                                             background-position: center center;
  203.                                                                             background-size: cover;
  204.                                                                             height: 100%;
  205.                                                                             top: 0;
  206.                                                                             bottom: 0;
  207.                                                                             left: 0;
  208.                                                                             ">
  209.                                                                     </div>
  210.                                                                 </div>
  211.                                                                 <div class="col-md-8">
  212.                                                                     <div class="blog-list__info" >
  213.                                                                         <h3>{{ geographie.name }}</h3>
  214.                                                                         <div>{{ geographie.extrait|nl2br }}</div>
  215.                                                                         <a class="pull-right text-danger" href="{{ path('ci.pages', {'id': geographie.id, 'slug': geographie.slug}) }}"><i class="fa fa-plus"></i> En savoir plus</a>
  216.                                                                     </div>
  217.                                                                 </div>
  218.                                                             </div>
  219.                                                         </div>
  220.                                                         <div>
  221.                                                             <div id="dgwt-jg-1" data-thumb="true" data-height="160" class="dgwt-jg-gallery dgwt-jg-style1 dgwt-jg-1 ">
  222.                                                                 {% for index, media in geographie.mediapages %}
  223.                                                                     <a style="background-size: cover!important;" href="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('large') }}"
  224.                                                                        class="dgwt-jg-item"
  225.                                                                        data-sub-html="<h4>{{ media.name ?? page.name }}</h4><div class='dgwt-jg-item-desc'>{{ media.name ?? page.name }}</div>"><img
  226.                                                                                 data-lazy-src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  227.                                                                                 src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  228.                                                                                 class="s-img-switch" alt=""/>
  229.                                                                         <div class="dgwt-jg-caption"><span>{{ media.name ?? page.name }}</span></div>
  230.                                                                     </a>
  231.                                                                 {% endfor %}
  232.                                                             </div>
  233.                                                         </div>
  234.                                                     </div>
  235.                                                 </div>
  236.                                             </div>
  237.                                         </div>
  238.                                         <div class="card">
  239.                                             <div class="card-header" id="headingThree">
  240.                                                 <h5 class="mb-0">
  241.                                                     <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  242.                                                         <i class="fa fa-chevron-down"></i> Symbole de l'Etat
  243.                                                     </button>
  244.                                                 </h5>
  245.                                             </div>
  246.                                             <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  247.                                                 <div class="card-body">
  248.                                                     <div class="best-selling-tour mt-lg-5">
  249.                                                         <div class="row">
  250.                                                             {% for symbole in symboles %}
  251.                                                                 <div class="col-lg-4 col-md-6" style="margin-bottom: 30px!important;">
  252.                                                                     <a href="{{ path('cit.symboles.show', {'id': symbole.id, 'slug': symbole.slug}) }}" style="margin-bottom: 10px!important;" class="best-selling-tour__item">
  253.                                                                         <div class="best-selling-tour__item__thumb">
  254.                                                                             {% if symbole.filename %}
  255.                                                                                 <img src="{{ vich_uploader_asset(symbole, 'imageFile') | imagine_filter('medium') }}" alt="{{ symbole.name }}">
  256.                                                                             {% else %}
  257.                                                                                 <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ symbole.name }}">
  258.                                                                             {% endif %}
  259.                                                                             <div class="best-selling-tour__item__info">
  260.                                                                                 <div class="best-selling-tour__item__tittle">
  261.                                                                                     <h3 class="trending-tour-item__name">{{ symbole.name }}</h3>
  262.                                                                                     #}{#<p class="trending-tour-item__group-infor__rating"></p>#}{#
  263.                                                                                 </div>
  264.                                                                             </div>
  265.                                                                         </div>
  266.                                                                     </a>
  267.                                                                     #}{#<a href="{{ path('cit.symboles.show', {'id': symbole.id, 'slug': symbole.slug}) }}">Plus de détails</a>#}{#
  268.                                                                 </div>
  269.                                                             {% endfor %}
  270.                                                         </div>
  271.                                                     </div>
  272.                                                 </div>
  273.                                             </div>
  274.                                         </div>
  275.                                         <div class="card">
  276.                                             <div class="card-header" id="headingFour">
  277.                                                 <h5 class="mb-0">
  278.                                                     <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
  279.                                                         <i class="fa fa-chevron-down"></i> Institutions
  280.                                                     </button>
  281.                                                 </h5>
  282.                                             </div>
  283.                                             <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
  284.                                                 <div class="card-body">
  285.                                                     <div class="best-selling-tour mt-lg-5">
  286.                                                         <div class="row">
  287.                                                             {% for institution in institutions %}
  288.                                                                 <div class="col-lg-4 col-md-6" style="margin-bottom: 30px!important;">
  289.                                                                     <a href="{{ path('institutions.show', {'id': institution.id, 'slug': institution.slug}) }}" style="margin-bottom: 10px!important;" class="best-selling-tour__item">
  290.                                                                         <div class="best-selling-tour__item__thumb">
  291.                                                                             {% if institution.filename %}
  292.                                                                                 <img src="{{ vich_uploader_asset(institution, 'imageFile') | imagine_filter('medium') }}" alt="{{ institution.name }}">
  293.                                                                             {% else %}
  294.                                                                                 <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ institution.name }}">
  295.                                                                             {% endif %}
  296.                                                                             <div class="best-selling-tour__item__info">
  297.                                                                                 <div class="best-selling-tour__item__tittle">
  298.                                                                                     <h3 class="trending-tour-item__name">{{ institution.name }}</h3>
  299.                                                                                     #}{#<p class="trending-tour-item__group-infor__rating"></p>#}{#
  300.                                                                                 </div>
  301.                                                                             </div>
  302.                                                                         </div>
  303.                                                                     </a>
  304.                                                                     <a target="_blank" href="{{ institution.link ?? '#' }}">Allez sur le site web</a>
  305.                                                                 </div>
  306.                                                             {% endfor %}
  307.                                                         </div>
  308.                                                     </div>
  309.                                                 </div>
  310.                                             </div>
  311.                                         </div>
  312.                                     </div>#}
  314.                                 </div>
  315.                             </div>
  316.                         </div>
  317.                     </aside>
  318.                 </div>
  319.                 <div class="col-lg-3">
  320.                     <div class="sidebar">
  321.                         <div class="blog-sidebar">
  322.                             <h3 style="font-size: 18px!important;">République de Côte d’Ivoire</h3>
  323.                             <div class="blog-sidebar__widget" style="display: flex; justify-content: center; justify-items: center;">
  324.                                 <div class="recent-post mb-3" style="text-align: center;">
  325.                                     <img src="{{ asset('assetics/internes/images/ci-drapeau.jpg') }}" alt="recent-post">
  326.                                     <h6 style="margin-top: 5px;font-size: 10px; color:#888;">Le drapeau de la Côte d'Ivoire</h6>
  327.                                 </div>
  328.                             </div>
  330.                             <div class="blog-sidebar__widget">
  331.                                 <h3>Température</h3>
  332.                                 <div class="sidebar-category">
  333.                                     <!-- weather widget start -->
  334.                                     <a target="_blank" href="https://hotelmix.fr/weather/abidjan-46999">
  335.                                         <img style="width: 100%!important;" src="https://w.bookcdn.com/weather/picture/3_46999_1_3_137AE9_160_ffffff_333333_08488D_1_ffffff_333333_0_6.png?scode=124&domid=581&anc_id=76177"  alt="booked.net"/>
  336.                                     </a>
  337.                                     <!-- weather widget end -->
  338.                                 </div>
  339.                             </div>
  340.                             <hr>
  341.                             <div class="blog-sidebar__widget">
  342.                                 <div class="sidebar-category">
  343.                                     <ul>
  344.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Devise</strong> Union - Discipline - Travail</a></li>
  345.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Hymne</strong> L'Abidjanaise</a></li>
  346.                                         <li style="padding-bottom: 20px;">
  347.                                             <figure style="margin-top: 2px!important;">
  348.                                                 {#<figcaption>Listen to the T-Rex:</figcaption>#}
  349.                                                 <audio style="outline: none!important;" controls src="{{ asset('assetics/assets/audio/hymne-ci.mp3') }}">
  350.                                                     Your browser does not support the
  351.                                                     <code>audio</code> element.
  352.                                                 </audio>
  353.                                             </figure>
  354.                                         </li>
  355.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Langue Officielle</strong> Français</a></li>
  356.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Capitale Politique</strong> Yamoussoukro</a></li>
  357.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Capitale Economique</strong> Abidjan</a></li>
  358.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Superficie</strong> 322 462 km2</a></li>
  359.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Indépendance</strong> 07 Aôut 1960</a></li>
  360.                                         <li style="padding-bottom: 20px;"><a href="#"><strong>Monnaie</strong> Franc CFA (UEMOA) (XOF​)</a></li>
  361.                                     </ul>
  362.                                 </div>
  363.                             </div>
  364.                             <hr>
  365.                             <div class="blog-sidebar__widget" style="display: flex; justify-content: center; justify-items: center;">
  366.                                 <div class="recent-post mb-3" style="text-align: center;">
  367.                                     <img src="{{ asset('assetics/internes/images/ci-embleme.jpg') }}" alt="L' armoirie de la Côte d'Ivoire">
  368.                                     <h6 style="margin-top: 5px;font-size: 10px">L' armoirie de la Côte d'Ivoire</h6>
  369.                                 </div>
  370.                             </div>
  371.                             <hr>
  372.                             <div class="blog-sidebar__widget" style="display: flex; justify-content: center; justify-items: center;">
  373.                                 <div class="recent-post mb-3" style="text-align: center;">
  374.                                     <a href="#">
  375.                                         <img src="{{ asset('assetics/internes/images/pdf.png') }}" alt="Télécharger le PDF">
  376.                                         <h6 style="margin-top: 5px;font-size: 10px">Télécharger le PDF</h6>
  377.                                     </a>
  378.                                 </div>
  379.                             </div>
  380.                         </div>
  381.                     </div>
  382.                 </div>
  383.             </div>
  384.         </div>
  385.     </section>
  387. {% endblock %}
  388. {% block javascripts %}
  389.     <script src="{{ asset('assetics/assets/js/jquery-3.3.1.min.js') }}"></script>
  390.     <script src="{{ asset('assetics/assets/js/equalHeightsPlugin.min.js') }}"></script>
  391.     <script src="{{ asset('assetics/assets/js/jquery.fancybox.min.js') }}"></script>
  392.     <script src="{{ asset('assetics/assets/js/jquery.fitvids.min.js') }}"></script>
  393.     <script src="{{ asset('assetics/assets/js/swiper3.min.js') }}"></script>
  394.     <script src="{{ asset('assetics/assets/lib/js/lightgallery.min.js') }}"></script>
  395.     <script src="{{ asset('assetics/assets/lib/js/jquery.justifiedGallery.min.js') }}"></script>
  396.     <script src="{{ asset('assetics/assets/js/jquery.sliphover.min.js') }}"></script>
  397.     <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  398.     <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  399.             integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  400.             crossorigin=""></script>
  401.     <script>
  402.         $(document).ready(function () {
  403.             let longitude = 5.369852;
  404.             let latitude = -4.014667;
  405.             let mymap = L.map('map').setView([longitude, latitude], 4);
  407.             let osmLayer = new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  408.                 attribution: '© OpenStreetMap contributors',
  409.                 draggable:true,
  410.                 minZoom: 1,
  411.                 maxZoom: 20,
  412.             }).addTo(mymap);
  413.             let marker = new L.marker([longitude, latitude]).addTo(mymap);
  414.             marker.bindPopup("<h5>La Côte d'Ivoire</h5>").openPopup();
  415.             $('.collapse').collapse()
  416.         })
  417.     </script>
  418. {% endblock %}