D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
diafrica
/
spre.dominicaninstitute.edu.ng
/
sections
/
Filename :
home-slider.php
back
Copy
<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-->