1#@!#!123s

: / home / u166148318 / domains / avrd.org / public_html /
Filename : about.php
back
<?php include "inc/header.php"; ?>

<!-- Page Header Start -->
<div class="page-header">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>À-propos</h2>
            </div>
            <div class="col-12">
                <a href="index.php">Accueil</a>
                <a href="">À-propos</a>
            </div>
        </div>
    </div>
</div>
<!-- Page Header 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 -->


<!-- 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 -->


<!-- Team Start -->
<div class="team">
    <div class="container">
        <div class="section-header text-center">
            <p>Meet Our Team</p>
            <h2>Awesome guys behind our Goal</h2>
        </div>
        <div class="row">
            <div class="owl-carousel testimonials-carousel">
                <?php
                $sel = $conn->prepare("SELECT * FROM team order by(id) ASC");
                $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>Testimonial</p>
            <h2>What people are talking about Us</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 -->


<!-- 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>