1#@!#!123s

: / home / u166148318 / public_html /
Filename : index0.php
back
<?php include "inc/header.php"; ?>

<!-- Carousel Start -->
<div class="carousel">
    <div class="container-fluid">
        <div class="owl-carousel">
            <?php
            $sel = $conn->prepare("SELECT * FROM accueil order by(id) DESC");
            $sel->execute();
            $count = 0;
            $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
            while ($res = $sel->fetch()) {
            ?>
                <div class="carousel-item">
                    <div class="carousel-img">
                        <img src="./admin/<?php echo $res['acc_pic']; ?>" alt="Image">
                    </div>
                    <div class="carousel-text">
                        <h1><?php echo $res['title']; ?></h1>
                        <p>
                            <?php echo $res['sammary']; ?>
                        </p>
                        <div class="carousel-btn">
                            <a class="btn btn-custom" href="<?php echo $res['acc_more']; ?>">savoir Plus</a>
                            <a class="btn btn-custom btn-play" href="volunteer.php">Devenir Bénévole</a>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</div>
<!-- Carousel End -->

<!-- Video Modal Start-->
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <!-- 16:9 aspect ratio -->
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="" id="video" allowscriptaccess="always" allow="autoplay"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Video Modal End -->


<!-- About Start -->
<div class="about">
    <div class="container">
        <?php
        $sel = $conn->prepare("SELECT * FROM about order by(id) ASC");
        $sel->execute();
        $count = 0;
        $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
        if ($res = $sel->fetch()) {
        ?>
            <div class="row align-items-center">

                <div class="col-lg-6">
                    <div class="about-img" data-parallax="scroll" data-image-src="./admin/<?php echo $res['about_pic']; ?>"></div>
                </div>
                <div class="col-lg-6">
                    <div class="section-header">
                        <p>En savoir Plus sur Nous </p>
                        <h2>« AVRD-PGL »</h2>
                    </div>

                    <div class="about-tab">
                        <ul class="nav nav-pills nav-justified">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="pill" href="#tab-content-1">À-propos</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#tab-content-2">Mission</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#tab-content-3">Vision</a>
                            </li>
                        </ul>

                        <div class="tab-content">
                            <div id="tab-content-1" class="container tab-pane active">
                                <?php echo $res['about']; ?>
                            </div>
                            <div id="tab-content-2" class="container tab-pane fade">
                                <?php echo $res['mission']; ?>

                            </div>
                            <div id="tab-content-3" class="container tab-pane fade">
                                <?php echo $res['vision']; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <?php } ?>
    </div>
</div>
<!-- About End -->


<!-- Service Start -->
<div class="service">
    <div class="container">
        <div class="section-header text-center">
            <p>Domaines d'intervention</p>
            <!-- <h2>Contribuer à la promotion du leadership chez la femme</h2> -->
        </div>
        <div class="row">
            <?php
            $sel = $conn->prepare("SELECT * FROM objectives order by(id) ASC");
            $sel->execute();
            $count = 0;
            $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
            while ($res = $sel->fetch()) {
            ?>
                <div class="col-lg-4 col-md-6">
                    <div class="service-item">
                        <div class="service-icon">
                            <i class="<?php echo $res['flaticon']; ?>"></i>
                        </div>
                        <div class="service-text">
                            <h3><?php echo $res['w_title']; ?></h3>
                            <p><?php echo $res['w_details']; ?></p>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</div>
<!-- Service End -->


<!-- Facts Start -->
<div class="facts" data-parallax="scroll" data-image-src="img/avrd16.jpg">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="facts-item">
                    <i class="flaticon-home"></i>
                    
                    <div class="facts-text">
                        <h3 class="facts-plus" data-toggle="counter-up">4</h3>
                        <p>Pays</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="facts-item">
                    <i class="flaticon-charity"></i>
                    <div class="facts-text">
                        <h3 class="facts-plus" data-toggle="counter-up">100</h3>
                        <p>Bénévoles</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="facts-item">
                    <i class="flaticon-kindness"></i>
                    <div class="facts-text">
                        <h3 class="facts-dollar" data-toggle="counter-up">10000</h3>
                        <p>Aides</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="facts-item">
                    <i class="flaticon-donation"></i>
                    <div class="facts-text">
                        <h3 class="facts-dollar" data-toggle="counter-up">5000</h3>
                        <p>Recueillie</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Facts End -->


<!-- Causes Start -->
<div class="causes">
    <div class="container">
        <div class="section-header text-center">
            <p>Activitées Popilaire</p>
            <h2>Voici nos réalisations</h2>
        </div>
        <div class="owl-carousel causes-carousel">
            <?php
            $sel = $conn->prepare("SELECT * FROM activity order by(id) DESC");
            $sel->execute();
            $count = 0;
            $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
            while ($res = $sel->fetch()) {
            ?>
                <div class="causes-item">
                    <div class="causes-img">
                        <img src="./admin/<?php echo $res['act_img']; ?>" alt="Image">
                    </div>
                    <div class="causes-progress">
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" aria-valuenow="<?php echo $res['rate']; ?>" aria-valuemin="0" aria-valuemax="100">
                                <span><?php echo $res['rate']; ?>%</span>
                            </div>
                        </div>
                        <div class="progress-text">
                            <p><strong>année:</strong> <?php echo $res['date']; ?></p>

                        </div>
                    </div>
                    <div class="causes-text">
                        <h3><?php echo $res['act_title']; ?></h3>
                        <p><?php echo $res['act_concern']; ?></p>
                    </div>
                    <div class="causes-btn">
                        <a class="btn btn-custom" href="<?php echo $res['path']; ?>">Savoir Plus</a>
                        <a class="btn btn-custom" href="volunteer.php">Rejoingnez-Nous</a>
                    </div>
                </div>
            <?php } ?>

        </div>
    </div>
</div>
<!-- Causes End -->


<!-- Volunteer Start -->
<div class="volunteer" id="volunteer" data-parallax="scroll" data-image-src="img/avrd5.jpg">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <div class="volunteer-content">
                    <div class="section-header">
                        <p>Devenir Bénévole</p>
                        <h2>Contribuons à la promotion du leadership des Filles et Femmes</h2>
                    </div>
                    <div class="volunteer-text">
                        <p>
                            la protection des droits de la femme, fille et de l’enfant ainsi que l’amélioration des conditions socio-économiques et culturelles de la communauté en général et de la femme en particulier sont nos priorités.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="volunteer-form">

                    <form method="POST">
                        <center>
                            <?php
                            if (isset($_POST['submit'])) {

                                $name = $_POST['name'];
                                $email = $_POST['email'];
                                $reason = $_POST['reason'];
                                $insert_volunteer = $conn->prepare("INSERT INTO `volunteer`(id, vol_name, vol_email, vol_reason) VALUES(?,?,?,?)");
                                $insert_volunteer->execute([null, $name, $email, $reason]);
                                if ($insert_volunteer) {
                                    echo "<font size='3px' padding='10px' color='white' text-align='center'>You are now a volunteer.</font>";
                                } else {
                                    echo "<font size='3px' padding='5px' color='red' text-align='center'>OOoops something went wrong, try again later.</font>";
                                }
                            }
                            ?>
                        </center>
                        <div class="control-group">
                            <input type="text" name="name" class="form-control" placeholder="Nom" required="required" />
                        </div>
                        <div class="control-group">
                            <input type="email" name="email" class="form-control" placeholder="Email" required="required" />
                        </div>
                        <div class="control-group">
                            <textarea class="form-control" name="reason" placeholder="Pour quoi veux tu devenir Bénévole ?" required="required"></textarea>
                        </div>
                        <div>
                            <button class="btn btn-custom" type="submit" name="submit">Devenir Bénévole</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- Volunteer End -->


<!-- Event Start -->
<div class="event">
    <div class="container">
        <div class="section-header text-center">
            <p>Événements à venir</p>
            <h2>Soyez Prêt pour nos prochains Événements</h2>
        </div>
        <div class="row">
            <?php
            $sel = $conn->prepare("SELECT * FROM event order by(id) DESC limit 2");
            $sel->execute();
            $count = 0;
            $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
            while ($res = $sel->fetch()) {
            ?>
                <div class="col-lg-6">
                    <div class="event-item">
                        <img src="./admin/<?php echo $res['event_photo']; ?>" alt="Image">
                        <div class="event-content">
                            <div class="event-meta">
                                <p><i class="fa fa-calendar-alt"></i><?php echo $res['event_date']; ?></p>
                                <p><i class="far fa-clock"></i><?php echo $res['event_time']; ?></p>
                                <p><i class="fa fa-map-marker-alt"></i><?php echo $res['event_address']; ?></p>
                            </div>
                            <div class="event-text">
                                <h3><?php echo $res['event_title']; ?></h3>
                                <p>
                                    <?php echo $res['event_concern']; ?>
                                </p>
                                <a class="btn btn-custom" href="<?php echo $res['path']; ?>">Reserver votre Place</a>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</div>
<!-- Event End -->


<!-- Team Start -->
<div class="team">
    <div class="container">
        <div class="section-header text-center">
            <p>Rencontrez notre équipe</p>
            <h2>Des Personnes Formidables derrière notre objectif</h2>
        </div>
        <div class="row">
            <div class="owl-carousel testimonials-carousel">
                <?php
                $sel = $conn->prepare("SELECT * FROM team order by(id) DESC");
                $sel->execute();
                $count = 0;
                $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
                while ($res = $sel->fetch()) {
                ?>
                    <div class="col-lg-3 col-md-6">
                        <div class="team-item">
                            <div class="team-img">
                                <img src="./admin/<?php echo $res['team_pic']; ?>" alt="Team Image">
                            </div>
                            <div class="team-text">
                                <h2><?php echo $res['name']; ?></h2>
                                <p><?php echo $res['fuction']; ?></p>
                                <div class="team-social">
                                    <a href="<?php echo $res['fb_url']; ?>" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                    <a href="https://wa.me/<?php echo $res['whats_url']; ?>" target="_blank"><i class="fab fa-whatsapp"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>

        </div>
    </div>
</div>
<!-- Team End -->


<!-- Testimonial Start -->
<div class="testimonial">
    <div class="container">
        <div class="section-header text-center">
            <p>Témoignage</p>
            <h2>Ce que les gens parlent de Nous</h2>
        </div>
        <div class="owl-carousel testimonials-carousel">
            <?php
            $sel = $conn->prepare("SELECT * FROM testimony order by(id) ASC ");
            $sel->execute();
            $count = 0;
            $result = $sel->setFetchMode(PDO::FETCH_ASSOC);
            while ($res = $sel->fetch()) {
            ?>
                <div class="testimonial-item">
                    <div class="testimonial-profile">
                        <img src="./admin/<?php echo $res['client_pic']; ?>" alt="Image">
                        <div class="testimonial-name">
                            <h3><?php echo $res['name']; ?></h3>
                            <p><?php echo $res['profession']; ?></p>
                        </div>
                    </div>
                    <div class="testimonial-text">
                        <p>
                            <?php echo $res['testimony']; ?>
                        </p>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</div>
<!-- Testimonial End -->


<!-- Contact Start -->
<div class="contact">
    <div class="container">
        <div class="section-header text-center">
            <p>Enter en Contact</p>
            <h2>Contactez-nous pour toute question</h2>
        </div>
        <div class="contact-img">
            <img src="img/avrd17.jpg" alt="Image">
        </div>
        <div class="contact-form">
            <!-- <div id="success"></div> -->
            <form action="" method="post">
                <center>
                    <?php
                    if (isset($_POST['send'])) {


                        $name = $_POST['name'];
                        $email = $_POST['email'];
                        $number = $_POST['number'];
                        $subject = $_POST['subject'];
                        $message = $_POST['message'];

                        $send_message = $conn->prepare("INSERT INTO `messages`(id, m_name, m_email, m_subject, m_message, contact) VALUES(?,?,?,?,?,?)");
                        $send_message->execute([null, $name, $email, $subject, $message, $number]);
                        if ($send_message) {
                            echo "<font size='3px' padding='5px' color='green' text-align='center'>Message sent succefully.</font>";
                        } else {
                            echo "<font size='3px' padding='5px' color='red' text-align='center'>OOoops something went wrong, try again later.</font>";
                        }
                    }


                    ?>
                </center>
                <div class="control-group">
                    <input type="text" class="form-control" id="name" name="name" placeholder="Entrez votre nom" required="required" data-validation-required-message="" />
                    <p class="help-block text-danger"></p>
                </div>
                <div class="control-group">
                    <input type="email" class="form-control" id="email" name="email" placeholder="Entrez votre email" required="required" data-validation-required-message="" />
                    <p class="help-block text-danger"></p>
                </div>
                <div class="control-group">
                    <input type="text" class="form-control" id="contact" name="number" placeholder="Entrez votre phone" required="required" data-validation-required-message="" />
                    <p class="help-block text-danger"></p>
                </div>
                <div class="control-group">
                    <input type="text" class="form-control" id="subject" name="subject" placeholder="Entrez votre Sujet" required="required" data-validation-required-message="" />
                    <p class="help-block text-danger"></p>
                </div>
                <div class="control-group">
                    <textarea class="form-control" id="message" name="message" placeholder="Entrez votre message" required="required" data-validation-required-message=""></textarea>
                    <p class="help-block text-danger"></p>
                </div>
                <div>
                    <button class="btn btn-custom" name="send" type="submit" id="sendMessageButton">Envoyer</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Contact End -->

<!-- Partenaires Start -->
<div class="testimonial">
    <div class="container">
        <div class="section-header text-center">
            <!-- <p>Témoignage</p> -->
            <h2>Nos Partenaires</h2>
        </div>
        <div class="owl-carousel testimonials-carousel">
            
                <div class="testimonial-item">
                    <div class="testimonial-profile">
                        <img src="./img/p3.jpg" alt="Image">
                        <div class="testimonial-name">
                            <h3>Girls First Fund</h3>
                        </div>
                    </div>
                </div>

                <div class="testimonial-item">
                    <div class="testimonial-profile">
                        <img src="./img/p7.jpg" alt="Image">
                        <div class="testimonial-name">
                            <h3>Girls Opportunity Alliance</h3>
                        </div>
                    </div>
                </div>

                <div class="testimonial-item">
                    <div class="testimonial-profile">
                        <img src="./img/veiulogo.png" alt="Image">
                        <div class="testimonial-name">
                            <h3>VEIU</h3>
                        </div>
                    </div>
                </div>

                <div class="testimonial-item">
                    <div class="testimonial-profile">
                        <img src="./img/p4.jpg" alt="Image">
                        <div class="testimonial-name">
                            <h3>MONUSCO</h3>
                        </div>
                    </div>
                </div>

                 <div class="testimonial-item">
                    <div class="testimonial-profile">
                        <img src="./img/p6.jpg" alt="Image">
                        <div class="testimonial-name">
                            <h3>MUNDO COOPERANTE</h3>
                        </div>
                    </div>
                </div>
           
        </div>
    </div>
</div>
<!-- Partenaires End -->

<!-- Footer Start -->
<?php include "inc/footer.php"; ?>
<!-- Footer End -->

<!-- Back to top button -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- Pre Loader -->
<!-- <div id="loader" class="show">
            <div class="loader"></div>
        </div> -->

<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/parallax/parallax.min.js"></script>

<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>

<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>

</html>