@extends('layouts.app')
<style>

</style>
@section('content')

    <div style="background: #eb5d1e" class="jumbotron  text-center justify-content-center align-items-center mb-0">
        <div class="container">
            <span class="page-header">{{__('about.À Propos')}}</span>
        </div>
    </div>
    <div  class="d-flex" style="
    background: linear-gradient(180deg, #EBEDFA 50%, #F6F7F9 50%);height: 612px;" >

        <div style="background: #ffffff" class="container justify-content-center align-self-center">
            <p style="padding: 20px 70px;">
                        {{__('about.IRCHAD est une solution digitale dédiée à l’entreprenariat, afin de créer votre entreprise en suivant un parcours intuitif et ergonomique,étape par étape. Il a été initié par l’association provinciale d’appui des activités de proximité (APAAP) de Nador , afin de viabiliser les projets appuyés par l’INDH, dans le cadre du 3ème programme initié par l’INDH, « ARIEJ Amélioration du Revenu et Inclusion Économique des Jeunes ».')}}
            </p>
        </div>
    </div>



    <div class="container" >
        <div class="row">
            <div class="mb-4 col-md-3  ">
                <div class=""   >
                    <img src="images/front-office/Ameliorer.svg" width="100">
                    <p class="first-bold">{{__('about.Améliorer l’orientation des porteurs de projets surtout via le digital')}}</p>
                </div>
            </div>
            <div class="mb-4 col-md-3 ">
                <div class="">
                    <img src="images/front-office/Resoudre.svg" width="100">      <div class="  ">

                        <p class="first-bold"> {{__('about.Faciliter l’intégration des jeunes dans le tissu économique de la province')}}</p>
                    </div>
                </div>

            </div>
            <div class="mb-4 col-md-3 ">
                <div class=""   >
                    <img src="images/front-office/Faciliter.svg" width="100">
                    <div class="">

                        <p class="first-bold">{{__('about.Assurer une meilleure coordination des offres d\'accompagnement à tous les stades de création de l’entreprise')}}</p>
                    </div>
                </div>

            </div>
            <div class="mb-4 col-md-3  ">
                <div class="" >
                    <img src="images/front-office/Assurer.svg" width="100">
                    <div class="">

                        <p class="first-bold">{{__('about.Résoudre les problématiques économiques et sociales de la province')}}</p>
                    </div>
                </div>

            </div>
        </div>
        <h3 class="mb-5">{{__('header.Lien utiles')}}</h3>
        <div class="row text-center">
            <div class="mb-4 col-md-3  ">
                <div class="">
                    <a href="https://www.daralmoukawil.com/">
                    <img src="https://daralmoukawil.com/_next/image?url=%2Fimages%2Flogos%2Fdam-logo.png&w=640&q=80" width="200">
{{--                    <p class="first-bold">{{__('about.Améliorer l’orientation des porteurs de projets surtout via le digital')}}</p>--}}
</a> </div>
            </div>
            <div class="mb-4 col-md-3 ">
                <div class="">
                    <a href="https://www.almoukawala.gov.ma/">
                    <img src="https://www.almoukawala.gov.ma/_layouts/15/GIZ.Portail/FR/img/logo-new.png" width="250">      <div class="  ">
                        </a>
{{--                        <p class="first-bold"> {{__('about.Faciliter l’intégration des jeunes dans le tissu économique de la province')}}</p>--}}
                    </div>
                </div>

            </div>
            <div class="mb-4 col-md-3 ">
                <div class=""   >
                    <a href="http://anapec.org/">
                        <img src="http://anapec.org/sigec-app-rv/img/img_new/logo_anapec.png">

                    </a>
                    <div class="">

{{--                        <p class="first-bold">{{__('about.Assurer une meilleure coordination des offres d\'accompagnement à tous les stades de création de l’entreprise')}}</p>--}}
                    </div>
                </div>

            </div>
            <div class="mb-4 col-md-3  ">
                <div class="" >
                    <a href="https://www.ofppt.ma/">
                        <img src="https://www.ofppt.ma/themes/custom/ofppt/assets/images/logo.png" width="100">
                    </a>
                    <div class="">

{{--                        <p class="first-bold">{{__('about.Résoudre les problématiques économiques et sociales de la province')}}</p>--}}
                    </div>
                </div>

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




@endsection
@section('custom-js')

<script>
    $(".first-bold").html(function(){
        var text= $(this).text().trim().split(" ");
        var first = text.shift();
        return (text.length > 0 ? "<span class='blue-text'>"+ first + "</span> " : first) + text.join(" ");
    });
</script>
@endsection