challenges

4 years ago · 7e6cf6eb36
4 changed files with 25 additions and 1 deletions
--- a/dist/assets/img/drawable-xxxhdpi/video_poster.png
+++ b/dist/assets/img/drawable-xxxhdpi/video_poster.png
--- a/dist/assets/svg/DroneurIvoiriens.svg
+++ b/dist/assets/svg/DroneurIvoiriens.svg
--- a/dist/assets/svg/play_icon.svg
+++ b/dist/assets/svg/play_icon.svg
--- a/index.html
+++ b/index.html
@ -97,8 +97,32 @@
 <body class="bg-gray-100">
    <!-- Challenge section -->
    <section class="relative py-20">
        <div class="mx-auto md:w-11/12 lg:w-10/12 xl:w-9/12 2xl:w-8/12">
            <h2 class="text-7xl font-bold text-neutral-300 tracking-widest">CHALLENGES</h2>
            <img class="w-96 ml-auto -mt-28 -mb-32" src="/dist/assets/svg/drone_outline.svg" alt="">
            <!--  -->
            <div class="flex items-center">
                <div class="relative w-1/2 md:ml-10">
                    <img src="dist/assets/img/drawable-xxxhdpi/video_poster.png" alt="">
                    <img class="w-32 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
                        src="dist/assets/svg/play_icon.svg" alt="">
                </div>
                <div class="w-1/2 bg-white p-7 z-10 -ml-32 shadow-md">
                    <h6 class="font-medium leading-tight mb-2 text-lg">Plus de 95% des investisseurs en agriculture perdent leur argent.</h6>
-    <section class="relative pb-72">
+                    <p class="text-slate-600 leading-tight text-sm">Cetter perte est due à des agus de confiance, un manque de visibilité du domaine agricole et un manque de performance des actueurs du secteur. 
                        <a href="" class="text-teal-500 hover:text-teal-700">JooL International </a>
                        vous propose une palette de produits et solutions afin de relever ce <a href="" class="text-teal-500 hover:text-teal-700">challenge</a>.
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- Pourquoi nous section -->
    <section class="relative pb-64">
        <div class="mx-auto md:w-11/12 lg:w-10/12 xl:w-9/12 2xl:w-8/12">
            <div class="text-center py-10 relative">
                <h2 class="text-7xl font-bold text-neutral-300 tracking-widest -z-10 -mb-10">POURQUOI &nbsp; NOUS ?</h2>