<t name="Homepage" t-name="website.homepage">
    <t t-call="website.layout">
        <t t-set="pageName" t-value="'homepage'"/>
        <div id="wrap" class="oe_structure"><section class="s_carousel_wrapper p-0" data-vxml="001" data-vcss="001" data-preview-interaction-enabled="true" data-snippet="s_carousel" data-name="Carrousel">
        <div class="s_carousel s_carousel_default carousel slide s_carousel_boxed o_colored_level s_parallax_no_overflow_hidden carousel-dark" data-bs-ride="true" data-bs-interval="10000" id="myCarousel1753301316000" data-scroll-background-ratio="0">
            
            <div class="carousel-inner">
                
                <div class="carousel-item o_cc o_cc5 pt152 o_colored_level s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center o_bg_img_origin_border_box pb256 active" style="background-image: url(&quot;/web/image/1072-f00fe821/IMAGE%20SOCOF%202.webp&quot;);" data-name="Slide" data-scroll-background-ratio="0" data-attachment-id="1070" data-format-mimetype="image/webp" data-original-id="1070" data-original-src="/web/image/1070-f00fe821/IMAGE%20SOCOF%202.webp" data-mimetype-before-conversion="image/webp" data-resize-width="474" data-mimetype="image/webp">
                    
                    <div class="oe_unremovable container-fluid">
                        <div class="row">
                            <div class="carousel-content col-lg-6 o_colored_level s_parallax_no_overflow_hidden" data-scroll-background-ratio="0">
                                <h2 class="display-3-fs"><br/></h2>
                                <p class="lead">Utilisez ce snippet pour présenter votre contenu dans un format semblable à un diaporama. N'écrivez pas à propos de produits ou services ici, écrivez plutôt à propos des solutions.</p>
                                <p>
                                    <a href="/contactus" class="btn btn-primary o_translate_inline">Contactez-nous</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="carousel-item pt96 o_colored_level s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center o_bg_img_origin_border_box pb0" style="background-image: url(&quot;/web/image/1083-a9859e7e/IMAGE%20SOCOF%206.webp&quot;);" data-name="Slide" data-scroll-background-ratio="0" data-attachment-id="1061" data-format-mimetype="image/webp" data-original-id="1061" data-original-src="/web/image/1061-bf43077a/IMAGE%20SOCOF%206.webp" data-mimetype-before-conversion="image/webp" data-resize-width="1032" data-mimetype="image/webp">
                    <div class="container oe_unremovable">
                        <div class="row o_grid_mode" data-row-count="4">
                            
                        <div class="carousel-content text-center o_colored_level s_parallax_no_overflow_hidden o_grid_item g-col-lg-8 g-height-4 col-lg-8" data-scroll-background-ratio="0" style="grid-area: 1 / 1 / 5 / 9; z-index: 1;">
                                <div class="s_hr pt8 pb24" data-snippet="s_hr" data-name="Separator"><hr class="w-25 mx-auto"/>
                                </div>
                                <p class="lead">Le storytelling est un outil puissant. <br/> Ca engage les utilisateurs. </p>
                                <p><a href="/" class="btn btn-primary o_translate_inline">Lancez-vous</a></p>
                            </div></div>
                    </div>
                </div>
                
                <div class="carousel-item o_cc o_cc5 o_colored_level pt128 s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center o_bg_img_origin_border_box pb192" data-name="Slide" data-scroll-background-ratio="0" style="background-image: url(&quot;/web/image/1066-036c8a2f/IMAGE%20SOCOF%203.webp&quot;);" data-attachment-id="1056" data-format-mimetype="image/webp" data-original-id="1056" data-original-src="/web/image/1056-036c8a2f/IMAGE%20SOCOF%203.webp" data-mimetype-before-conversion="image/webp" data-resize-width="474" data-mimetype="image/webp" data-quality="100">KHSBKGJHFG<div class="oe_unremovable container-fluid">
                        
                    </div>
                </div>
            </div>
            
            <button class="carousel-control-prev o_not_editable" aria-label="Précédent" title="Précédent" data-bs-target="#myCarousel1753301316000" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"/>
                <span class="visually-hidden">Précédent</span>
            </button>
            <button class="carousel-control-next o_not_editable" aria-label="Suivant" title="Suivant" data-bs-target="#myCarousel1753301316000" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"/>
                <span class="visually-hidden">Suivant</span>
            </button>
            
            <div class="carousel-indicators o_not_editable">
                <button type="button" aria-label="Indicateur de carrousel" data-bs-target="#myCarousel1753301316000" class="active" data-bs-slide-to="0" aria-current="true"/>
                <button type="button" aria-label="Indicateur de carrousel" data-bs-target="#myCarousel1753301316000" data-bs-slide-to="1"/>
                <button type="button" aria-label="Indicateur de carrousel" data-bs-target="#myCarousel1753301316000" data-bs-slide-to="2"/>
            </div>
        </div>
    </section><section class="s_empowerment pt24 pb24 o_colored_level" data-snippet="s_empowerment" data-name="Autonomisation" style="position: relative;">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="12">
                <div class="o_grid_item g-height-12 g-col-lg-7 col-lg-7 o_colored_level" style="grid-area: 1 / 1 / 13 / 8; --grid-item-padding-x: 24px;">
                    
                    <h1>À propos</h1><p><br/></p><p><strong>La société congolaise de Fibre optique (SOCOFSA) est une société créée par l'état congolais le 10 novembre 2016 par ordonnance présidentielle&amp;nbsp; pour géré la fibre optique de la RDC.&amp;nbsp;</strong></p><p><strong>Nous avons pour mission, de financer, construire, détenir, gérer, exploiter et maintenir des infrastructures et équipements de télécommunications haut débit, notamment la fibre optique de la RDC dans le cadre du projet Central African Backbone CAB 5.</strong></p><p><strong>C'est en 2021 que la Socof a procédé&amp;nbsp;à&amp;nbsp;la réception opérationnelle du réseau de fibre optique de l'axe Muanda-Kinshasa.</strong></p><p><strong>Le réseau a été construit dans le cadre de la composante congolaise du projet central African. Backbone (CAB5) qui vise à&amp;nbsp;connecter&amp;nbsp;les pays de la communauté économique des Etats d'Afrique centrale (CEEAC) via des infrastructures télécoms à haute débit.&amp;nbsp;</strong></p><p><strong>Elle est le fruit de la collaboration entre le gouvernement de la République&amp;nbsp;démocratique du Congo et la Banque mondiale. &amp;nbsp;</strong><br/>&amp;nbsp;</p>
                </div>
                <div class="o_grid_item o_grid_item_image g-height-12 g-col-lg-5 col-lg-5 o_snippet_mobile_invisible d-none d-lg-block o_colored_level" style="grid-area: 1 / 8 / 13 / 13; --grid-item-padding-x: 24px; --grid-item-padding-y: 0px;" data-invisible="1">
                    <img class="img img-fluid mx-auto rounded" style="width: 100% !important;" src="/web/image/website.s_empowerment_default_image" alt="" loading="lazy" data-mimetype="image/jpeg"/>
                </div>
            </div>
        </div>
    </section><section class="s_carousel_cards_wrapper pt64 pb64 o_colored_level" data-preview-interaction-enabled="true" data-snippet="s_carousel_cards" data-name="Carrousel cards">
        <div class="s_carousel_cards s_carousel_cards_with_img s_carousel_boxed carousel carousel-fade slide container" data-bs-interval="10000" data-bs-ride="true" data-option-name="CarouselCards" style="--card-img-size-h: 60%; --CardBody-extra-height: 0px;" id="myCarousel1753299877838">
            
            <div class="carousel-inner rounded">
                
                <div class="s_carousel_cards_item carousel-item p-0 active" data-name="Slide">
                    <div class="s_card s_carousel_cards_card card o_colored_level o_cc o_card_img_horizontal w-100 m-0 border-0 rounded-0 o_cc3 flex-lg-row" data-vxml="001" data-snippet="s_card" style="--card-img-ratio-align: 99%;">
                        <figure class="o_card_img_wrapper mb-0 o_card_img_adjust_h">
                            <img src="/web/image/1072-f00fe821/IMAGE%20SOCOF%202.webp" alt="" data-attachment-id="1070" class="o_card_img h-100 img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1070" data-original-src="/web/image/1070-f00fe821/IMAGE%20SOCOF%202.webp" data-mimetype-before-conversion="image/webp" data-resize-width="474" data-mimetype="image/webp"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title">Actualité</h3>
                            <p class="card-text">Une card est un conteneur de contenu flexible et extensible. Elle propose des couleurs et des options d'affichage puissantes.</p>
                            <a href="#" class="btn btn-secondary">Plus d'info</a>
                        </div>
                    </div>
                </div>
                
                <div class="s_carousel_cards_item carousel-item p-0" data-name="Slide">
                    <div class="s_card s_carousel_cards_card card o_colored_level o_cc o_cc5 o_card_img_horizontal w-100 m-0 border-0 rounded-0 flex-lg-row" data-vxml="001" data-snippet="s_card">
                        <figure class="o_card_img_wrapper mb-0">
                            <img src="/web/image/1058-7224f295/IMAGE%20SOCOF%204.webp" alt="" data-attachment-id="1055" class="o_card_img h-100 img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1055" data-original-src="/web/image/1055-907ee4f8/IMAGE%20SOCOF%204.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="480" data-mimetype="image/webp"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title">Actualité</h3>
                            <p class="card-text">Une card est un conteneur de contenu flexible et extensible. Elle propose des couleurs et des options d'affichage puissantes.</p>
                            <a href="#" class="btn btn-secondary">Plus d'info</a>
                        </div>
                    </div>
                </div>
                
                <div class="s_carousel_cards_item carousel-item p-0" data-name="Slide">
                    <div class="s_card s_carousel_cards_card card o_colored_level o_cc o_card_img_horizontal w-100 m-0 border-0 rounded-0 o_cc3 flex-lg-row" data-vxml="001" data-snippet="s_card">
                        <figure class="o_card_img_wrapper mb-0">
                            <img src="/web/image/1079-39b1a11b/IMAGE%20SOCOFSA%201.webp" alt="" data-attachment-id="1054" class="o_card_img h-100 img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1054" data-original-src="/web/image/1054-41cf4c51/IMAGE%20SOCOFSA%201.jpeg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title"><br/></h3>
                            <p class="card-text"><br/></p><a class="btn btn-secondary" href="https://zoom-eco.net/developpement/rdc-socof-et-fast-congo-signent-un-partenariat-public-prive-pour-lexploitation-et-la-maintenance-du-reseau-de-la-fibre-optique-dans-laxe-kinshasa-moanda/">Nos Actualité</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="o_horizontal_controllers position-absolute start-0 end-0 bottom-0 o_not_editable">
                <div class="o_horizontal_controllers_row d-flex gap-3 justify-content-between flex-nowrap">
                    
                    <div class="s_carousel_indicators_dots carousel-indicators align-items-center flex-shrink-1 w-auto mb-0">
                        <button type="button" class="active" data-bs-target="#myCarousel1753299877838" data-bs-slide-to="0" aria-current="true"/>
                        <button type="button" data-bs-target="#myCarousel1753299877838" data-bs-slide-to="1"/>
                        <button type="button" data-bs-target="#myCarousel1753299877838" data-bs-slide-to="2"/>
                    </div>
                    
                    <div class="o_arrows_wrapper gap-2 align-items-center w-auto p-0">
                        <button class="carousel-control-prev bottom-0 o_not_editable" aria-label="Précédent" title="Précédent" data-bs-target="#myCarousel1753299877838" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"/>
                            <span class="visually-hidden">Précédent</span>
                        </button>
                        <button class="carousel-control-next bottom-0 o_not_editable" role="img" aria-label="Suivant" title="Suivant" data-bs-target="#myCarousel1753299877838" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"/>
                            <span class="visually-hidden">Suivant</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section><section class="s_carousel_intro_wrapper p-0" data-preview-interaction-enabled="true" data-snippet="s_carousel_intro" data-name="Introduction au carrousel">
        <div class="s_carousel_intro s_carousel_default carousel slide carousel-dark o_colored_level" data-bs-ride="true" data-bs-interval="10000" id="myCarousel1754938159189">
            
            <div class="carousel-inner">
                
                <div class="s_carousel_intro_item carousel-item o_cc o_cc1 px-0 pt72 pb96 active" data-name="Slide">
                    <div class="container">
                        <div class="row o_grid_mode" data-row-count="8">
                            <div class="o_grid_item g-height-8 g-col-lg-5 col-lg-5 o_colored_level" style="z-index: 1; grid-area: 1 / 1 / 9 / 6;" data-name="Block">
                                <h1 class="display-3-fs">
        Une transformation de la réalité grâce à l'innovation dans le domaine de la réalité virtuelle
    </h1>
                            </div>
                            <div class="o_grid_item g-height-3 g-col-lg-4 col-lg-4 o_colored_level" style="z-index: 2; grid-area: 2 / 7 / 5 / 11; --grid-item-padding-y: 0px;" data-name="Block">
                                <p class="lead">
        Plongez dans des solutions VR de pointe qui donnent vie à votre vision grâce à une technologie immersive et à des expériences inégalées.
    </p>
                            </div>
                            <div class="o_grid_item o_grid_item_image g-height-4 g-col-lg-6 col-lg-6 o_colored_level" style="z-index: 3; grid-area: 5 / 7 / 9 / 13;" data-name="Block">
                                <img src="/web/image/website.s_carousel_intro_default_image_1" alt="" class="img img-fluid" data-mimetype="image/jpeg"/>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="s_carousel_intro_item carousel-item o_cc o_cc1 px-0 pt72 pb96" data-name="Slide">
                    <div class="container">
                        <div class="row o_grid_mode" data-row-count="8">
                            <div class="o_grid_item g-height-5 g-col-lg-6 col-lg-6 o_colored_level" style="z-index: 1; grid-area: 1 / 7 / 6 / 13;" data-name="Block">
                                <h2 class="display-3-fs">
        Des expériences VR immersives
    </h2>
                            </div>
                            <div class="o_grid_item g-height-2 g-col-lg-4 col-lg-4 o_colored_level" style="z-index: 2; grid-area: 7 / 7 / 9 / 11; --grid-item-padding-y: 20px;" data-name="Block">
                                <p class="lead">
        Révolutionnez vos projets grâce à nos créations VR sur mesure et à notre expertise.
    </p>
                            </div>
                            <div class="o_grid_item o_grid_item_image g-height-7 g-col-lg-5 col-lg-5 o_colored_level" style="z-index: 3; grid-area: 2 / 1 / 9 / 6;" data-name="Block">
                                <img src="/web/image/website.s_carousel_intro_default_image_2" alt="" class="img img-fluid" data-mimetype="image/jpeg"/>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="s_carousel_intro_item carousel-item o_cc o_cc1 px-0 pt72 pb72 o_colored_level" data-name="Slide">
                    <div class="container">
                        <div class="row o_grid_mode" data-row-count="8">
                            <div class="o_grid_item g-height-8 g-col-lg-5 col-lg-5 o_colored_level" style="z-index: 1; grid-area: 1 / 1 / 9 / 6;" data-name="Box">
                                <h2 class="display-3-fs">
        Explorez le monde virtuel
    </h2>
                            </div>
                            <div class="o_grid_item g-height-4 g-col-lg-4 col-lg-4 o_colored_level" style="z-index: 2; grid-area: 5 / 9 / 9 / 13;" data-name="Box">
                                <p class="lead">
        Découvrez-en plus et trouvez des solutions VR adaptées à vos besoins, conçues pour un engagement immersif et un impact transformationnel.
    </p>
                            </div>
                            <div class="o_grid_item o_grid_item_image g-height-8 g-col-lg-3 col-lg-3 o_colored_level" style="z-index: 3; grid-area: 1 / 6 / 9 / 9;" data-name="Box">
                                <img src="/web/image/website.s_carousel_intro_default_image_3" alt="" class="img img-fluid" data-mimetype="image/jpeg"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="o_horizontal_controllers container position-absolute start-50 bottom-0 translate-middle-x w-100 mb-md-4 o_not_editable">
                <div class="o_horizontal_controllers_row row gap-3 gap-lg-5 justify-content-between flex-nowrap flex-row-reverse mx-0">
                    
                    <div class="o_arrows_wrapper gap-2 w-auto p-0 o_colored_level">
                        <button class="carousel-control-prev o_not_editable" aria-label="Précédent" title="Précédent" data-bs-target="#myCarousel1754938159189" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"/>
                            <span class="visually-hidden">Précédent</span>
                        </button>
                        <button class="carousel-control-next o_not_editable" aria-label="Suivant" title="Suivant" data-bs-target="#myCarousel1754938159189" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"/>
                            <span class="visually-hidden">Suivant</span>
                        </button>
                    </div>
                    
                    <div class="s_carousel_indicators_numbers carousel-indicators align-items-center flex-shrink-1 w-auto o_colored_level">
                        <button type="button" class="active" aria-label="Indicateur de carrousel" data-bs-target="#myCarousel1754938159189" data-bs-slide-to="0" aria-current="true"/>
                        <button type="button" aria-label="Indicateur de carrousel" data-bs-target="#myCarousel1754938159189" data-bs-slide-to="1"/>
                        <button type="button" aria-label="Indicateur de carrousel" data-bs-target="#myCarousel1754938159189" data-bs-slide-to="2"/>
                    </div>
                </div>
            </div>
        </div>
    </section><section class="s_company_team_spotlight o_colored_level o_cc o_cc1 pt48 pb40" data-snippet="s_company_team_spotlight" data-name="Mise en avant de l'équipe">
        <div class="container">
            <h2 style="text-align: center;">EQUIPE DIRIGEANTE&amp;nbsp;</h2>
            <p><br/></p>
            <div class="row">
                <div data-name="Team Member" class="col-6 col-lg-3">
                    <div class="s_card o_card_img_top card o_cc o_cc1 o_colored_level" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img src="/web/image/1064-7f001f81/IMAGE%20SOCOF%207.webp" alt="" data-attachment-id="1063" class="o_card_img card-img-top img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1063" data-original-src="/web/image/1063-454a8ded/IMAGE%20SOCOF%207.jpeg" data-mimetype-before-conversion="image/jpeg" data-resize-width="200" data-mimetype="image/webp" loading="lazy"/>
                        </figure>
                        <div class="card-body">
                            <h4 style="text-align: center;" class="h5-fs">Prosper Ghislain MPEYE&amp;nbsp;</h4>
                            <p class="card-text">&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Directeur Général&amp;nbsp;</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="col-6 col-lg-3">
                    <div class="s_card o_card_img_top card o_cc o_cc1 o_colored_level" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top" src="/web/image/website.s_company_team_image_2" loading="lazy"/>
                        </figure>
                        <div class="card-body">
                            <h5 class="card-title">Mich Stark</h5>
                            <p class="card-text">Responsable technique</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="col-6 col-lg-3">
                    <div class="s_card o_card_img_top card o_cc o_cc1 o_colored_level" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img src="/unsplash/N4AK7Vy1McM/1089/directeur.jpg?unique=5bb45e93" alt="a man sitting at a desk" data-attachment-id="1085" class="o_card_img card-img-top img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1085" data-original-src="/unsplash/N4AK7Vy1McM/directeur.jpg?unique=8c757c75" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
                        </figure>
                        <div class="card-body">
                            <h5 class="card-title">Aline Turner</h5>
                            <p class="card-text">Directeur financier</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="col-6 col-lg-3">
                    <div class="s_card o_card_img_top card o_cc o_cc1 o_colored_level" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img src="/unsplash/MyZaGD52Q4I/1090/directeur.jpg?unique=d7a3c590" alt="A man in a suit and tie posing for a picture" data-attachment-id="1086" class="o_card_img card-img-top img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1086" data-original-src="/unsplash/MyZaGD52Q4I/directeur.jpg?unique=b6b1206c" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
                        </figure>
                        <div class="card-body">
                            <h5 class="card-title">Iris Joe</h5>
                            <p class="card-text">Directeur des opérations</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><section class="s_website_form_info o_cc o_colored_level o_cc3 pt0 pb0" data-snippet="s_website_form_info" data-name="Informations du formulaire">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="12">
                
                
                
                <div class="o_grid_item g-col-lg-6 g-height-12 col-lg-6 col-12 o_colored_level" style="--grid-item-padding-x: 0px; grid-area: 1 / 7 / 13 / 13; z-index: 4;">
    <section class="s_website_form pt16 pb16" data-vcss="001" data-snippet="s_website_form" data-name="Formulaire">
        <div class="container-fluid">
            <form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-pre-fill="true" data-model_name="mail.mail" data-success-mode="redirect" data-success-page="/contactus-thank-you">
                <div class="s_website_form_rows row s_col_no_bgcolor">
                    <div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_dnone">
                        <div class="row s_col_no_resize s_col_no_bgcolor">
                            <label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px">
                                <span class="s_website_form_label_content"/>
                            </label>
                            <div class="col-sm">
                                <input type="hidden" class="form-control s_website_form_input" name="email_to" value="info@yourcompany.example.com"/>
                            </div>
                        </div>
                    </div>
                    <div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_custom s_website_form_required" data-type="char">
                        <div class="row s_col_no_resize s_col_no_bgcolor">
                            <label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="obij2aulqyau">
                                <span class="s_website_form_label_content">Votre nom</span>
                                <span class="s_website_form_mark"> *</span>
                            </label>
                            <div class="col-sm">
                                <input class="form-control s_website_form_input" type="text" name="name" required="1" data-fill-with="name" id="obij2aulqyau"/>
                            </div>
                        </div>
                    </div>
                    <div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_custom" data-type="tel">
                        <div class="row s_col_no_resize s_col_no_bgcolor">
                            <label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="ozp7022vqhe">
                                <span class="s_website_form_label_content">Numéro de téléphone</span>
                            </label>
                            <div class="col-sm">
                                <input class="form-control s_website_form_input" type="tel" name="phone" data-fill-with="phone" id="ozp7022vqhe"/>
                            </div>
                        </div>
                    </div>
                    <div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_model_required" data-type="email">
                        <div class="row s_col_no_resize s_col_no_bgcolor">
                            <label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="oub62hlfgjwf">
                                <span class="s_website_form_label_content">Votre e-mail</span>
                                <span class="s_website_form_mark"> *</span>
                            </label>
                            <div class="col-sm">
                                <input class="form-control s_website_form_input" type="email" name="email_from" required="" data-fill-with="email" id="oub62hlfgjwf"/>
                            </div>
                        </div>
                    </div>
                    <div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_custom" data-type="char">
                        <div class="row s_col_no_resize s_col_no_bgcolor">
                            <label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="o291di1too2s">
                                <span class="s_website_form_label_content">Votre société</span>
                            </label>
                            <div class="col-sm">
                                <input class="form-control s_website_form_input" type="text" name="company" data-fill-with="commercial_company_name" id="o291di1too2s"/>
                            </div>
                        </div>
                    </div>
                    <div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_model_required" data-type="char">
                        <div class="row s_col_no_resize s_col_no_bgcolor">
                            <label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="oqsf4m51acj">
                                <span class="s_website_form_label_content">Sujet</span>
                                <span class="s_website_form_mark"> *</span>
                            </label>
                            <div class="col-sm">
                                <input class="form-control s_website_form_input" type="text" name="subject" required="" id="oqsf4m51acj"/>
                            </div>
                        </div>
                    </div>
                    <div class="mb-0 py-2 col-12 s_website_form_submit text-end s_website_form_no_submit_label" data-name="Submit Button">
                        <div style="width: 200px;" class="s_website_form_label"/>
                        <span id="s_website_form_result"/>
                        ﻿<a href="#" role="button" class="btn btn-primary s_website_form_send">​INFO</a>﻿
                    </div>
                    
                </div>
            </form>
        </div>
    </section>
                </div>
            <div class="o_grid_item g-col-lg-5 g-height-4 col-lg-5 col-12 o_colored_level" style="--grid-item-padding-x: 0px; --grid-item-padding-y: 0px; z-index: 2; grid-area: 1 / 1 / 5 / 6;">
                    <h2 style="text-align: left;">Contactez-nous</h2>
                </div><div class="o_grid_item g-col-lg-5 g-height-3 col-lg-5 col-12 o_colored_level" style="--grid-item-padding-x: 0px; --grid-item-padding-y: 8px; z-index: 3; grid-area: 7 / 1 / 10 / 6;">
                    <i class="fa fa-fw fa-envelope o_not-animable" role="img"/>&amp;nbsp;www.Socofsa.com&amp;nbsp;<br/>
                    <br/><i class="fa fa-fw fa-phone o_not-animable" role="img"/>
                    &amp;nbsp;&amp;nbsp; +243&amp;nbsp; 830400004<br/>
                    <br/><i class="fa fa-fw fa-map-marker o_not-animable" role="img"/>&amp;nbsp;n° 17, avenue 
Pierre Mulele (Ex 24 Novembre), Infinity Center 5eme 
Etage, Bureaux 504 &amp;amp; 505, commune de la Gombe, à 
Kinshasa, en République Démocratique du Congo.
                </div></div>
        </div>
    </section></div>
    </t>
</t>