@extends('layout.master')
@section('serviceactive', 'active')
@section('content')
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="template/assets/img/breadcumb/bg.jpg">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Nos services</h1>
                <div class="breadcumb-menu-wrapper">
                    <ul class="breadcumb-menu">
                        <li><a href="{{url('/')}}">Accueil</a></li>
                        <li>Nos services</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="service-sec space" id="service-sec">
        <div class="container">
            <div class="row ser-gy-4">

                <div class="col-md-6 col-lg-6 col-xl-4">
                    <div class="service-box">
                        <div class="service-box_img">
                            <img src="template/assets/img/service/1.jpg" alt="Service">
                        </div>
                        <div class="service-box_content" data-bg-src="template/assets/img/service/pattern_1_1.svg">
                            <div class="service-box_icon"><img src="template/assets/img/icon/service_3_3.svg" alt=""></div>
                            <h3 class="service-box_title"><a href="javascript:void(0)">Manutention</a></h3>
                            <p class="service-box_text">Notre service de manutention offre une solution efficace...</p>
                            <a href="javascript:void(0)" class="line-btn">Lire la suite<i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-xl-4">
                    <div class="service-box">
                        <div class="service-box_img">
                            <img src="template/assets/img/service/2.jpg" alt="Service">
                        </div>
                        <div class="service-box_content" data-bg-src="template/assets/img/service/pattern_1_1.svg">
                            <div class="service-box_icon"><img src="template/assets/img/icon/service_3_3.svg" alt=""></div>
                            <h3 class="service-box_title"><a href="javascript:void(0)">Consignation de marchandises</a></h3>
                            <p class="service-box_text">Nous gérons efficacement le stockage et la gestion ...</p>
                            <a href="javascript:void(0)" class="line-btn">Lire la suite<i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-xl-4">
                    <div class="service-box">
                        <div class="service-box_img">
                            <img src="template/assets/img/service/3.jpg" alt="Service">
                        </div>
                        <div class="service-box_content" data-bg-src="template/assets/img/service/pattern_1_1.svg">
                            <div class="service-box_icon"><img src="template/assets/img/icon/service_3_3.svg" alt=""></div>
                            <h3 class="service-box_title"><a href="javascript:void(0)">Transit Maritime, Terrestre et Aérien</a></h3>
                            <p class="service-box_text">En tant que partenaire logistique de confiance, nous proposons</p>
                            <a href="javascript:void(0)" class="line-btn">Lire la suite<i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-xl-4">
                    <div class="service-box">
                        <div class="service-box_img">
                            <img src="template/assets/img/service/4.jpg" alt="Service">
                        </div>
                        <div class="service-box_content" data-bg-src="template/assets/img/service/pattern_1_1.svg">
                            <div class="service-box_icon"><img src="template/assets/img/icon/service_3_3.svg" alt=""></div>
                            <h3 class="service-box_title"><a href="javascript:void(0)">Import-Export</a></h3>
                            <p class="service-box_text">Nous simplifions le commerce international ...</p>
                            <a href="javascript:void(0)" class="line-btn">Lire la suite<i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <div class="bg-bottom-center">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-xxl-6">
                    <div class="title-area mb-30">
                        <span class="sub-title">
                        <h2 class="sec-title">Autres services</h2>
                    </div>
                    <p style="text-align: justify;">
                    Parallèlement, <strong>GROUP TRINITAS INTERNATIONAL (G.T.I)</strong> intervient 
                    également dans l’accompagnement des entreprises étrangères, en matière de 
                    représentation commerciale, en leurs offrants des services de recherche de 
                    clientèle, le suivi de leurs cargaisons, l’entreposage, la gestion des formalités 
                    administratives et douanières des importations et exportations, quel que soit le 
                    mode de transport retenu. </p>
                </div>
                <div class="col-xl-6 col-xxl-6">
                    <div class="img-box3 style2">
                        <div class="img1">
                            <img src="{{asset('template/assets/img/service.png')}}" style="width: 400px;" alt="About">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection