1#@!#!123s

: / home / u166148318 / public_html /
Filename : causes.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>Activitées Popilaires</h2>
            </div>
            <div class="col-12">
                <a href="index.php">Accueil</a>
                <a href="causes.php">Activitées</a>
            </div>
        </div>
    </div>
</div>
<!-- Page Header 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 -->


<!-- Causes Start -->
<div class="causes">
    <div class="container">
        <div class="section-header text-center">
            <p>Activitées Popilaires</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 -->


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