@extends('layouts.master')
@section('aboutactive', 'active')
@section('content')

<!--Start Page Header-->
<section class="page-header">
    <div class="page-header__bg" style="background-image: url({{url('template/assets/img/background/page-header-bg.jpg')}})">
    </div>
    <div class="container">
        <div class="page-header__inner text-center">
            <h2>A propos</h2>
            <ul class="thm-breadcrumb">
                <li><a href="{{url('/')}}">Accueil</a></li>
                <li><span class="icon-right-arrow-5"></span></li>
                <li>A propos</li>
            </ul>
        </div>
    </div> 
</section>
<!--End Page Header-->

<!--Start About Two -->
<section class="about-two">
    <div class="shape1 float-bob-x"><img src="template/assets/img/shape/about-v2-shape1.png" alt=""></div>
    <div class="container">
        <div class="row">
            <!--Start About Two Img-->
            <div class="col-xl-6">
                <div class="about-two__img">
                    <!-- <div class="about-two__experience-box text-center wow fadeInLeft" data-wow-delay="0ms"
                        data-wow-duration="1500ms">
                        <div class="about-two__experience-box-bg"
                            style="background-image: url(template/assets/img/about/about-v2-img2-.jpg);"></div>
                        <div class="inner">
                            <h2 class="count"><span class="odometer" data-count="30"></span><span
                                    class="plus">+</span>
                            </h2>
                            <div class="text">
                                <p>Year of <br>
                                    Experience</p>
                            </div>
                        </div>
                    </div> -->
                    <div class="about-two__img1">
                        <img src="{{url('template/assets/img/about/divine.jpeg')}}" alt="">
                    </div>

                    
                </div>
            </div>
            <!--End About Two Img-->

            <!--Start About Two Content-->
            <div class="col-xl-6">
                <div class="about-two__content">
                    <div class="sec-title-two">
                        <div class="sub-title">
                            <h5>A propos de nous</h5>
                        </div>
                        <h2>Qui sommes nous ?</h2>
                    </div>

                    <div class="about-two__content-text">
                        <p style="text-align: justify;">
                            Bienvenue chez Divine Marine, votre partenaire de confiance au Togo pour tous vos besoins en expertise maritime. Nous sommes membre de Gafta International Londres sous le numéro 1292800 Superintendant. Divine Marine garanti une prestation de qualité dans les domaines suivantes :
                        </p>
                    </div>

                    <div class="about-two__content-list">
                        <ul>
                            <li>
                                <div class="icon-box">
                                    <span class="icon-check-marked-1"></span>
                                </div>
                                <p>Surveillance des opérations d'empotate et dépotage</p>
                            </li>

                            <li>
                                <div class="icon-box">
                                    <span class="icon-check-marked-1"></span>
                                </div>
                                <p>Échantillonnage des produits tropicaux</p>
                            </li>
                            <li>
                                <div class="icon-box">
                                    <span class="icon-check-marked-1"></span>
                                </div>
                                <p>Inspection des conteneurs</p>
                            </li>
                            <li>
                                <div class="icon-box">
                                    <span class="icon-check-marked-1"></span>
                                </div>
                                <p>Gestion de stock en magasin</p>
                            </li>
                            <li>
                                <div class="icon-box">
                                    <span class="icon-check-marked-1"></span>
                                </div>
                                <p>Contrôle et pointage au déchargement</p>
                            </li>
                            <li>
                                <div class="icon-box">
                                    <span class="icon-check-marked-1"></span>
                                </div>
                                <p>Expertise maritime et terrestre</p>
                            </li>
                        </ul>
                    </div>

                    <div class="about-two__content-list">
                        <h2>Pourquoi nous Choisir ?</h2>
                        <p style="text-align: justify;">
                            Nous nous engageons à fournir des services de qualité supérieure grâce à notre équipe professionnelle et expérimentée et à notre adhésion aux standards internationaux.
                        </p>
                    </div>

                    
                </div>
            </div>
            <!--End About Two Content-->
        </div>
    </div>
