@extends('users/layout/master')
@section('users_content')
@section('miactive','active')
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="template/images/bg/bg4.jpg" style="background-image: url('template/images/bg/universite.jpg'); background-position: 50% 97px; height: 350px;">
      <div class="container pt-70 pb-20">
        <!-- Section Content -->
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
              <h2 class="title text-white">Missions</h2>
              <ol class="breadcrumb text-left text-black mt-10">
                <li><a href="{{('/')}}">Accueil</a></li>
              </ol>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="">
      <div class="container">
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
              <h2 class="text-uppercase font-weight-600 mt-0 font-28 line-bottom">Missions</h2>
              <!-- <h3>Construit autour d’une vision forte, trois  missions :</h3> -->
         <div class="row mtli-row-clearfix">
          <!-- <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="pe-7s-vector"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Assurer la qualité de la formation par la mise à  disposition des ressources nécessaires et innovantes.</h6>
              </div>
            </div>    
          </div> -->
          <!-- <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="pe-7s-phone"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Former les apprenants dans les filières porteuses facilitant une insertion socio professionnelle<br></br></h6>
              </div>
            </div>    
          </div> -->
         <!--  <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="pe-7s-light"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Créer des activités génératrices de revenu et des mécanismes facilitant l’atteinte de l’auto financièrement de l’institut</h6>
              </div>
            </div>    
          </div> -->
          <p>Bonita Haus vous garantit :</p>
          {{-- 
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Assurer un accès facile à la formation professionnelle aux jeunes étudiants</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5"> Former les apprenants dans les filières porteuses pour faciliter l’insertion socio professionnelle</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Assurer la qualité de la formation par la mise à disposition des ressources nécessaires et innovantes</h6>
              </div>
            </div>    
          </div>
          --}}

          <style type="text/css">
            .icon-box-details {
              height: 100px !important;
              overflow: hidden !important;
            }
          </style>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Une offre de formation élargie ciblée en adéquation avec les besoins du marché de l’emploi</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Des diplômes directement en prise sur les besoins de marché</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Un cadre de formation performant selon les normes européennes et anglo-saxonnes </h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Un équipement et un outil moderne de formation</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Une variété de ressources pédagogiques dont une médiathèque et une connexion internet haut débit</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Un important investissement en formation des formateurs</h6>
              </div>
            </div>    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6">
            <div class="icon-box iconbox-theme-colored bg-white p-15 mb-30 border-1px">
              <a class="icon icon-dark border-left-theme-color-2-3px pull-left flip mb-0 mr-0 mt-5" href="javascript:void(0)">
                <i class="fa fa-list"></i>
              </a>
              <div class="icon-box-details">
                <h6 class="icon-box-title font-16 font-weight-600 m-0 mb-5">Une assistance en fin de formation pour le stage et l’emploi auprès de nos partenaires.</h6>
              </div>
            </div>    
          </div>

        </div>
        <!-- <h3 style="font-weight: bold;">Objectif général:</h3>

        <h4 style="text-align: justify;">Insuffler une nouvelle dynamique en matière de formation professionnelle et technique pour mieux répondre aux besoins du marché  de l’emploi et de l’entrepreneuriat.
        </h4>

        <h3 style="font-weight: bold;">Objectifs Spécifiques:</h3>
        <h4>
        <ul>
          <li>- Offrir des formations techniques de qualité  adaptées aux besoins du marché de l’emploi;</li>
          <li>- Développer un site technopole/agro-écologique de formation de référence au Togo ;</li>
          <li>- Nouer des relations partenariales avec d’autres établissements et avec des entreprises sur le plan national et international.</li>
         
        </ul> -->
       </h4>
              <!-- <a class="btn btn-theme-colored btn-flat btn-lg mt-10 mb-sm-30" href="javascript:void(0)">Nous contacter →</a> -->
            </div>
          </div>
        </div>
      </div>
    </section>

    <style type="text/css">
    .img-contour1 {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px #cccccc;
     }

    .text-about {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px #cccccc;
     }
    </style>
@endsection