@extends('layouts.master')
@section ('content')

<!-- Start of Breadcrumbs  section
    ============================================= -->
    <section id="ori-breadcrumbs" class="ori-breadcrumbs-section position-relative" data-background="{{url('template/assets/img/bg/bread-bg.png')}}">
        <div class="container">
            <div class="ori-breadcrumb-content text-center ul-li">
                <h1 style="color: #724b2c;">Nos réalisations</h1>
                <ul>
                    <li><a href="{{url('/')}}" style="color: #333333 !important;">Accueil</a></li>
                    <li style="color: #333333 !important;">Nos réalisations</li>
                </ul>
            </div>
        </div>
        
    </section>  
<!-- End of Breadcrumbs section
    ============================================= -->

    <!-- Start of Portfolio  section
        ============================================= -->   
        <section id="ori-portfolio-feed" class="ori-portfolio-feed-section position-relative">
            <div class="container">
                <div class="ori-portfolio-filter-btn ul-li text-center">
                    <ul id="filters" class="nav-gallery">
                        <li class="filtr-button filtr-active" data-filter="all">Tout</li>
                        <li class="filtr-button" data-filter="1">Marketplatces</li>
                        <li class="filtr-button" data-filter="2">Logiciels</li>
                        <li class="filtr-button" data-filter="3">Sites Web réalisés</li>
                    </ul>
                </div>
                <div class="ori-portfolio-feed-item-wrapper filtr-container row">
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="1" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/profarmer.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a target="_target" href="https://www.africaprofarmer.com/">Marketpalce - Profarmer</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://www.africaprofarmer.com/">Visiter</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="3" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/logex.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://www.marine-intelligency.com/">Site web - Marine Intelligency</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://www.marine-intelligency.com">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="1" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/kesinonu.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://www.kesinonu.com/">Marketplace - Kesinonu</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://www.kesinonu.com/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="1" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/yesokaz.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://www.yesokaz.com/">Marketplace - YESOKAZ</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://www.yesokaz.com/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="3" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/pal.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://www.togo-port.net/">Site WEB - Port Autonome de Lomé</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://www.togo-port.net/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="3" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/bfconseil.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://www.bfconseil.com/">Site WEB - BF CONSEIL</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://www.bfconseil.com/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="2" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/kilicrm.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://kilicrm.logexcloud.com/">Logiciel - Kili CRM</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://kilicrm.logexcloud.com/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="3" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/betabtp.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://.betabtp.com/">Site web - BETA BTP</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://.betabtp.com/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 filtr-item" data-category="3" data-sort="Busy streets">
                        <div class="ori-portfolio-item position-relative">
                            <div class="portfolio-img">
                                <img src="{{('template/assets/img/portfolio/groupegato.png')}}" alt="">
                            </div>
                            <div class="portfolio-text">
                                <span class="port-category text-uppercase"><a href="https://.groupegato.com/">Site web - groupe GATO</a></span>
                                <br>
                                <a target="_target" class="btn" style="background-color: var(--base-color-1); color: #ffffff;" href="https://.groupegato.com/">Visiter</a>
                                
                            </div>
                        </div>
                    </div>
                    
                </div>
                <!-- <div  class="ori-portfolio-more-btn text-center">
                    <div class="ori-btn-1 text-uppercase">
                        <a href="#">load more projects</a>
                    </div>
                </div> -->
            </div>
            
        </section>
    <!-- End of Portfolio  section
        ============================================= -->   

  

        



    


@endsection