1#@!#!123s

: / home / diafrica / spre.dominicaninstitute.edu.ng / sections /
Filename : home-slider.php
back
<section class="rev_slider_wrapper">
    <div id="slider1" class="rev_slider" data-version="5.0">
        <ul>
            <?php
            include_once 'inc/config.php';
            $sql = 'SELECT * FROM homepage_sliders';
            $result = mysqli_query($con, $sql);
            if (mysqli_num_rows($result) > 0) {
                // output data of each row
                while ($row = mysqli_fetch_assoc($result)) { ?>
            <li data-transition="fade">
                <img src="./uploads/sliders/<?= $row[
                    'slider_image'
                ] ?>" alt="" width="1920" height="550" data-bgposition="top center" data-bgfit="cover"
                    data-bgrepeat="no-repeat" data-bgparallax="1">
                <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="15" data-y="top" data-voffset="210"
                    data-transform_idle="o:1;"
                    data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                    data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                    data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                    data-responsive_offset="on" data-start="700">
                    <div class="slide-content-box">
                        <h1><?= $row['slider_heading_text'] ?></h1>
                        <?php $str = $row['slider_content_text']; ?>
                        <p><?= wordwrap($str, 100, '<br>', true) ?></p>
                    </div>
                </div>
                <div class="tp-caption tp-resizeme" data-x="left" data-hoffset="15" data-y="top" data-voffset="400"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                    data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-splitin="none"
                    data-splitout="none" data-responsive_offset="on" data-start="2300">
                    <div class="slide-content-box">
                        <div class="button">
                            <a class="thm-btn yellow-bg" style="background-color: #964B00;border-color:#000; " href="">
                                <p><?= $row['slider_button'] ?></p>
                            </a>
                        </div>
                    </div>
                </div>

            </li>
            <?php }
            } else {
                 ?>
            <li data-transition="fade">
                <img src="images/slider/1.jpg" alt="" width="1920" height="550" data-bgposition="top center"
                    data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="1">
                <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="15" data-y="top" data-voffset="210"
                    data-transform_idle="o:1;"
                    data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                    data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                    data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                    data-responsive_offset="on" data-start="700">
                    <div class="slide-content-box">
                        <h1>Heading Goes Here </h1>
                        <p>Slider Text Content Goes here. Slider Text Content Goes here. Slider Text Content Goes here.
                        </p>
                    </div>
                </div>
                <div class="tp-caption tp-resizeme" data-x="left" data-hoffset="15" data-y="top" data-voffset="340"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                    data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" data-splitin="none"
                    data-splitout="none" data-responsive_offset="on" data-start="2300">
                    <div class="slide-content-box">
                        <div class="button">
                            <a class="thm-btn yellow-bg" href="">Button Text</a>
                        </div>
                    </div>
                </div>

            </li>
            <?php
            }

// mysqli_close($con);
?>

        </ul>
    </div>
</section>

<!--End rev slider wrapper-->