</section>
<!--End About Two -->
<!--Start Team Two-->
<section class="team-two">
    <div class="team-two__bg" style="background-image: url(template/assets/img/background/team-v2-bg.jpg);"></div>
    <div class="container">
        <div class="sec-title-two">
            <h2>Découvrez notre équipe</h2>
        </div>

        <div class="swiper-container team-two__slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <!--Start Team Two Single-->
                    <div class="team-two__single">
                        <!-- <div class="team-two__single-bg"
                            style="background-image: url(template/assets/img/team/team-v2-single-bg1.jpg);"></div> -->
                        <div class="team-two__single-img">
                            <div class="inner">
                                <img src="template/assets/img/team/ppp1.jpg" alt="">
                                <div class="social-links">
                                    <a href="#" class="lin"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__single-content text-center">
                            <h3><a href="team-details.html">Directrice Générale</a></h3>
                            <!-- <p>Poste</p> -->
                        </div>

                        <!-- <div class="team-two__single-number">
                            <ul class="team-two__single-number-box clearfix">
                                <li class="icon-box"><a href="#"><span class="icon-out-call"></span></a>

                                    <ul class="team-two__single-number-text">
                                        <li>
                                            <p><a href="tel:22892640566">+228 92 64 05 66</a></p>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div> -->
                    </div>
                    <!--End Team Two Single-->
                </div>

                <div class="swiper-slide">
                    <!--Start Team Two Single-->
                    <div class="team-two__single">
                        
                        <div class="team-two__single-img">
                            <div class="inner">
                                <img src="template/assets/img/team/ppp2.jpg" alt="">
                                <div class="social-links">
                                    <a href="#" class="lin"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__single-content text-center">
                            <h3><a href="team-details.html">Responsable qualité</a></h3>
                            <!-- <p>Post</p> -->
                        </div>

                        
                    </div>
                    <!--End Team Two Single-->
                </div>

                <div class="swiper-slide">
                    <!--Start Team Two Single-->
                    <div class="team-two__single">
                        
                        <div class="team-two__single-img">
                            <div class="inner">
                                <img src="template/assets/img/team/ppp3.jpg" alt="">
                                <div class="social-links">
                                    <a href="#" class="lin"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__single-content text-center">
                            <h3><a href="team-details.html">Inspecteur</a></h3>
                            <!-- <p>Poste</p> -->
                        </div>

                        
                    </div>
                    <!--End Team Two Single-->
                </div>
                <div class="swiper-slide">
                    <!--Start Team Two Single-->
                    <div class="team-two__single">
                        
                        <div class="team-two__single-img">
                            <div class="inner">
                                <img src="template/assets/img/team/ppp4.jpg" alt="">
                                <div class="social-links">
                                    <a href="#" class="lin"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__single-content text-center">
                            <h3><a href="team-details.html">Inspecteur</a></h3>
                            <!-- <p>Poste</p> -->
                        </div>

                        
                    </div>
                    <!--End Team Two Single-->
                </div>
                <div class="swiper-slide">
                    <!--Start Team Two Single-->
                    <div class="team-two__single">
                        
                        <div class="team-two__single-img">
                            <div class="inner">
                                <img src="template/assets/img/team/ppp5.jpg" alt="">
                                <div class="social-links">
                                    <a href="#" class="lin"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__single-content text-center">
                            <h3><a href="team-details.html">Inspecteur</a></h3>
                            <!-- <p>Poste</p> -->
                        </div>

                        
                    </div>
                    <!--End Team Two Single-->
                </div>
                <div class="swiper-slide">
                    <!--Start Team Two Single-->
                    <div class="team-two__single">
                        
                        <div class="team-two__single-img">
                            <div class="inner">
                                <img src="template/assets/img/team/ppp6.jpg" alt="">
                                <div class="social-links">
                                    <a href="#" class="lin"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__single-content text-center">
                            <h3><a href="team-details.html">Secrétaire</a></h3>
                            <!-- <p>Poste</p> -->
                        </div>

                        
                    </div>
                    <!--End Team Two Single-->
                </div>
            </div>
        </div>
        <!-- If we need navigation buttons -->
        <!-- If we need navigation buttons -->
        <div class="team-two__wrap">
            <div class="swiper-counter">
                <div id="current4">1</div>
                <div id="total4"></div>
            </div>
        </div>

        <div class="swiper-nav-style1">
            <div class="swiper-button-prev" id="team-two__swiper-button-next">
                <i class="icon-left-arrow-5" aria-hidden="true"></i>
            </div>
            <div class="swiper-button-next" id="team-two__swiper-button-prev">
                <i class="icon-right-arrow-5" aria-hidden="true"></i>
            </div>
        </div>

        <div class="team-two__bottom">
            <div class="text-box">
                <p>Voulez vous intégrer notre équipe</p>
            </div>

            <div class="btn-box">
                <a class="thm-btn" href="#">
                    <span class="txt">Ecrivez nous</span> <i class="icon-right-arrow"></i>
                </a>
            </div>
        </div>
    </div>
</section>
<!--End Team Two-->

@endsection