<?php
session_start();
?>


<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title  -->
    <title>Bienvenue à la COMCO</title>

    <!-- Favicon  -->
    <link rel="shortcut icon" type="image/x-icon" href="../1413914/logo/ico.png">

    <!-- Style CSS -->
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <!-- Preloader Start -->
    <div id="preloader">
        <div class="preload-content">
            <div id="world-load"></div>
        </div>
    </div>
    <!-- Preloader End -->



    <!-- ***** Header Area Start ***** -->
    <header class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <nav class="navbar navbar-expand-lg">
                        <!-- Logo -->
                        <a class="navbar-brand" href="index.php?code=home"><img src="../1413914/logo/logo01.png" alt="Logo" width="150px"></a>

                        <!-- Navbar Toggler -->
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#worldNav" aria-controls="worldNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

                        <!-- Navbar -->
                        <div class="collapse navbar-collapse" id="worldNav">
                            <ul class="navbar-nav ml-auto">
                                <li class="nav-item active">
                                    <a class="nav-link" href="index.php?code=home">Accueil <span class="sr-only">(current)</span></a>
                                </li>


                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Qui sommes-nous</a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="index.php?code=home">Présentation</a>
                                        <a class="dropdown-item" href="#">Historique</a>
                                        <a class="dropdown-item" href="#">Missions</a>
                                        <a class="dropdown-item" href="#">Organigramme</a>
                                    </div>
                                </li>


                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ressources & Publications</a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="#">Communiqués</a>
                                        <a class="dropdown-item" href="#">Evenements</a>
                                        <a class="dropdown-item" href="#">Cadre Juridique</a>
                                        <a class="dropdown-item" href="#">Documentation diverse</a>

                                    </div>
                                </li>



                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Médias</a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="#">Galerie Photo</a>
                                        <a class="dropdown-item" href="#">Vidéothèque</a>
                                    </div>
                                </li>



                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">E-service</a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="#">Renseignements</a>
                                        <a class="dropdown-item" href="#">Dénonciations & Plaintes</a>
                                        <a class="dropdown-item" href="#">Produits dangéreux</a>
                                    </div>
                                </li>


                                <li class="nav-item">
                                    <a class="nav-link" href="#">Contact</a>
                                </li>


                            </ul>



                            <!-- Search Form  -->
                            <div id="search-wrapper">
                                <form action="#">
                                    <input type="text" id="search" placeholder="Rechercher">
                                    <div id="close-icon"></div>
                                    <input class="d-none" type="submit" value="">
                                </form>
                            </div>



                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- ***** Header Area End ***** -->




    <!-- ********** Hero Area Start ********** -->
    <div class="hero-area">

        <!-- Hero Slides Area -->
        <div class="hero-slides owl-carousel">


            <?php

            include("connexion.php");

            $art="SELECT * FROM articles WHERE indice='111' AND visibilite='Public'  AND status='1' ORDER BY RAND() ";
            $CPT=0;
            $md=1;
            $jv=0;
            foreach($connexion->query ($art) as $row){
                $CPT++;
                $md++;
                $jv=0;

                $NUM=$row['num'];
                $TITRE=$row['titre'];
                $DeSCRIPTION=$row['description'];
                $TEXTE=$row['texte'];
                $PHOTO=$row['photo'];
                $ATTACHEMENT=$row['attachement'];
                $DATE=$row['date1'];
                $VISITE=$row['visite'];

                if($CPT<6){echo "
<div class=\"single-hero-slide bg-img background-overlay\" style=\"background-image: url(../1413914/img_magazine/$PHOTO);\"></div> "; }

                else{}




            }

            ?>


            <!-- Single Slide -->
            <div class="single-hero-slide bg-img background-overlay" style="background-image: url(img/blog-img/001.jpg);"></div>
            <!-- Single Slide -->
            <div class="single-hero-slide bg-img background-overlay" style="background-image: url(img/blog-img/002.jpg);"></div>
            <div class="single-hero-slide bg-img background-overlay" style="background-image: url(img/blog-img/003.jpg);"></div>
        </div>


    </div>
    <!-- ********** Hero Area End ********** -->




    <div class="main-content-wrapper section-padding-100">
        <div class="container">
            <div class="row justify-content-center">
                <!-- ============= Post Content Area Start ============= -->
                <div class="col-12 col-lg-8">
                    <div class="post-content-area mb-50">




                        <!-- Catagory Area -->
                        <div class="world-catagory-area mt-50">

                            <ul class="nav nav-tabs" id="myTab2" role="tablist">
                                <li class="title">Notre actualité</li>

                                <li class="nav-item">
                                    <a class="nav-link active" id="tab10" data-toggle="tab" href="#world-tab-10" role="tab" aria-controls="world-tab-10" aria-selected="true">A la une</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" id="tab11" data-toggle="tab" href="#world-tab-11" role="tab" aria-controls="world-tab-11" aria-selected="false">Nos activités</a>
                                </li>

                            </ul>



                            <div class="tab-content" id="myTabContent2">

                                <div class="tab-pane fade show active" id="world-tab-10" role="tabpanel" aria-labelledby="tab10">
                                    <div class="row">

                                        <div class="col-12 col-md-6">
                                            <!-- Single Blog Post -->
                                            <div class="single-blog-post wow fadeInUpBig" data-wow-delay="0.2s">
                                                <!-- Post Thumbnail -->
                                                <div class="post-thumbnail">
                                                    <img src="../1413914/img_magazine/mr.jpeg" alt="">
                                                    <!-- Catagory -->
                                                    <div class="post-cta"><a href="#">A la une</a></div>
                                                </div>
                                                <!-- Post Content -->
                                                <div class="post-content">
                                                    <a href="#" class="headline">
                                                        <h5>Cessez immédiatement toute consommation de ces produits</h5>
                                                    </a>
                                                    <p>la boisson énergisante Power Plus dit Mutu Rouge interdite de consommation et vente</p>
                                                    <!-- Post Meta -->
                                                    <div class="post-meta">
                                                        <p><a href="#" class="post-author">comco.gouv.cd</a> on <a href="#" class="post-date">29 avril 2026</a></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>




                                        <div class="col-12 col-md-6">
                                            <!-- Single Blog Post -->
                                            <div class="single-blog-post wow fadeInUpBig" data-wow-delay="0.2s">
                                                <!-- Post Thumbnail -->
                                                <div class="post-thumbnail">
                                                    <img src="../1413914/img_magazine/sc.jpeg" alt="">
                                                    <!-- Catagory -->
                                                    <div class="post-cta"><a href="#">A la une</a></div>
                                                </div>
                                                <!-- Post Content -->
                                                <div class="post-content">
                                                    <a href="#" class="headline">
                                                        <h5>Cessez immédiatement toute consommation de ces produits</h5>
                                                    </a>
                                                    <p>la boisson énergisante Power Plus dit Mutu Rouge interdite de consommation et vente</p>
                                                    <!-- Post Meta -->
                                                    <div class="post-meta">
                                                        <p><a href="#" class="post-author">comco.gouv.cd</a> le <a href="#" class="post-date">29 avril 2026</a></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>



                                    </div>
                                </div>




                                <div class="tab-pane fade" id="world-tab-11" role="tabpanel" aria-labelledby="tab11">
                                    <div class="row">




                                        <?php

                                        $art="SELECT * FROM articles WHERE indice='11' AND visibilite='Public'  AND status='1' ORDER BY RAND() ";
                                        $CPT=0;
                                        foreach($connexion->query ($art) as $row){
                                            $CPT++;
                                            $NUM=$row['num'];
                                            $TITRE=$row['titre'];
                                            $DeSCRIPTION=$row['description'];
                                            $TEXTE=$row['texte'];
                                            $PHOTO=$row['photo'];
                                            $ATTACHEMENT=$row['attachement'];
                                            $DATE=$row['date1'];
                                            $VISITE=$row['visite'];

                                            if($CPT<7){echo "

                                            <div class=\"col-12 col-md-6\">
                                            <!-- Single Blog Post -->
                                            <div class=\"single-blog-post post-style-2 d-flex align-items-center mb-1\">
                                                <!-- Post Thumbnail -->
                                                <div class=\"post-thumbnail\">
                                                    <img src=\"../1413914/img_magazine/$PHOTO\" alt=\"\">
                                                </div>
                                                <!-- Post Content -->
                                                <div class=\"post-content\">
                                                    <a href=\"#\" class=\"headline\">
                                                        <h5>$TITRE</h5>
                                                    </a>
                                                    <!-- Post Meta -->
                                                    <div class=\"post-meta\">
                                                        <p><a href=\"#\" class=\"post-author\">comco.gouv.cd</a> le <a href=\"#\" class=\"post-date\">$DATE</a></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                            ";}
                                            else{}

                                        }

                                        ?>

                                    </div>
                                </div>



                            </div>
                        </div>

                    </div>
                </div>
















                <!-- ========== Sidebar Area ========== -->
                <div class="col-12 col-md-8 col-lg-4">
                    <div class="post-sidebar-area wow fadeInUpBig" data-wow-delay="0.2s">

                        <!-- Widget Area -->
                        <div class="sidebar-widget-area">
                            <h5 class="title">Législation congolaise en matière de la concurrence</h5>
                            <div class="widget-content">




                                <!-- Single Blog Post -->
                                <div class="single-blog-post post-style-2 d-flex align-items-center widget-post">
                                    <!-- Post Thumbnail -->
                                    <div class="post-thumbnail">
                                        <img src="../1413914/img/pdf.png" alt="">
                                    </div>
                                    <!-- Post Content -->
                                    <div class="post-content">
                                        <a href="../1413914/documentation/cadre_juridique/Cng187507.pdf" class="headline" target="_blank">
                                            <h5 class="mb-0">LOI N°18/020 DU 09 JUILLET 2018 RELATIVE A LA LIBERTE DES PRIX ET A LA CONCURRENCE</h5>
                                        </a>
                                    </div>
                                </div>




                                <!-- Single Blog Post -->
                                <div class="single-blog-post post-style-2 d-flex align-items-center widget-post">
                                    <!-- Post Thumbnail -->
                                    <div class="post-thumbnail">
                                        <img src="../1413914/img/pdf.png" alt="">
                                    </div>
                                    <!-- Post Content -->
                                    <div class="post-content">
                                        <a href="../1413914/documentation/cadre_juridique/Cng187507.pdf" class="headline" target="_blank">
                                            <h5 class="mb-0">LOI N°18/020 DU 09 JUILLET 2018 RELATIVE A LA LIBERTE DES PRIX ET A LA CONCURRENCE</h5>
                                        </a>
                                    </div>
                                </div>


                            </div>
                        </div>




                        <!-- Widget Area -->
                        <div class="sidebar-widget-area">
                            <h5 class="title">Bientôt disponible </h5>
                            <div class="widget-content">
                                <!-- Single Blog Post -->
                                <div class="single-blog-post todays-pick">
                                    <!-- Post Thumbnail -->
                                    <div class="post-thumbnail">
                                        <img src="../1413914/img/talo.jpg" alt="">
                                    </div>
                                    <!-- Post Content -->
                                    <div class="post-content px-0 pb-0">
                                        <a href="#" class="headline">
                                            <h5>L'Application TALO pour la surveillance des prix sur les marchés</h5>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>





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





            <div class="world-latest-articles">
                <div class="row">
                    <div class="col-12 col-lg-8">
                        <div class="title">
                            <h5>Nos articles</h5>
                        </div>


                        <?php

                        $art="SELECT * FROM articles WHERE indice='1111' AND visibilite='Public'  AND status='1' ORDER BY RAND() ";
                        $CPT=0;
                        foreach($connexion->query ($art) as $row){
                            $CPT++;
                            $NUM=$row['num'];
                            $TITRE=$row['titre'];
                            $DeSCRIPTION=$row['description'];
                            $TEXTE=$row['texte'];
                            $PHOTO=$row['photo'];
                            $ATTACHEMENT=$row['attachement'];
                            $DATE=$row['date1'];
                            $VISITE=$row['visite'];

                            if($CPT<7){echo "


 <!-- Single Blog Post -->
                        <div class=\"single-blog-post post-style-4 d-flex align-items-center wow fadeInUpBig\" data-wow-delay=\"0.2s\">
                            <!-- Post Thumbnail -->
                            <div class=\"post-thumbnail\">
                                <img src=\"../1413914/img_magazine/$PHOTO\" alt=\"\">
                            </div>
                            <!-- Post Content -->
                            <div class=\"post-content\">
                                <a href=\"#\" class=\"headline\">
                                    <h5>$TITRE</h5>
                                </a>
                                <p>$DeSCRIPTION</p>
                                <!-- Post Meta -->
                                <div class=\"post-meta\">
                                    <p><a href=\"#\" class=\"post-author\">comco.gouv.cd</a> le <a href=\"#\" class=\"post-date\">$DATE</a></p>
                                </div>
                            </div>
                        </div>
                                            ";}
                            else{}

                        }

                        ?>



                    </div>





                    <div class="col-12 col-lg-4">
                        <div class="title">
                            <h5>Dernière vidéo</h5>
                        </div>

                        <!-- Single Blog Post -->
                        <div class="single-blog-post wow fadeInUpBig" data-wow-delay="0.2s">
                            <!-- Post Thumbnail -->
                            <div class="post-thumbnail">

                                <video controls width="100%">

                                    <source src="../1413914/img_magazine/scmr.mp4" type="video/mp4" />

                                </video>

                                <!-- Catagory -->

                            </div>
                            <!-- Post Content -->
                            <div class="post-content">
                                <a href="#" class="headline">
                                    <h5>Scellement de la société REVIN SARL</h5>
                                </a>
                                <p>Lors d'une opération de contrôle menée par la COMCO et l'ACOREP</p>
                                <!-- Post Meta -->
                                <div class="post-meta">
                                    <p><a href="#" class="post-author">Kinshasa</a> le <a href="#" class="post-date">29 avril 2026</a></p>
                                </div>
                            </div>
                        </div>







                        <!-- Widget Area -->
                        <div class="sidebar-widget-area">
                            <h5 class="title">Restez connecter</h5>
                            <div class="widget-content">
                                <div class="social-area d-flex justify-content-between">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>



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



        </div>
    </div>











    <!-- ***** Footer Area Start ***** -->
    <footer class="footer-area">
        <div class="container">
            <div class="row">


                <div class="col-12 col-md-4">
                    <div class="footer-single-widget">
                        <a href="#"><img src="../1413914/logo/logo01.png" alt="" width="250px"></a>
                        <div class="copywrite-text mt-30">
                            <p>Av. EQUATEUR N°25, Immeuble MK TOWER 4ème Niveau, Appartement 401 & 402, Kinshasa-Gombe
                                <br/><br/>
                            Téléphone : +243 892 150 000
                                <br/><br/>
                            Email : concat@comco.gouv.cd</p>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </footer>
    <!-- ***** Footer Area End ***** -->




    <!-- jQuery (Necessary for All JavaScript Plugins) -->
    <script src="js/jquery/jquery-2.2.4.min.js"></script>
    <!-- Popper js -->
    <script src="js/popper.min.js"></script>
    <!-- Bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Plugins js -->
    <script src="js/plugins.js"></script>
    <!-- Active js -->
    <script src="js/active.js"></script>

</body>

</html>