{% extends 'base_web.html.twig' %}
{% block title %}{{ parent() }}{% endblock %}
{% block meta %}
{{ parent() }}
<meta name='keywords' content="daip, accueil, apprentissage, formation qualifiante, valorisation des acquis de l'expérience, insertion professionnelle"/>
<meta name='description' content="Direction de l'Apprentissage et de l'Insertion Professionnelle"/>
<meta property="og:type" content="article" />
<meta property="og:url" content="{{ app.request.uri }}" />
<meta property="og:title" content="Accueil" />
<meta property="og:description" content="Direction de l'Apprentissage et de l'Insertion Professionnelle" />
<meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() ~ '/public/image/logo2.png' }}" />
{% endblock %}
{% block body %}
<section class='content-inner-3 p-0'>
<marquee class='text-secondary bg-light px-1 w-100' style='font-size: 19px'>
{% for flash in flashs %}
{% if flash.url is not null %}<a href='{{ flash.url }}' class='text-secondary'>{{ flash.titre ~ ' || ' }}</a> {% else %} {{ flash.titre ~ ' || ' }}{% endif %}
{% endfor %}
</marquee>
</section>
<div class='banner-five border-bottom border-top bg-gray' style='margin-top: -7px'>
<div class='banner-pagination'></div>
<div class='swiper-container main-slider-one'>
<div class='swiper-wrapper'>
{% for slide in slides %}
<div class='swiper-slide'>
<img src='{{ dir_slide ~ slide.image }}' alt=''>
</div>
{% endfor %}
</div>
</div>
<div class='banner-inner'>
<div class='swiper-container main-slider-one-thumb'>
<div class='swiper-wrapper'>
{% for slide in slides %}
{% if slide.titre is not null %}
<div class='swiper-slide'>
<div class='banner-content'>
<h1 class='wow fadeInUp m-b20 fw-light' data-wow-delay='1s'><a class='text-white' href='{{ slide.url }}'>{{ slide.titre }}</a></h1>
{% if slide.url is not null %}<a href='{{ slide.url }}' class='wow fadeInUp btn btn-xs d-none d-sm-inline btn-white text-secondary' data-wow-delay='2.5s'>Voir</a>{% endif %}
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
<section class='content-inner-3'>
<div class='container'>
<div class='row about-bx3'>
<div class='col-md-9'>
<div class='section-head style-1'>
<h2 class='sub-title m-b15'>M. KOFFI N'GUESSAN</h2>
<p class='text-primary'>Ministre de l’Enseignement Technique, de la Formation Professionnelle et de l'Apprentissage</p>
</div>
<p>La formation professionnelle et technique dont l’objectif est de former les jeunes aux métiers en vue de réduire le taux des diplômés sans emploi fait partie des défis majeurs du Gouvernement ...</p>
<a class='btn-link effect' href='javascript:;' id='mot_ministre'>Lire</a>
</div>
<div class='col-md-3 p-l1 m-b30 d-flex justify-content-center align-self-center'>
<div class='dz-media'><img class='border' style='max-height: 210px' src='{{ asset('public/image/ministre.png') }}' alt=''></div>
</div>
</div>
</div>
</section>
{% set video = videos[0] %}
<section class='content-inner-2 overlay-black-light border-bottom border-primary' style='background-image:url({{ video.couverture ? dir_video ~ video.couverture : asset('public/image/pic8.png') }});background-size: cover;' data-0='background-position:0px 100px;' data-end='background-position:0px -1200px;'>
<div class='container p-t3 p-b3'>
<div class='row'>
<div class='col-md-8'>
<div class='section-head'>
<h3 class='title m-b15 text-primary mt-5'>A La Une</h3>
<h4 class='text-white'>{{ video.titre }}</h4>
</div>
</div>
<div class='col-md-4'>
<div class='video-bx style-1 m-b15'>
<div class='video-btn'>
<a href='{{ video.url }}?autoplay=1&rel=0' class='popup-youtube'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-30 150 500 200'>
<path fill-rule='evenodd' fill='var(--primary)'
d='M408.717,197.623 L106.509,11.043 C84.645,-2.439 58.210,-3.000 35.796,9.543 C13.381,22.084 -0.001,44.926 -0.001,70.642 L-0.001,442.102 C-0.001,480.985 31.279,512.787 69.725,512.998 C69.830,512.998 69.935,512.999 70.038,512.999 C82.052,512.998 94.572,509.226 106.266,502.079 C115.673,496.331 118.646,484.033 112.907,474.613 C107.167,465.190 94.887,462.213 85.483,467.961 C80.013,471.302 74.672,473.031 69.940,473.030 C55.434,472.951 39.903,460.505 39.903,442.103 L39.903,70.643 C39.903,59.611 45.643,49.815 55.257,44.435 C64.872,39.055 76.210,39.295 85.577,45.072 L387.786,231.652 C396.869,237.253 402.067,246.593 402.045,257.277 C402.023,267.960 396.787,277.278 387.654,282.861 L169.156,416.854 C159.758,422.618 156.804,434.920 162.558,444.332 C168.311,453.745 180.595,456.704 189.993,450.940 L408.465,316.963 C429.383,304.182 441.901,281.901 441.951,257.357 C442.001,232.816 429.572,210.483 408.717,197.623 Z'/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 pt-5 pb-5 border-bottom border-top'>
<div class='container'>
<div class='swiper-container testimonial-swiper'>
<div class='swiper-wrapper'>
{% for communique in communiques %}
<div class='swiper-slide'>
<div class='testimonial-1 border'>
<div class='testimonial-info'>
{% if communique.nouveau %}<img style='position: absolute; width:60px; margin-top:-30px' src='{{ asset('public/web/image/new.png') }}' alt=''>{% endif %}
<div class='text-black height-sm'>
{% if communique.url is not null %}<a class='btn-link effect float-end' href='{{ communique.url }}' target='_blank'>OUVRIR</a>{% endif %}
{% if communique.fichier is not null %}<a class='btn-link effect float-end' href='{{ dir_communique ~ communique.fichier }}' target='_blank'>Communiqué</a>{% endif %}
<h5 class='fw-light'>{{ communique.titre|raw }}</h5>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
<section class='content-inner-2 overlay-gradient-dark' style='background-image:url({{ asset('public/image/presentation_daip.png') }});background-size: cover;' data-0='background-position:0px 100px;' data-end='background-position:0px -1200px;'>
<div class='container p-t3 p-b3'>
<div class='row'>
<div class='col-md-8'>
<div class='section-head'>
<h3 class='title m-b15 text-primary mt-5'>Qu'est-ce que la DAIP ?</h3>
<h4 class=' text-white'>Découvrez en trois (3) minutes, la Direction de l'Apprentissage et de l'Insertion Professionnelle.</h4>
</div>
</div>
<div class='col-md-4'>
<div class='video-bx style-1 m-b15'>
<div class='video-btn'>
<a href='https://www.youtube.com/watch?v=lRkUAFFIc6M?autoplay=1&rel=0' class='popup-youtube'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-30 150 500 200'>
<path fill-rule='evenodd' fill='var(--primary)'
d='M408.717,197.623 L106.509,11.043 C84.645,-2.439 58.210,-3.000 35.796,9.543 C13.381,22.084 -0.001,44.926 -0.001,70.642 L-0.001,442.102 C-0.001,480.985 31.279,512.787 69.725,512.998 C69.830,512.998 69.935,512.999 70.038,512.999 C82.052,512.998 94.572,509.226 106.266,502.079 C115.673,496.331 118.646,484.033 112.907,474.613 C107.167,465.190 94.887,462.213 85.483,467.961 C80.013,471.302 74.672,473.031 69.940,473.030 C55.434,472.951 39.903,460.505 39.903,442.103 L39.903,70.643 C39.903,59.611 45.643,49.815 55.257,44.435 C64.872,39.055 76.210,39.295 85.577,45.072 L387.786,231.652 C396.869,237.253 402.067,246.593 402.045,257.277 C402.023,267.960 396.787,277.278 387.654,282.861 L169.156,416.854 C159.758,422.618 156.804,434.920 162.558,444.332 C168.311,453.745 180.595,456.704 189.993,450.940 L408.465,316.963 C429.383,304.182 441.901,281.901 441.951,257.357 C442.001,232.816 429.572,210.483 408.717,197.623 Z'/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 pattern-bg-6 bg-light border-top border'>
<div class='container'>
<div class='section-head text-center'><h4 class='title m-b10'>Sous-Directions</h4></div>
<div class='row justify-content-center'>
<div class='col-lg-4 col-md-6'>
<div class='icon-bx-wraper border right style-1 m-b20'>
<div class='icon-content'>
<h4 class='dz-title m-b15'><a href='{{ path('app_apprentissage_sous_direction') }}'>Developpement de l'Apprentissage</a></h4>
<a class='btn-link effect' href='{{ path('app_apprentissage_sous_direction') }}'>Lire</a>
</div>
<div class='icon-md'><img src='{{ dir_projet ~ 'apprentissage-ico.png' }}' alt=''></div>
</div>
</div>
<div class='col-lg-4 col-md-6'>
<div class='icon-bx-wraper border right style-1 m-b20'>
<div class='icon-content'>
<h4 class='dz-title m-b15'><a href='{{ path('app_fq_sous_direction') }}'>Formation Qualifiante</a></h4>
<a class='btn-link effect' href='{{ path('app_fq_sous_direction') }}'>Lire</a>
</div>
<div class='icon-md'><img src='{{ dir_projet ~ 'formationqualifiante-ico.png' }}' alt=''></div>
</div>
</div>
<div class='col-lg-4 col-md-6'>
<div class='icon-bx-wraper border right style-1 m-b20'>
<div class='icon-content'>
<h4 class='dz-title m-b15'><a href='{{ path('app_insertion_sous_direction') }}'>Insertion professionnelle</a></h4>
<a class='btn-link effect' href='{{ path('app_insertion_sous_direction') }}'>Lire</a>
</div>
<div class='icon-md'>
<img src='{{ dir_projet ~ 'insertion-ico.png' }}' alt=''>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-2 overlay-gradient-dark' style='background-image:url({{ asset('public/image/pic6.png') }}); background-size: cover;' data-0='background-position:0px 100px;' data-end='background-position:0px -1200px;'>
<div class='container p-t3 p-b3'>
<div class='row'>
<div class='col-md-8'>
<div class='section-head'>
<h3 class='title m-b15 text-primary mt-5'>Tout Savoir Sur</h3>
<h4 class='title m-b15 text-white'>L'Apprentissage et l'Insertion Professionnelle en Côte d'Ivoire</h4>
</div>
<p class='text-white m-b30 m-b0'></p>
</div>
<div class='col-md-4'>
<div class='video-bx style-1 m-b15'>
<div class='video-btn'>
<a href='https://www.youtube.com/watch?v=apVIw3Olwug?autoplay=1&rel=0' class='popup-youtube border'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-30 150 500 200'>
<path fill-rule='evenodd' fill='var(--primary)'
d='M408.717,197.623 L106.509,11.043 C84.645,-2.439 58.210,-3.000 35.796,9.543 C13.381,22.084 -0.001,44.926 -0.001,70.642 L-0.001,442.102 C-0.001,480.985 31.279,512.787 69.725,512.998 C69.830,512.998 69.935,512.999 70.038,512.999 C82.052,512.998 94.572,509.226 106.266,502.079 C115.673,496.331 118.646,484.033 112.907,474.613 C107.167,465.190 94.887,462.213 85.483,467.961 C80.013,471.302 74.672,473.031 69.940,473.030 C55.434,472.951 39.903,460.505 39.903,442.103 L39.903,70.643 C39.903,59.611 45.643,49.815 55.257,44.435 C64.872,39.055 76.210,39.295 85.577,45.072 L387.786,231.652 C396.869,237.253 402.067,246.593 402.045,257.277 C402.023,267.960 396.787,277.278 387.654,282.861 L169.156,416.854 C159.758,422.618 156.804,434.920 162.558,444.332 C168.311,453.745 180.595,456.704 189.993,450.940 L408.465,316.963 C429.383,304.182 441.901,281.901 441.951,257.357 C442.001,232.816 429.572,210.483 408.717,197.623 Z'/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 bg-white pattern-bg-2'>
<div class='container'>
<div class='section-head text-center'><h4 class='title m-b10'>Activités Récentes</h4></div>
<div class='swiper-container blog-slider'>
<div class='swiper-wrapper'>
{% for activite in activites %}
<div class='swiper-slide'>
<div class='dz-card style-4 m-b30'>
<div class='dz-media overlay-gradient-dark'><img src='{{ dir_activite ~ activite.code ~ '/' ~ activite.couverture }}'></div>
<div class='dz-info'>
<div class='dz-meta text-secondary'>
<span class='bg-light p-1 rounded me-1'>{{ activite.date|date('d/m/Y') }}</span><span class='bg-light p-1 rounded me-1'>{{ activite.type|capitalize }}</span><span class='bg-light p-1 rounded me-1'>{{ activite.lieu }}</span>
</div>
<div class='d-flex align-items-end height-sm'><h4 class='dz-title'><a href='{{ path('app_activite_show', {'id': activite.id}) }}' class='text-white fw-light'>{{ activite.titre }}</a></h4></div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class='text-center'><a href='{{ path('app_activite_index') }}' class='btn btn-xs btn-secondary'>Tout voir</a></div>
</div>
</section>
<section class='content-inner-2 overlay-black-light' style='background-image:url({{ asset('public/image/pic2.jpg') }}); background-size: cover;' data-0='background-position:0px 100px;' data-end='background-position:0px -1200px;'>
<div class='container p-t3 p-b3'>
<div class='row'>
<div class='col-md-8'>
<div class='section-head'>
<h3 class='title m-b15 text-primary mt-5'>Tout Savoir Sur</h3>
<h4 class='title m-b15 text-white'>L'école de la deuxième chance (E2C)</h4>
</div>
<p class='text-white m-b30 m-b0'></p>
</div>
<div class='col-md-4'>
<div class='video-bx style-1 m-b15'>
<div class='video-btn'>
<a href='https://www.youtube.com/watch?v=SALRLhYSnU0?autoplay=1&rel=0' class='popup-youtube'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-30 150 500 200'>
<path fill-rule='evenodd' fill='var(--primary)'
d='M408.717,197.623 L106.509,11.043 C84.645,-2.439 58.210,-3.000 35.796,9.543 C13.381,22.084 -0.001,44.926 -0.001,70.642 L-0.001,442.102 C-0.001,480.985 31.279,512.787 69.725,512.998 C69.830,512.998 69.935,512.999 70.038,512.999 C82.052,512.998 94.572,509.226 106.266,502.079 C115.673,496.331 118.646,484.033 112.907,474.613 C107.167,465.190 94.887,462.213 85.483,467.961 C80.013,471.302 74.672,473.031 69.940,473.030 C55.434,472.951 39.903,460.505 39.903,442.103 L39.903,70.643 C39.903,59.611 45.643,49.815 55.257,44.435 C64.872,39.055 76.210,39.295 85.577,45.072 L387.786,231.652 C396.869,237.253 402.067,246.593 402.045,257.277 C402.023,267.960 396.787,277.278 387.654,282.861 L169.156,416.854 C159.758,422.618 156.804,434.920 162.558,444.332 C168.311,453.745 180.595,456.704 189.993,450.940 L408.465,316.963 C429.383,304.182 441.901,281.901 441.951,257.357 C442.001,232.816 429.572,210.483 408.717,197.623 Z'/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 mb-0 pattern-bg-5'>
<div class='container'>
<div class='section-head text-center'><h4 class='title m-b10'>Annonces</h4></div>
<div class='swiper-container testimonial-swiper'>
<div class='swiper-wrapper'>
{% for annonce in annonces %}
<div class='swiper-slide'>
<div class='dz-card style-2'>
{% if annonce.nouveau %}<img style='z-index: 2000; position: absolute; width:60px; margin-top:-13px' src='{{ asset('public/web/image/new.png') }}'>{% endif %}
<div class='dz-media'>
<a href='{{ annonce.url ? annonce.url : '#' }}' target='_blank'><img class='border' src='{{ dir_annonce ~ annonce.image }}'></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class='text-center'><a href='{{ path('app_annonce_index') }}' class='btn btn-xs btn-secondary'>Tout voir</a></div>
</div>
</section>
<section class='content-inner-2 overlay-black-light border-top' style='background-image:url({{ asset('public/image/film_institutionnel.png') }});background-size: cover;' data-0='background-position:0px 100px;' data-end='background-position:0px -1200px;'>
<div class='container p-t3 p-b3'>
<div class='row'>
<div class='col-md-8'>
<div class='section-head'>
<h3 class='title m-b15 text-primary mt-5'>Film Institutionnel</h3>
<h4 class=' text-white'>Formation par Apprentissage</h4>
</div>
</div>
<div class='col-md-4'>
<div class='video-bx style-1 m-b15'>
<div class='video-btn'>
<a href='https://www.youtube.com/watch?v=OdSeKeOX8u4?autoplay=1&rel=0' class='popup-youtube'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-30 150 500 200'>
<path fill-rule='evenodd' fill='var(--primary)'
d='M408.717,197.623 L106.509,11.043 C84.645,-2.439 58.210,-3.000 35.796,9.543 C13.381,22.084 -0.001,44.926 -0.001,70.642 L-0.001,442.102 C-0.001,480.985 31.279,512.787 69.725,512.998 C69.830,512.998 69.935,512.999 70.038,512.999 C82.052,512.998 94.572,509.226 106.266,502.079 C115.673,496.331 118.646,484.033 112.907,474.613 C107.167,465.190 94.887,462.213 85.483,467.961 C80.013,471.302 74.672,473.031 69.940,473.030 C55.434,472.951 39.903,460.505 39.903,442.103 L39.903,70.643 C39.903,59.611 45.643,49.815 55.257,44.435 C64.872,39.055 76.210,39.295 85.577,45.072 L387.786,231.652 C396.869,237.253 402.067,246.593 402.045,257.277 C402.023,267.960 396.787,277.278 387.654,282.861 L169.156,416.854 C159.758,422.618 156.804,434.920 162.558,444.332 C168.311,453.745 180.595,456.704 189.993,450.940 L408.465,316.963 C429.383,304.182 441.901,281.901 441.951,257.357 C442.001,232.816 429.572,210.483 408.717,197.623 Z'/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 bg-light'>
<div class='container'>
<div class='row about-bx3'>
<div class='col-md-9'>
<div class='section-head style-1'>
<h2 class='sub-title m-b15'>M. TUO NANGALOUROU</h2>
<p class='text-primary'>Directeur de l'Apprentissage et de l'Insertion Professionnelle</p>
</div>
<p>Chers usagers, C'est avec un réel plaisir que je vous souhaite la chaleureuse bienvenue sur le portail de la Direction de l'Apprentissage et de l'Insertion Professionnelle (DAIP). <br> En tant que Direction chargée de la mise en œuvre de la politique du Ministère en matière d'Apprentissage ...</p>
<a class='btn-link effect' href='javascript:;' id='mot_directeur'>Lire</a>
</div>
<div class='col-md-3 p-l1 m-b30 d-flex justify-content-center align-self-center'>
<div class='dz-media'><img style='max-height: 210px' src='{{ asset('public/image/pic2.png') }}' alt=''></div>
</div>
</div>
</div>
</section>
<section class='half-shape-bottom-w bg-light'>
<div class='container'>
<div class='dz-subscribe style-1 bg-secondary' style='padding: 20px 25px !important;'>
<div class='swiper-container clients-swiper'>
<div class='swiper-wrapper'>
{% for partenaire in partenaires %}
<div class='swiper-slide'>
<div class='clients-logo aos-item' data-aos='fade-in' data-aos-duration='1000' data-aos-delay='100'>
<img class='logo-main' src='{{ dir_partenaire ~ partenaire.url }}' alt=''>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 pattern-bg-5'>
<div class='container'>
<div class='section-head text-center'><h4 class='title m-b10'>Recrutement / Formation</h4></div>
<div class='swiper-btn-center-lr'>
<div class='swiper-container blog-slider'>
<div class='swiper-wrapper'>
{% for projet in projets %}
{% if projet.active != 'MASQUE' %}
<div class='swiper-slide'>
<div class='dz-card border style-4 m-b20'>
<div class='dz-media overlay-gradient-dark'><img src='{{ dir_projet ~ projet.image }}'></div>
<div class='dz-info'>
<div class='dz-meta text-secondary'>
<span class='bg-light p-1 rounded me-1'>{{ projet.type }}</span></span>
</div>
<div class='d-flex align-items-end height-sm'><h5 class='dz-title'><a href='{{ projet.url }}' class='text-white' target='_blank'>{{ projet.titre }}</a></h5></div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class='text-center'><a href='{{ path('app_projet_index') }}' class='btn btn-xs btn-secondary'>Tout voir</a></div>
</div>
</section>
<section class='content-inner-3 overlay-gradient-dark border-bottom border-grey' style='background-image:url({{ asset('public/image/pic9.png') }}); background-size: cover;' data-0='background-position:0px 100px;' data-end='background-position:0px -1200px;'>
<div class='container p-t3 p-b3'>
<div class='row'>
<div class='col-md-8'>
<div class='section-head'>
<h3 class='title m-b15 text-primary mt-5'>Reportage</h3>
<h4 class='title m-b15 text-white'>NCI Reportages | École de la seconde chance : l’espoir des exclus de l’éducation</h4>
</div>
<p class='text-white m-b30 m-b0'></p>
</div>
<div class='col-md-4'>
<div class='video-bx style-1 m-b15'>
<div class='video-btn'>
<a href='https://www.youtube.com/watch?v=yiDpXldxAjs?autoplay=1&rel=0' class='popup-youtube'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-30 150 500 200'>
<path fill-rule='evenodd' fill='var(--primary)'
d='M408.717,197.623 L106.509,11.043 C84.645,-2.439 58.210,-3.000 35.796,9.543 C13.381,22.084 -0.001,44.926 -0.001,70.642 L-0.001,442.102 C-0.001,480.985 31.279,512.787 69.725,512.998 C69.830,512.998 69.935,512.999 70.038,512.999 C82.052,512.998 94.572,509.226 106.266,502.079 C115.673,496.331 118.646,484.033 112.907,474.613 C107.167,465.190 94.887,462.213 85.483,467.961 C80.013,471.302 74.672,473.031 69.940,473.030 C55.434,472.951 39.903,460.505 39.903,442.103 L39.903,70.643 C39.903,59.611 45.643,49.815 55.257,44.435 C64.872,39.055 76.210,39.295 85.577,45.072 L387.786,231.652 C396.869,237.253 402.067,246.593 402.045,257.277 C402.023,267.960 396.787,277.278 387.654,282.861 L169.156,416.854 C159.758,422.618 156.804,434.920 162.558,444.332 C168.311,453.745 180.595,456.704 189.993,450.940 L408.465,316.963 C429.383,304.182 441.901,281.901 441.951,257.357 C442.001,232.816 429.572,210.483 408.717,197.623 Z'/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-inner-3 mb-0 pattern-bg-5'>
<div class='container'>
<div class='section-head text-center'><h4 class='title m-b10'>Videos</h4></div>
<div class='row m-t20'>
{% for video in videos %}
<div class='col-md-4'>
<div class='dz-box style-1'>
<div class='dz-media height-sm video-bx style-2 overlay-gradient-light'>
<a class='border' href='#'><img src='{{ video.couverture ? dir_video ~ video.couverture : asset('public/web/image/background/black.png') }}' alt=''></a>
<div class='video-btn'>
<a href='{{ video.url }}' class='popup-youtube'><i class='fa fa-play'></i></a>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class='text-center'><a target='_blank' href='https://www.youtube.com/channel/UCpzL2618RoQtoMTuywLz_aA' class='btn btn-xs btn-secondary'>Tout voir</a></div>
</div>
</section>
<div class='modal fade' id='modal_mot_ministre' tabindex='-1' aria-labelledby='exampleModalLabel' aria-hidden='true'>
<div class='modal-dialog modal-xl'>
<div class='modal-content rounded-0'>
<div class='modal-header'>
<h5 class='modal-title' id='exampleModalLabel'>MOT DU MINISTRE</h5>
<button type='button' class='btn-close' data-bs-dismiss='modal' aria-label='Close'></button>
</div>
<div class='modal-body'>
<div class='row'>
<div class='col p-4 d-flex flex-column'>
<p class='m-b1'>
La formation professionnelle et technique dont l’objectif est de former les jeunes aux métiers en vue de réduire le taux des diplômés sans emploi fait partie des défis majeurs du Gouvernement.<br>
Le Président de la République, Son Excellence Monsieur Alassane Ouattara dans son discours du 14 décembre 2020 a émis, sur ce sujet, une vision claire:
</p>
<h6 class='m-b2'>“ Nous veillerons à ce que la transformation structurelle de notre économie soit créatrice de plus d’emplois pour nos jeunes diplômés. Nous allons multiplier, sur l’étendue du territoire national, les Centres de formation professionnelle afin d’offrir une seconde chance à nos jeunes sortis trop tôt du système scolaire, mais désireux d’apprendre un métier ou de se diriger vers l’auto-emploi. ”</h6>
<p class='m-b1'>
En nous inscrivant dans cette vision de la plus haute autorité de notre pays, nous allons, ensemble Repenser et revaloriser l’enseignement technique, la formation professionnelle et déployer l’apprentissage pour relever le défi de l’employabilité.<br>
Ce faisant, “ nous réussirons à repositionner l’image de l’enseignement technique et la formation professionnelle auprès de nos concitoyens ”.
</p>
<p class='m-b1'>Dans cette dynamique, les actions d’information et de communication sont d’un intérêt certain. C’est pourquoi, le nouveau site web <a href='https://formation-professionnelle.gouv.ci/'>formation-professionnelle.gouv.ci</a> est mis à votre disposition pour servir de courroie entre le Ministère, ses partenaires ainsi que tous les usagers. Vous y trouverez des rubriques variées pour répondre à vos préoccupations.</p>
<p class='m-b1'>En définitive, il s’agit de mettre à la disposition de la Côte d’Ivoire, une main d’œuvre compétente et compétitive, répondant aux besoins des secteurs économiques.</p>
</div>
</div>
</div>
<div class='modal-footer'></div>
</div>
</div>
</div>
<div class='modal fade' id='modal_mot_directeur' tabindex='-1' aria-labelledby='exampleModalLabel' aria-hidden='true'>
<div class='modal-dialog modal-xl'>
<div class='modal-content rounded-0'>
<div class='modal-header'>
<h5 class='modal-title' id='exampleModalLabel'>MOT DU DIRECTEUR</h5>
<button type='button' class='btn-close' data-bs-dismiss='modal' aria-label='Close'></button>
</div>
<div class='modal-body'>
<div class='row'>
<div class='col p-4 d-flex flex-column'>
<p class='m-b1'>Chers usagers,</p>
<h6 class='m-b2'>“ C'est avec un réel plaisir que je vous souhaite la chaleureuse bienvenue sur le portail de la Direction de l'Apprentissage et de l'Insertion Professionnelle (DAIP). ”</h6>
<p class='m-b1'>
En tant que Direction chargée de la mise en œuvre de la politique du Ministère en matière d'Apprentissage et d'Insertion des diplômés des établissements de formation professionnelle, notre souci est de rendre cet organisme performant, dans une action administrative de bonne gouvernance.<br>
C'est dans ce cadre que nous utilisons cet outil de communication, qui occupe une place importante dans l'amélioration de ses performances.
</p>
<p class='m-b1'>Aussi, convient-il de rappeler que cet outil aidera à l'amélioration des conditions d'un partenariat dynamique entre vous et nous tout en optimisant la gestion de l'Apprentissage et de l'Insertion des diplômés.</p>
</div>
</div>
</div>
<div class='modal-footer'></div>
</div>
</div>
</div>
<!--div class='modal fade' id='modal_actu' tabindex='-1' aria-labelledby='exampleModalLabel' aria-hidden='false'>
<div class='modal-dialog modal-lg modal-dialog-centered'>
<div class='modal-content rounded-0'>
<div class='modal-header p-2'>
<b class=''><i class='fa fa-exclamation-circle'></i> COMMUNIQUE</b><button type='button' class='btn-close' data-bs-dismiss='modal' aria-label='Close'></button>
</div>
<div class='modal-body text-center'>
<div class=''>
<a href='https://daip.ci/lemetier-recrutement-aide-a-la-personne/public/convocation'>
<img style='max-height: 460px; text-align: center' src=''>
</a>
<p class='text-center bt-0'>
<a href='https://daip.ci/lemetier-recrutement-aide-a-la-personne/public/convocation' class='btn btn-primary btn-xs' target='_blank'>Cliquez Ici</a>
</p>
</div>
{#<!div class='pt-1 bg-light'>
<video style='width: 100%; max-height: 330px; text-align: center' id='video' autoplay controls muted>
<source src="{{ asset('public/media/cqm2024.mp4') }}" type="video/mp4">
Your browser does not support HTML video.
</video>
</div>#}
</div>
<!--div class='modal-footer text-center d-flex justify-content-center p-2'>
</div-->
<!--/div>
</div>
</div-->
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$( document ).ready(function() {
$('#modal_actu').modal('show');
//$('#modal_actu').on('hidden.bs.modal', function () { document.getElementById('video').pause(); });
$('#mot_ministre').click(function(){ $('#modal_mot_ministre').modal('show'); });
$('#mot_directeur').click(function(){ $('#modal_mot_directeur').modal('show'); });
});
</script>
{% endblock %}